Coder Social home page Coder Social logo

admin-dashboard's Introduction

Admin-dashboard

Ember version of the Hoodie Admin Dashboard. Currently lets you log in and out, fetch all the plugin info, display plugin backends, and is ready to handle requests to Hoodie that require authentication. All Ajax requests done through Ember will transmit the bearerToken correctly once the admin has signed in.

Prerequisites

You will need the following things properly installed on your computer.

Installation

  • git clone <repository-url> this repository
  • change into the new directory
  • npm install
  • bower install

Running / Development

This admin dashboard is meant to run in conjunction with an actual Hoodie app, so you'll need to run a Hoodie app locally and then tell Ember where the WWW-endpoint of that Hoodie app is. For example:

This'll handle all requests to the Hoodie API without any CORS trouble or additional config.

Oddities of Note

This app embeds third-party plugin dashboards iframes, the sources of which are provided by the proxied Hoodie API. This only works if the Ember environment variable locationType is set to hash in config/environment.js. Otherwise, Ember will expect a route handler for the iframe src, and that will mess everything up. This means that the app's URLs use hashes.

Working on admin-dashboard-UIKit (needs revision)

Clone [email protected]:hoodiehq/hoodie-admin-dashboard-UIKit.git and do $ npm link in its directory. This will make a global npm package named hoodie-admin-dashboard-UIKit available on your system.

Now go to yourHoodieTestApp/node_modules/hoodie-server/node_modules and do $ npm link hoodie-admin-dashboard-UIKit.

You can now work in your UIKit-folder and see the changes in your admin-dashboard's plugins. Don't forget to $ grunt build the UIKit first.

Working on a plugin (needs revision)

Clone the plugin and do $ npm link in its directory. This will make a global npm package named hoodie-plugin-pluginName available on your system.

If the plugin exists in npm already, you can install it now via $ hoodie install pluginName.

Now go to yourHoodieTestApp/node_modules and do $ npm link hoodie-plugin-pluginName.

If the plugin is new and not installable through $hoodie install, you will have to add it to the package.json manually.

Code Generators

Make use of the many generators for code, try ember help generate for more details

Running Tests

  • ember test
  • ember test --server

Building

  • ember build (development)
  • ember build --environment production (production)

Important: Don't forget to set the environment when building for release, the difference in asset size is immense (the build with --environment production is 950Kb, without it's 12MB).

The app is built into the www folder to match the path in the existing dashboard. Ths path is set in .ember-cli.

Release Process

TBD.

Further Reading / Useful Links

admin-dashboard's People

Contributors

espy avatar

Watchers

 avatar

admin-dashboard's Issues

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because it uses your CI build statuses to figure out when to notify you about breaking changes.

Since we didn’t receive a CI status on the greenkeeper/initial branch, it’s possible that you don’t have CI set up yet. We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

If you have already set up a CI for this repository, you might need to check how it’s configured. Make sure it is set to run on all new branches. If you don’t want it to run on absolutely every branch, you can whitelist branches starting with greenkeeper/.

Once you have installed and configured CI on this repository correctly, you’ll need to re-trigger Greenkeeper’s initial pull request. To do this, please delete the greenkeeper/initial branch in this repository, and then remove and re-add this repository to the Greenkeeper integration’s white list on Github. You'll find this list on your repo or organization’s settings page, under Installed GitHub Apps.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.