blob: df9cb0e572b196103d44f21c9d7ae6a7f914fd0c [file] [log] [blame]
Matteo Scandolofd564432016-05-03 17:07:01 -07001<!-- browserSync -->
2<!-- bower:css -->
3<link rel="stylesheet" href="vendor/bootstrap-css/css/bootstrap.min.css" />
4<link rel="stylesheet" href="vendor/angular-chart.js/dist/angular-chart.css" />
5<!-- endbower -->
6<!-- endcss -->
7<!-- inject:css -->
8<link rel="stylesheet" href="/css/main.css">
9<link rel="stylesheet" href="/../../../xos/core/static/xosNgLib.css">
10<!-- endinject -->
11
12<div ng-app="xos.sampleView" id="xosSampleView" class="container-fluid">
13 <div class="row">
14 <div class="col-xs-12">
15 <h1>Hi Matteo!</h1>
16 <h3>Welcome to you development environment.</h3>
17 <p>
18 We provided this environment to help you creating a custom view.
19 </p>
20 <p>
21 When the environment is running you will have an
22 <code>auto-reload</code>
23 feature enabled, so any time you update one of your files, the browser will be reloaded.
24 </p>
25 <p> <i>Note that is environment is already functional and that it is loading information from the XOS APIs and presenting them using the
26 <code>xos-table</code>
27 component.</i>
28 </p>
29 <h3>Development notes:</h3>
30 <p>
31 This views are designed using
32 <a href="https://angularjs.org/" target="_blank">Angular Js</a>
33 version 1.4.7 and
34 <a href="http://getbootstrap.com/" target="_blank">Bootstrap</a>
35 3.3.6 is included.
36 </p>
37 <p>
38 We just want to remind you that this development environment provide you three helper command:
39 <ul>
40 <li>
41 <code>npm start</code>
42 - will start your setup (you should already be familiar with it)
43 </li>
44 <li>
45 <code>npm test</code>
46 - will execute your unit tests defined with
47 <a href="https://karma-runner.github.io/0.13/index.html" target="_blank">Karma</a>
48 and
49 <a href="jasmine.github.io" target="_blank">Jasmine</a>
50 . You can check the
51 <code>spec/</code>
52 folder to see an example of your first test.
53 </li>
54 <li>
55 <code>npm run build</code>
56 - will build your dashboard and make it available to XOS
57 </li>
58 </ul>
59 </p>
60 <h3>Helpers:</h3>
61 <p>
62 We provide a set of helpers that you can leverage in your dashboard:
63 <ul>
64 <li>
65 <code>xos.helpers</code>
66 - A set of
67 <a href="https://docs.angularjs.org/guide/services" target="_blank">Angular Services</a>
68 </li>
69 <li>
70 <code>xos.uiComponents</code>
71 - A set of
72 <a href="https://docs.angularjs.org/guide/directive" target="_blank">Angular Directives</a>
73 </li>
74 <li>
75 <code>xos.rest</code>
76 - A set of
77 <a href="https://docs.angularjs.org/api/ngResource/service/$resource" target="_blank">Angular $resources</a>
78 </li>
79 </ul>
80 To know more about this helpers you can naviate to
81 <code>/views/ngXosLib/</code>
82 and generate the documentation with
83 <code>npm run doc</code>
84 </p>
85 <h3>Example:</h3>
86 </div>
87 </div>
88 <div ui-view></div>
89</div>
90
91<!-- bower:js -->
92<script src="vendor/jquery/dist/jquery.js"></script>
93<script src="vendor/angular/angular.js"></script>
94<script src="vendor/angular-mocks/angular-mocks.js"></script>
95<script src="vendor/angular-ui-router/release/angular-ui-router.js"></script>
96<script src="vendor/angular-cookies/angular-cookies.js"></script>
97<script src="vendor/angular-animate/angular-animate.js"></script>
98<script src="vendor/angular-resource/angular-resource.js"></script>
99<script src="vendor/lodash/lodash.js"></script>
100<script src="vendor/bootstrap-css/js/bootstrap.min.js"></script>
101<script src="vendor/Chart.js/Chart.js"></script>
102<script src="vendor/angular-chart.js/dist/angular-chart.js"></script>
103<!-- endbower -->
104<!-- endjs -->
105<!-- inject:js -->
106<script src="/../../../xos/core/xoslib/static/js/vendor/ngXosHelpers.js"></script>
107<script src="/.tmp/main.js"></script>
108<!-- endinject -->