style(*): lock screen and buttons

Author: bndynet

src/main/resources/static/apps/admin/assets/css/style.css

@@ -7,6 +7,7 @@ $color-light:#ecf0f5;
 $color-black:#222d32;
 $color-text-light: rgba(255, 255, 255, 0.87);
 $color-text-dark: #333333;
+$color-gray: #d2d6de;
 
 $color-primary: #3c8dbc;
 
@@ -153,7 +154,10 @@ html, body {
     margin-top: .5rem;
   }
   .lockscreen-wrapper {
-    margin-top: 20%;
+    margin-top: 10%;
+    .lockscreen-name {
+      font-size: 1.25rem;
+    }
   }
 }
 
@@ -262,6 +266,21 @@ md-toolbar,
           margin-bottom: 0;
           .box-header {
             height: 41px;
+            &>.header-center {
+              position: absolute;
+              top: 0;
+              padding-right: 20px;
+              width: 100%;
+              height: 0;
+              z-index: 88;
+              text-align: center;
+              .msg-block {
+                display: inline-block;
+                padding: 0 10px 3px 10px;
+                border-radius: 0 0 3px 3px;
+                background: linear-gradient($color-gray, lighten($color-gray, 10%));
+              }
+            }
             &>.box-tools {
               &.pull-left {
                 left: 10px;
@@ -537,6 +556,32 @@ md-backdrop.md-dialog-backdrop {
   }
 }
 
+/* angularjs component styles */
+.btn[ui-wait-on] {
+  position: relative;
+  .in-process {
+    position: absolute; 
+    width: 100%; 
+    top: 0; 
+    left: 0; 
+    line-height: 32px;
+  }
+  &.btn-xs {
+    .in-process {
+      line-height: 20px;
+    }
+  }
+  &.btn-sm {
+    .in-process {
+      line-height: 28px;
+    }
+  }
+  &.btn-lg {
+    .in-process {
+      line-height: 42px;
+    }
+  }
+}
 
 /* misc */
 
@@ -564,4 +609,4 @@ md-backdrop.md-dialog-backdrop {
 
 .radius {
   border-radius: 4px;
-}
+}

src/main/resources/static/apps/admin/assets/css/style.css.map

@@ -10,7 +10,7 @@
         </ui-page-content-header-left>
         <ui-page-content-header-right>
             <button class="btn btn-sm btn-primary" ng-click="edit()">
-                <i class="glyphicon glyphicon-plus-sign"></i>
+                <i class="fa fa-fw fa-plus-circle"></i>
                 <span ng-bind="'common.add'|translate"></span>
             </button>
         </ui-page-content-header-right>

src/main/resources/static/apps/admin/assets/css/style.scss

@@ -6,7 +6,7 @@
     <ui-page-content>
         <ui-page-content-header-right>
             <button type="button" class="btn btn-sm btn-primary" ng-click="add()">
-                <i class="glyphicon glyphicon-plus-sign"></i>
+                <i class="fa fa-fw fa-plus-circle"></i>
                 <span ng-bind="'admin.modules.cms.channels.addChannel'|translate"></span>
             </button>
         </ui-page-content-header-right>

src/main/resources/static/apps/admin/modules/cms/articles.html

@@ -5,11 +5,13 @@
     <ui-page-content ng-if="viewModel.id">
         <ui-page-content-header-right>
             <a target="_blank" class="btn btn-sm btn-default" href="/page/{{viewModel.channel.nameKey}}">
-                <i class="fa fa-internet-explorer" aria-hidden="true"></i>
+                <i class="fa fa-fw fa-internet-explorer" aria-hidden="true"></i>
                 <span ng-bind="'common.preview'|translate"></span>
             </a>
-            <button type="button" class="btn btn-sm btn-primary" ng-click="save()" ui-wait-on="isSaving"
-                    ng-bind="'common.saveChanges'|translate"></button>
+            <button type="button" class="btn btn-sm btn-primary" ng-click="save()" ui-wait-on="isSaving">
+                <i class="fa fa-fw fa-save"></i>
+                <span ng-bind="'common.saveChanges'|translate"></span>
+            </button>
         </ui-page-content-header-right>
 
         <div>
@@ -22,8 +24,11 @@
                 <div class="form-group" ng-if="viewModel.attachments && viewModel.attachments.length > 0">
                     <div class="tag" ng-repeat="item in viewModel.attachments">
                         <a href="/files/{{item.uuid}}" target="_blank">
-                            <span ng-bind="item.name"></span>.<span ng-bind="item.extName"></span>
+                            <b ng-bind="item.fullname"></b>
                         </a>
+                        <small>
+                            ({{item.size/1024/1024|number:2}} MB, {{item.createTime|appDateTime}})
+                        </small>
                         <a class="text-danger pull-right" ng-click="removeAttachment(item)">
                             <i class="glyphicon glyphicon-trash"></i>
                         </a>

src/main/resources/static/apps/admin/modules/cms/channels.html

@@ -4,7 +4,10 @@
                     breadcrumbs="[{'text': 'admin.modules.core.menus.title'}]"></ui-page-header>
     <ui-page-content>
         <ui-page-content-header-right>
-            <button type="button" class="btn btn-sm btn-primary" ng-click="add()" ng-bind="'admin.modules.core.menus.addMenu'|translate"></button>
+            <button type="button" class="btn btn-sm btn-primary" ng-click="add()">
+                <i class="fa fa-fw fa-plus-circle"></i>
+                <span ng-bind="'admin.modules.core.menus.addMenu'|translate"></span>
+            </button>
         </ui-page-content-header-right>
 
         <ui-menu-tree ng-model="menus"

src/main/resources/static/apps/admin/modules/cms/page.html

@@ -4,7 +4,10 @@
                     breadcrumbs="[{'text': 'admin.modules.core.roles.title'}]"></ui-page-header>
     <ui-page-content>
         <ui-page-content-header-right>
-            <button type="button" class="btn btn-sm btn-primary" ng-click="add()" ng-bind="'admin.modules.core.roles.addRole'|translate"></button>
+            <button type="button" class="btn btn-sm btn-primary" ng-click="add()">
+                <i class="fa fa-fw fa-plus-circle"></i>
+                <span ng-bind="'admin.modules.core.roles.addRole'|translate"></span>
+            </button>
         </ui-page-content-header-right>
 
         <table class="table table-striped table-hover">

src/main/resources/static/apps/admin/modules/core/menus.html

@@ -10,8 +10,10 @@
                        on-search="search(__model)"></ui-search>
         </ui-page-content-header-left>
         <ui-page-content-header-right>
-            <a class="btn btn-sm btn-primary" href="/sso/signup" target="_blank"
-               ng-bind="'admin.modules.core.users.addUser'|translate"></a>
+            <a class="btn btn-sm btn-primary" href="/sso/signup" target="_blank">
+                <i class="fa fa-fw fa-plus-circle"></i>
+                <span ng-bind="'admin.modules.core.users.addUser'|translate"></span>
+            </a>
         </ui-page-content-header-right>
         <ui-page-content-footer>
             <bn-ui-pager ng-model="pager" on-page="pageUsers(page)"></bn-ui-pager>