Create Demo page

[slav]

It would be nice if you would create a demo page (similar to http://angular-ui.github.com/) with explanation of how to use different directives.

I know writing docs and creating demos isn't the most exciting part of development, but without them we can't use the project (I really don't have the time to dig in and try to figure out things on my own without some starting point).

Thank you!

[ajoslin]

Good idea. One idea I had was have each module have a 'demo' folder in its src, which was included as a partial in a main index.html app.

Or we could just do a normal demo page, if that presents any problems.

[pkozlowski-opensource]

@ajoslin +1 for an idea of a demo folder for each directive. Then we could build a demo page combining those partial demos.

[slav]

Demo for each folder makes more sense. It's also easier for contributors to provide a demo page this way too.

You could combine on build or perhaps just load demos as templates using Angular.

[ericzou]

I can take a stab at providing a demo for accordion directive if none exist. It'll be relevant to me, since we use both bootstrap(w/ accordion) & angular at work.

[ajoslin]

Definitely go for it eric, thanks! 😄

Unfortunately I will have no real time until maybe next week to start on the demo stuff... unless maybe I can find an hour before then. I'd like to get at least one demo module up and running to figure out exactly how the demo will be compiled together.

I'm not exactly sure if the demo site will be an angular app including partials, or if we will just use grunt to compile all the demo files together into one big page, or what.

I'd say go for this kind of format in src/accordion/demo/ for now:

accordionDemo.html:

<div ng-controller="AccordionDemoCtrl">
  <accordion>...</accordion>
</div>

accordionDemo.js:

function AccordionCtrl($scope) {
  //stuff
}

[ericzou]

Andy, no worries. I guess compile is a fairly 'standard' approach, but it might be worth to try out the angular app approach. Thoughts?