UI ref

Author: pantsel

CHANGELOG.md

@@ -65,4 +65,5 @@ All notable changes to this project will be documented in this file.
 * Implemented data polling in the dashboard page (issue #61).
 * Demo user can now define default connection although permissions are not fully implemented yet. It's best that you only use admin users for now (issue #60).
 * Better error handling on profile updates (issue #59).
+* Various minor fixes and improvements
 

assets/js/app/apis/add-api-modal.html

@@ -18,7 +18,7 @@ <h4 class="modal-title" id="modal-title">
         <div data-ng-include="'js/app/apis/partials/form-api-' + Gateway.version.split('.').slice(0, -1).join('') + '.html'"></div>
         <div class="form-group">
             <div class="col-sm-offset-4 col-sm-7">
-                <button type="submit" class="btn btn-primary" ng-click="submit()">
+                <button type="submit" class="btn btn-primary btn-block" ng-click="submit()">
                     <i class="material-icons">&#xE876;</i>
                     Submit API
                 </button>

assets/js/app/apis/api-details.html

@@ -11,7 +11,7 @@
             <div ng-if="Gateway" data-ng-include="'js/app/apis/partials/form-api-' + Gateway.version.split('.').slice(0, -1).join('') + '.html'"></div>
             <div class="form-group">
                 <div class="col-sm-offset-4 col-sm-7">
-                    <button type="submit" class="btn btn-primary" ng-click="updateApi()">
+                    <button type="submit" class="btn btn-primary btn-block" ng-click="updateApi()">
                         <i class="material-icons">&#xE876;</i>
                         Submit changes
                     </button>

assets/js/app/apis/api-plugins.html

@@ -31,11 +31,19 @@
         <tr
                 dir-paginate="item in plugins.data | orderBy:'created_at':true | itemsPerPage: 25 | filter : search">
             <td>
+                <!--<input-->
+                        <!--uib-tooltip="{{item.enabled ? 'Enabled' : 'Disabled'}}"-->
+                        <!--ng-change="updatePlugin(item)"-->
+                        <!--ng-model="item.enabled"-->
+                        <!--type="checkbox"/>-->
+
                 <input
-                        uib-tooltip="{{item.enabled ? 'Enabled' : 'Disabled'}}"
+                        bs-switch
+                        switch-on-color="primary"
                         ng-change="updatePlugin(item)"
                         ng-model="item.enabled"
-                        type="checkbox"/>
+                        type="checkbox"
+                        switch-size="mini">
             </td>
             <td>
                 <raw-view data-item="item"></raw-view>

assets/js/app/core/services/NodesService.js

@@ -33,7 +33,7 @@
                         if($localStorage.credentials.user.node){
                             defer.resolve($localStorage.credentials.user.node.id)
                         }else{
-                            $state.go('settings')
+                            $state.go('settings.connections')
                             defer.reject("No active nodes found")
 
                         }

assets/js/app/plugins/plugins.html

@@ -33,11 +33,18 @@
             <tr
                     dir-paginate="item in plugins.data | orderBy:'created_at':true | itemsPerPage: 25 | filter : search">
                 <td>
+                    <!--<input-->
+                            <!--uib-tooltip="{{item.enabled ? 'Enabled' : 'Disabled'}}"-->
+                            <!--ng-change="updatePlugin(item)"-->
+                            <!--ng-model="item.enabled"-->
+                            <!--type="checkbox"/>-->
                     <input
-                            uib-tooltip="{{item.enabled ? 'Enabled' : 'Disabled'}}"
+                            bs-switch
+                            switch-on-color="primary"
                             ng-change="updatePlugin(item)"
                             ng-model="item.enabled"
-                            type="checkbox"/>
+                            type="checkbox"
+                            switch-size="mini">
                 </td>
                 <td>
                     <raw-view data-item="item"></raw-view>

assets/js/app/settings/index.html

@@ -17,6 +17,7 @@
         <ul class="nav nav-tabs">
             <li ui-sref=".connections" ui-sref-active="active"><a>Connections</a></li>
             <li ui-sref=".snapshots" ui-sref-active="active"><a>Snapshots <span class="badge">Beta</span></a></li>
+            <!--<li ui-sref=".application" ui-sref-active="active"><a>Application</a></li>-->
         </ul>
     </div>
 

assets/styles/_bootstrap_over.scss

@@ -230,15 +230,25 @@ input.form-control, select.form-control{
 }
 
 
-.modal-dialog{
-  margin: 0 auto;
-  padding:0;
+.modal {
+  text-align: center;
+}
 
-  .modal-content {
-    border-radius: 0 0 3px 3px;
+@media screen and (min-width: 768px) {
+  .modal:before {
+    display: inline-block;
+    vertical-align: middle;
+    content: " ";
+    height: 100%;
   }
 }
 
+.modal-dialog {
+  display: inline-block;
+  text-align: left;
+  vertical-align: middle;
+}
+
 .bootbox {
   .modal-content {
     width: 300px;

assets/styles/importer.scss

@@ -605,4 +605,71 @@ pre {
 
 .table-align-top > thead > tr > th, .table-align-top > tbody > tr > th, .table-align-top > tfoot > tr > th, .table-align-top > thead > tr > td, .table-align-top > tbody > tr > td, .table-align-top > tfoot > tr > td {
   vertical-align: top !important;
+}
+
+.mdi::before {
+  font-size: 24px;
+  line-height: 14px;
+}
+.btn .mdi::before {
+  position: relative;
+  top: 4px;
+}
+.btn-xs .mdi::before {
+  font-size: 18px;
+  top: 3px;
+}
+.btn-sm .mdi::before {
+  font-size: 18px;
+  top: 3px;
+}
+.dropdown-menu .mdi {
+  width: 18px;
+}
+.dropdown-menu .mdi::before {
+  position: relative;
+  top: 4px;
+  left: -8px;
+}
+.nav .mdi::before {
+  position: relative;
+  top: 4px;
+}
+.navbar .navbar-toggle .mdi::before {
+  position: relative;
+  top: 4px;
+  color: #FFF;
+}
+.breadcrumb .mdi::before {
+  position: relative;
+  top: 4px;
+}
+.breadcrumb a:hover {
+  text-decoration: none;
+}
+.breadcrumb a:hover span {
+  text-decoration: underline;
+}
+.alert .mdi::before {
+  position: relative;
+  top: 4px;
+  margin-right: 2px;
+}
+.input-group-addon .mdi::before {
+  position: relative;
+  top: 3px;
+}
+.navbar-brand .mdi::before {
+  position: relative;
+  top: 2px;
+  margin-right: 2px;
+}
+.list-group-item .mdi::before {
+  position: relative;
+  top: 3px;
+  left: -3px
+}
+
+.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
+  background: $brand-primary;
 }