blob: 504bc7c2945a7e662785da73250be6a7d4744249 [file] [log] [blame]
Matteo Scandolo8cbfa642015-11-04 11:31:05 +01001<!-- browserSync -->
Matteo Scandolof813b6a2015-11-03 14:32:00 +01002<!-- bower:css -->
Matteo Scandoloecc988d2016-04-28 16:20:53 -07003<!-- endbower -->
4<!-- endcss -->
Matteo Scandoloc7794962015-11-06 10:35:20 +01005<!-- inject:css -->
6<!-- endinject -->
Matteo Scandolof813b6a2015-11-03 14:32:00 +01007
Matteo Scandolofbd486c2016-04-13 10:19:55 -07008<div ng-app="xos.<%= name %>" id="xos<%= fileName %>" class="container-fluid">
Matteo Scandoloecc988d2016-04-28 16:20:53 -07009 <div class="row">
10 <div class="col-xs-12">
11 <h1>Hi <%= user.firstname %>!</h1>
12 <h3>Welcome to you development environment.</h3>
13 <p>
14 We provided this environment to help you creating a custom view.
15 </p>
16 <p>
17 When the environment is running you will have an
18 <code>auto-reload</code>
19 feature enabled, so any time you update one of your files, the browser will be reloaded.
20 </p>
21 <p> <i>Note that is environment is already functional and that it is loading information from the XOS APIs and presenting them using the
22 <code>xos-table</code>
23 component.</i>
24 </p>
25 <h3>Development notes:</h3>
26 <p>
27 This views are designed using
28 <a href="https://angularjs.org/" target="_blank">Angular Js</a>
29 version 1.4.7 and
30 <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>
31 3.3.6 is included.
32 </p>
33 <p>
34 We just want to remind you that this development environment provide you three helper command:
35 <ul>
36 <li>
37 <code>npm start</code>
38 - will start your setup (you should already be familiar with it)
39 </li>
40 <li>
41 <code>npm test</code>
42 - will execute your unit tests defined with
43 <a href="https://karma-runner.github.io/0.13/index.html" target="_blank">Karma</a>
44 and
45 <a href="jasmine.github.io" target="_blank">Jasmine</a>
46 . You can check the
47 <code>spec/</code>
48 folder to see an example of your first test.
49 </li>
50 <li>
51 <code>npm run build</code>
52 - will build your dashboard and make it available to XOS
53 </li>
54 </ul>
55 </p>
56 <h3>Helpers:</h3>
57 <p>
58 We provide a set of helpers that you can leverage in your dashboard:
59 <ul>
60 <li>
61 <code>xos.helpers</code>
62 - A set of
63 <a href="https://docs.angularjs.org/guide/services" target="_blank">Angular Services</a>
64 </li>
65 <li>
66 <code>xos.uiComponents</code>
67 - A set of
68 <a href="https://docs.angularjs.org/guide/directive" target="_blank">Angular Directives</a>
69 </li>
70 <li>
71 <code>xos.rest</code>
72 - A set of
73 <a href="https://docs.angularjs.org/api/ngResource/service/$resource" target="_blank">Angular $resources</a>
74 </li>
75 </ul>
76 To know more about this helpers you can naviate to
77 <code>/views/ngXosLib/</code>
78 and generate the documentation with
79 <code>npm run doc</code>
80 </p>
81 <h3>Example:</h3>
82 </div>
83 </div>
84 <div ui-view></div>
Matteo Scandolof813b6a2015-11-03 14:32:00 +010085</div>
86
87<!-- bower:js -->
Matteo Scandoloecc988d2016-04-28 16:20:53 -070088<!-- endbower -->
89<!-- endjs -->
Matteo Scandolof813b6a2015-11-03 14:32:00 +010090<!-- inject:js -->
Matteo Scandoloecc988d2016-04-28 16:20:53 -070091<!-- endinject -->