Prechádzať zdrojové kódy

добавил fab-тулбар

kpmy 8 rokov pred
rodič
commit
a1f653bd9e

+ 23 - 0
components/nav/fab.html

@@ -0,0 +1,23 @@
+<md-fab-toolbar md-open="fab.open" md-direction="left">
+    <md-fab-trigger class="align-with-text">
+        <md-button aria-label="menu" class="md-fab md-primary">
+            <md-icon md-svg-src="toggle:ic_star_24px"></md-icon>
+        </md-button>
+    </md-fab-trigger>
+
+    <md-toolbar layout="row" layout-align="center center">
+        <span>kpmy © 2016</span>
+        <!--<md-fab-actions class="md-toolbar-tools">
+            <md-button aria-label="comment" class="md-icon-button">
+                <md-icon md-svg-src="img/icons/ic_comment_24px.svg"></md-icon>
+            </md-button>
+            <md-button aria-label="label" class="md-icon-button">
+                <md-icon md-svg-src="img/icons/ic_label_24px.svg"></md-icon>
+            </md-button>
+            <md-button aria-label="photo" class="md-icon-button">
+                <md-icon md-svg-src="img/icons/ic_photo_24px.svg"></md-icon>
+            </md-button>
+        </md-fab-actions> -->
+
+    </md-toolbar>
+</md-fab-toolbar>

+ 11 - 0
components/nav/nav.js

@@ -28,4 +28,15 @@ angular.module('SolvIn')
                 }
             }
         }
+    })
+    .directive('fabbar', function () {
+        return {
+            restrict: 'E',
+            templateUrl: 'components/nav/fab.html',
+            controller: function ($scope) {
+                $scope.fab = {
+                    open: false
+                }
+            }
+        }
     });

+ 1 - 0
components/wizard/wizard.html

@@ -43,4 +43,5 @@
         </div>
         <div flex="10"></div>
     </md-content>
+    <fabbar></fabbar>
 </div>