after marge

Administrator
1 parent e85ce308
Showing 4 changed files with 30 additions and 132 deletions Show diff stats
backend/assets/MyAsset.php
backend/views/accounts/_form.php
backend/views/layouts/main.php
backend/web/js/pages/dashboard.js
@@ -17,7 +17,7 @@ class MyAsset extends AssetBundle
 {
     public $basePath = '@webroot';
     public $baseUrl = '@web';
-
+    public $jsOptions = ['position' => \yii\web\View::POS_HEAD];
     public $css = [
         'css/site.css',
         'css/bootstrap.min.css',
@@ -8,23 +8,33 @@ use yii\helpers\ArrayHelper;
 /* @var $model common\models\Accounts */
 /* @var $form yii\widgets\ActiveForm */
 ?>
+<script>
+    var app = angular.module("BackendApp", []);
+
+    app.controller("SampleAppCtrl", function ($scope) {
+        $scope.hideElem1 = true;
+        $scope.hideElem2 = false;
+        $scope.buttons = [
+            {status: true, data:'Основные данные'},
+            {status: false, data:'Юридическое лицо'}
+
+        ];
+        $scope.ShowMe =function(item){
+            $scope.buttons.forEach(function(element){
+                element.status = false;
+            });
+            item.status = true;
+        }
+    });
+
+</script>
+<div  ng-controller="SampleAppCtrl" class="Accounts-form">
  
-<div ng-app="HideApp"  ng-controller="SampleAppCtrl" class="Accounts-form">
-    <script>
-        var app = angular.module("HideApp", []);
-
-        app.controller("SampleAppCtrl", function ($scope) {
-            $scope.hideElem1 = false;
-            $scope.hideElem2 = true;
-        });
-
-    </script>
     <?php $form = ActiveForm::begin(); ?>
-    <div>
-        <input type="checkbox" ng-model="hideElem1" /> Hide Element 1<br />
-        <input type="checkbox" ng-model="hideElem2" /> Hide Element 2
+    <div >
+        <button ng-repeat="item in buttons" ng-click="ShowMe(item)" type="button" ng-class="item.status ? 'btn btn-primary btn-lg active' : 'btn btn-default btn-lg'" class=>{{item.data}}</button>
     </div>
-    <div  ng-hide="hideElem1" >
+    <div  ng-show="buttons[0].status" >
         <?= $form->field($model, 'if_manager')->checkbox() ?>
  
         <?= $form->field($model, 'email')->textInput(['maxlength' => true]) ?>
@@ -58,7 +68,7 @@ use yii\helpers\ArrayHelper;
  
         <?= $form->field($model, 'scode')->textInput() ?>
     </div>
-    <div  ng-hide="hideElem2">
+    <div  ng-show="buttons[1].status">
         <?= $form->field($model, 'is_firm')->textInput() ?>
  
         <?= $form->field($model, 'company')->textInput(['maxlength' => true]) ?>
@@ -9,7 +9,7 @@ use yii\helpers\Html;
 MyAsset::register($this);
 ?>
 <?php $this->beginPage() ?>
-<!DOCTYPE html><html lang="<?= Yii::$app->language ?>">
+<!DOCTYPE html><html lang="<?= Yii::$app->language ?>" ng-app="BackendApp" >
 <head>
     <meta charset="<?= Yii::$app->charset ?>">
     <meta name="viewport" content="width=device-width, initial-scale=1">
@@ -26,28 +26,8 @@ $(function () {
     zIndex: 999999
   });
  
-  //bootstrap WYSIHTML5 - text editor
-  $(".textarea").wysihtml5();
-
-  $('.daterange').daterangepicker(
-          {
-            ranges: {
-              'Today': [moment(), moment()],
-              'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
-              'Last 7 Days': [moment().subtract(6, 'days'), moment()],
-              'Last 30 Days': [moment().subtract(29, 'days'), moment()],
-              'This Month': [moment().startOf('month'), moment().endOf('month')],
-              'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
-            },
-            startDate: moment().subtract(29, 'days'),
-            endDate: moment()
-          },
-  function (start, end) {
-    alert("You chose: " + start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
-  });
  
-  /* jQueryKnob */
-  $(".knob").knob();
+
  
   //jvectormap data
   var visitorsData = {
@@ -63,31 +43,7 @@ $(function () {
     "GB": 320, //Great Britain
     "RU": 3000 //Russia
   };
-  //World map by jvectormap
-  $('#world-map').vectorMap({
-    map: 'world_mill_en',
-    backgroundColor: "transparent",
-    regionStyle: {
-      initial: {
-        fill: '#e4e4e4',
-        "fill-opacity": 1,
-        stroke: 'none',
-        "stroke-width": 0,
-        "stroke-opacity": 1
-      }
-    },
-    series: {
-      regions: [{
-          values: visitorsData,
-          scale: ["#92c1dc", "#ebf4f9"],
-          normalizeFunction: 'polynomial'
-        }]
-    },
-    onRegionLabelShow: function (e, el, code) {
-      if (typeof visitorsData[code] != "undefined")
-        el.html(el.html() + ': ' + visitorsData[code] + ' new visitors');
-    }
-  });
+
  
   //Sparkline charts
   var myvalues = [1000, 1200, 920, 927, 931, 1027, 819, 930, 1021];
@@ -123,77 +79,9 @@ $(function () {
     height: '250px'
   });
  
-  /* Morris.js Charts */
-  // Sales chart
-  var area = new Morris.Area({
-    element: 'revenue-chart',
-    resize: true,
-    data: [
-      {y: '2011 Q1', item1: 2666, item2: 2666},
-      {y: '2011 Q2', item1: 2778, item2: 2294},
-      {y: '2011 Q3', item1: 4912, item2: 1969},
-      {y: '2011 Q4', item1: 3767, item2: 3597},
-      {y: '2012 Q1', item1: 6810, item2: 1914},
-      {y: '2012 Q2', item1: 5670, item2: 4293},
-      {y: '2012 Q3', item1: 4820, item2: 3795},
-      {y: '2012 Q4', item1: 15073, item2: 5967},
-      {y: '2013 Q1', item1: 10687, item2: 4460},
-      {y: '2013 Q2', item1: 8432, item2: 5713}
-    ],
-    xkey: 'y',
-    ykeys: ['item1', 'item2'],
-    labels: ['Item 1', 'Item 2'],
-    lineColors: ['#a0d0e0', '#3c8dbc'],
-    hideHover: 'auto'
-  });
-  var line = new Morris.Line({
-    element: 'line-chart',
-    resize: true,
-    data: [
-      {y: '2011 Q1', item1: 2666},
-      {y: '2011 Q2', item1: 2778},
-      {y: '2011 Q3', item1: 4912},
-      {y: '2011 Q4', item1: 3767},
-      {y: '2012 Q1', item1: 6810},
-      {y: '2012 Q2', item1: 5670},
-      {y: '2012 Q3', item1: 4820},
-      {y: '2012 Q4', item1: 15073},
-      {y: '2013 Q1', item1: 10687},
-      {y: '2013 Q2', item1: 8432}
-    ],
-    xkey: 'y',
-    ykeys: ['item1'],
-    labels: ['Item 1'],
-    lineColors: ['#efefef'],
-    lineWidth: 2,
-    hideHover: 'auto',
-    gridTextColor: "#fff",
-    gridStrokeWidth: 0.4,
-    pointSize: 4,
-    pointStrokeColors: ["#efefef"],
-    gridLineColor: "#efefef",
-    gridTextFamily: "Open Sans",
-    gridTextSize: 10
-  });
  
-  //Donut Chart
-  var donut = new Morris.Donut({
-    element: 'sales-chart',
-    resize: true,
-    colors: ["#3c8dbc", "#f56954", "#00a65a"],
-    data: [
-      {label: "Download Sales", value: 12},
-      {label: "In-Store Sales", value: 30},
-      {label: "Mail-Order Sales", value: 20}
-    ],
-    hideHover: 'auto'
-  });
  
-  //Fix for charts under tabs
-  $('.box ul.nav a').on('shown.bs.tab', function (e) {
-    area.redraw();
-    donut.redraw();
-  });
+
  
  
   /* BOX REFRESH PLUGIN EXAMPLE (usage with morris charts) */