Sfoglia il codice sorgente

ui test

tags/1.1.0
Robin Thoni 8 anni fa
parent
commit
a7b45bd7dd
3 ha cambiato i file con 24 aggiunte e 149 eliminazioni
  1. 22
    147
      app/index.html
  2. 1
    1
      app/views/sidebar.html
  3. 1
    1
      app/views/toolbar.html

+ 22
- 147
app/index.html Vedi File

@@ -90,156 +90,31 @@
90 90
 <!--</section>-->
91 91
 
92 92
 <div layout="row"  flex>
93
-    <md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
94
-        <md-toolbar class="md-small-tall">
95
-            <span>Toolbar</span>
96
-        </md-toolbar>
97
-        <md-content layout="column" flex>
98
-            <span>Your sidenav</span>
99
-        </md-content>
93
+    <!--<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">-->
94
+        <!--<md-toolbar class="md-small-tall">-->
95
+            <!--<span>Toolbar</span>-->
96
+        <!--</md-toolbar>-->
97
+        <!--<md-content layout="column" flex>-->
98
+            <!--<span>Your sidenav</span>-->
99
+        <!--</md-content>-->
100 100
 
101
-    </md-sidenav>
101
+    <!--</md-sidenav>-->
102
+    <ng-include src="'views/sidebar.html'"></ng-include>
102 103
     <div layout="column" flex md-theme="blue" id="content">
103 104
         <md-content>
