Added general ui component (silverbux#37)

Author: silverbux

angular/app/components/forms-general/forms-general.component.js

@@ -1,19 +1,16 @@
-class FormsGeneralController{
-    constructor(){
-        'ngInject';
+class FormsGeneralController {
+  constructor () {
+    'ngInject'
 
-        //
-    }
+  //
+  }
 
-    $onInit(){
-    }
+  $onInit () {}
 }
 
 export const FormsGeneralComponent = {
-    templateUrl: './views/app/components/forms-general/forms-general.component.html',
-    controller: FormsGeneralController,
-    controllerAs: 'vm',
-    bindings: {}
+  templateUrl: './views/app/components/forms-general/forms-general.component.html',
+  controller: FormsGeneralController,
+  controllerAs: 'vm',
+  bindings: {}
 }
-
-

angular/app/components/nav-sidebar/nav-sidebar.component.html

@@ -81,7 +81,7 @@
           <i class="fa fa-angle-left pull-right"></i>
         </a>
         <ul class="treeview-menu">
-          <li><a ui-sref="app.comingsoon"><i class="fa fa-circle-o"></i> General</a></li>
+          <li><a ui-sref="app.uigeneral"><i class="fa fa-circle-o"></i> General</a></li>
           <li><a ui-sref="app.comingsoon"><i class="fa fa-circle-o"></i> Icons</a></li>
           <li><a ui-sref="app.comingsoon"><i class="fa fa-circle-o"></i> Buttons</a></li>
           <li><a ui-sref="app.comingsoon"><i class="fa fa-circle-o"></i> Sliders</a></li>

angular/app/components/reset-password/reset-password.component.js

@@ -29,7 +29,7 @@ class ResetPasswordController {
   }
 
   submit (isValid) {
-    if(isValid) {
+    if (isValid) {
       this.alerts = []
       let data = {
         email: this.$state.params.email,
@@ -44,13 +44,13 @@ class ResetPasswordController {
         let alrtArr = []
 
         angular.forEach(res.data.errors, function (value) {
-            alrtArr = {type: 'error', 'title': 'Error!', msg: value[0]}
+          alrtArr = {type: 'error', 'title': 'Error!', msg: value[0]}
         })
 
         this.alerts.push(alrtArr)
-        })
+      })
     } else {
-        this.formSubmitted = true
+      this.formSubmitted = true
     }
   }
 }

angular/app/components/ui-general/ui-general.component.html

@@ -0,0 +1,16 @@
+class UiGeneralController {
+  constructor () {
+    'ngInject'
+
+  //
+  }
+
+  $onInit () {}
+}
+
+export const UiGeneralComponent = {
+  templateUrl: './views/app/components/ui-general/ui-general.component.html',
+  controller: UiGeneralController,
+  controllerAs: 'vm',
+  bindings: {}
+}

angular/app/components/ui-general/ui-general.component.js

@@ -0,0 +1,30 @@
+.color-palette {
+  height: 35px;
+  line-height: 35px;
+  text-align: center;
+}
+
+.color-palette-set {
+  margin-bottom: 15px;
+}
+
+.color-palette {
+  span {
+    display: none;
+    font-size: 12px;
+  }
+  &:hover span {
+    display: block;
+  }
+}
+
+.color-palette-box h4 {
+  position: absolute;
+  top: 100%;
+  left: 25px;
+  margin-top: -40px;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 12px;
+  display: block;
+  z-index: 7;
+}

angular/app/components/ui-general/ui-general.scss

@@ -41,6 +41,17 @@ export function RoutesConfig ($stateProvider, $urlRouterProvider) {
         }
       }
     })
+    .state('app.uigeneral', {
+      url: '/ui-general',
+      data: {
+        auth: true
+      },
+      views: {
+        'main@app': {
+          template: '<ui-general></ui-general>'
+        }
+      }
+    })
     .state('app.formsgeneral', {
       url: '/forms-general',
       data: {

angular/config/routes.config.js

@@ -1,4 +1,5 @@
-import {FormsGeneralComponent} from './app/components/forms-general/forms-general.component';
+import { UiGeneralComponent } from './app/components/ui-general/ui-general.component'
+import { FormsGeneralComponent } from './app/components/forms-general/forms-general.component'
 import { ChartsChartjsComponent } from './app/components/charts-chartjs/charts-chartjs.component'
 import { WidgetsComponent } from './app/components/widgets/widgets.component'
 import { UserProfileComponent } from './app/components/user-profile/user-profile.component'
@@ -22,7 +23,8 @@ import { LoginFormComponent } from './app/components/login-form/login-form.compo
 import { RegisterFormComponent } from './app/components/register-form/register-form.component'
 
 angular.module('app.components')
-	.component('formsGeneral', FormsGeneralComponent)
+  .component('uiGeneral', UiGeneralComponent)
+  .component('formsGeneral', FormsGeneralComponent)
   .component('chartsChartjs', ChartsChartjsComponent)
   .component('widgets', WidgetsComponent)
   .component('userProfile', UserProfileComponent)

angular/index.components.js

@@ -1,11 +1,10 @@
 ngDescribe({
-    name: 'Test forms-general component',
-    modules: 'app',
-    element: '<forms-general></forms-general>',
-    tests: function (deps) {
-
-        it('basic test', () => {
-            //
-        });
-    }
-});
+  name: 'Test forms-general component',
+  modules: 'app',
+  element: '<forms-general></forms-general>',
+  tests: function (deps) {
+    it('basic test', () => {
+      //
+    })
+  }
+})

tests/angular/app/components/forms-general.component.spec.js

@@ -0,0 +1,10 @@
+ngDescribe({
+  name: 'Test ui-general component',
+  modules: 'app',
+  element: '<ui-general></ui-general>',
+  tests: function (deps) {
+    it('basic test', () => {
+      //
+    })
+  }
+})