104
-        <md-toolbar layout="row">
105
-            <div class="md-toolbar-tools">
106
-                <!-- Add a toggleMenu function to your menuCtrl controller with the following in it
107
-                  $mdSidenav('left').toggle(); -->
108
-                <i class="fa fa-bars pointer" ng-click="toggleMenu()" hide-gt-lg>42</i>
109
-                <h1 flex>Your App</h1>
110
-            </div>
111
-
112
-        </md-toolbar>
113
-        <md-content layout="column" flex class="md-main-content">
114
-            <div>42</div>
115
-            <div>42</div>
116
-            <div>42</div>
117
-            <div>42</div>
118
-            <div>42</div>
119
-            <div>42</div>
120
-            <div>42</div>
121
-            <div>42</div>
122
-            <div>42</div>
123
-            <div>42</div>
124
-            <div>42</div>
125
-            <div>42</div>
126
-            <div>42</div>
127
-            <div>42</div>
128
-            <div>42</div>
129
-            <div>42</div>
130
-            <div>42</div>
131
-            <div>42</div>
132
-            <div>42</div>
133
-            <div>42</div>
134
-            <div>42</div>
135
-            <div>42</div>
136
-            <div>42</div>
137
-            <div>42</div>
138
-            <div>42</div>
139
-            <div>42</div>
140
-            <div>42</div>
141
-            <div>42</div>
142
-            <div>42</div>
143
-            <div>42</div>
144
-            <div>42</div>
145
-            <div>42</div>
146
-            <div>42</div>
147
-            <div>42</div>
148
-            <div>42</div>
149
-            <div>42</div>
150
-            <div>42</div>
151
-            <div>42</div>
152
-            <div>42</div>
153
-            <div>42</div>
154
-            <div>42</div>
155
-            <div>42</div>
156
-            <div>42</div>
157
-            <div>42</div>
158
-            <div>42</div>
159
-            <div>42</div>
160
-            <div>42</div>
161
-            <div>42</div>
162
-            <div>42</div>
163
-            <div>42</div>
164
-            <div>42</div>
165
-            <div>42</div>
166
-            <div>42</div>
167
-            <div>42</div>
168
-            <div>42</div>
169
-            <div>42</div>
170
-            <div>42</div>
171
-            <div>42</div>
172
-            <div>42</div>
173
-            <div>42</div>
174
-            <div>42</div>
175
-            <div>42</div>
176
-            <div>42</div>
177
-            <div>42</div>
178
-            <div>42</div>
179
-            <div>42</div>
180
-            <div>42</div>
181
-            <div>42</div>
182
-            <div>42</div>
183
-            <div>42</div>
184
-            <div>42</div>
185
-            <div>42</div>
186
-            <div>42</div>
187
-            <div>42</div>
188
-            <div>42</div>
189
-            <div>42</div>
190
-            <div>42</div>
191
-            <div>42</div>
192
-            <div>42</div>
193
-            <div>42</div>
194
-            <div>42</div>
195
-            <div>42</div>
196
-            <div>42</div>
197
-            <div>42</div>
198
-            <div>42</div>
199
-            <div>42</div>
200
-            <div>42</div>
201
-            <div>42</div>
202
-            <div>42</div>
203
-            <div>42</div>
204
-            <div>42</div>
205
-            <div>42</div>
206
-            <div>42</div>
207
-            <div>42</div>
208
-            <div>42</div>
209
-            <div>42</div>
210
-            <div>42</div>
211
-            <div>42</div>
212
-            <div>42</div>
213
-            <div>42</div>
214
-            <div>42</div>
215
-            <div>42</div>
216
-            <div>42</div>
217
-            <div>42</div>
218
-            <div>42</div>
219
-            <div>42</div>
220
-            <div>42</div>
221
-            <div>42</div>
222
-            <div>42</div>
223
-            <div>42</div>
224
-            <div>42</div>
225
-            <div>42</div>
226
-            <div>42</div>
227
-            <div>42</div>
228
-            <div>42</div>
229
-            <div>42</div>
230
-            <div>42</div>
231
-            <div class="container">
232
-                <hr>
233
-                <!-- Footer -->
234
-                <footer>
235
-                    <div class="row">
236
-                        <div class="col-lg-12 text-center">
237
-                            <p>Copyright &copy; <a href="https://www.rthoni.com/">Robin Thoni</a> <span date-now="yyyy"></span></p>
238
-                        </div>
239
-                    </div>
240
-                </footer>
241
-            </div>
242
-        </md-content>
105
+            <!--<md-toolbar layout="row">-->
106
+                <!--<div class="md-toolbar-tools">-->
107
+                    <!--&lt;!&ndash; Add a toggleMenu function to your menuCtrl controller with the following in it-->
108
+                      <!--$mdSidenav('left').toggle(); &ndash;&gt;-->
109
+                    <!--<i class="fa fa-bars pointer" ng-click="toggleMenu()" hide-gt-lg>42</i>-->
110
+                    <!--<h1 flex>Your App</h1>-->
111
+                <!--</div>-->
112
+            <!--</md-toolbar>-->
113
+            <ng-include src="'views/toolbar.html'"></ng-include>
114
+            <md-content layout="column" flex class="md-main-content">
115
+                <div ui-view></div>
116
+                <ng-include src="'views/footer.html'"></ng-include>
117
+            </md-content>
243 118
         </md-content>
244 119
     </div>
245 120
 </div>

+ 1
- 1
app/views/sidebar.html Vedi File

@@ -1,4 +1,4 @@
1
-<md-sidenav class="md-sidenav-left md-whiteframe-z2 md-sidebar" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
1
+<md-sidenav layout="column" class="md-sidenav-left md-whiteframe-z2" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
2 2
     <md-toolbar class="md-theme-indigo">
3 3
         <h1 class="md-toolbar-tools"><a ui-sref="home">Chronos</a></h1>
4 4
     </md-toolbar>

+ 1
- 1
app/views/toolbar.html Vedi File

@@ -1,4 +1,4 @@
1
-<md-toolbar class="col-sm-12" ng-controller="ToolBarController">
1
+<md-toolbar layout="row" ng-controller="ToolBarController">
2 2
     <div class="md-toolbar-tools">
3 3
         <md-button class="md-icon-button" aria-label="Groupes" ng-click="toggleSideBar()" hide-gt-md>
4 4
             <md-icon md-svg-icon="img/menu.svg"></md-icon>

Loading…
Annulla
Salva