добавил категорий

components/nav/nav.html

@@ -1,12 +1,18 @@
+<style>
+    .header {
+        cursor: pointer;
+    }
+</style>
 <md-toolbar layout="row" layout-align="start center">
     <md-button class="md-icon-button" aria-label="navi" ng-click="toggleNav('left-nav')">
         <md-icon md-svg-icon="action:ic_fingerprint_24px"></md-icon>
     </md-button>
-    <div><h3>НАУКА ЛОГИКИ В КАРТИНКАХ</h3></div>
-    <span flex></span>
+    <div flex="45"><h3 ng-click="showStep(0)" class="header">НАУКА ЛОГИКИ В КАРТИНКАХ</h3></div>
+    <div flex="20"><h3>{{step.name.toUpperCase()}}</h3></div>
+    <div flex></div>
     <md-button aria-label="Back" ng-click="showPrevStep()" ng-if="hasPrevStep()">
-        <span ng-if="!hasNextStep()">НАЗАД</span>
         <md-icon md-svg-icon="navigation:ic_arrow_back_24px"></md-icon>
+        <span ng-if="!hasNextStep()">НАЗАД</span>
     </md-button>
     <md-button aria-label="Fwd" ng-click="showNextStep()" ng-if="hasNextStep()">
         ДАЛЬШЕ

components/nav/nav.js

@@ -13,7 +13,7 @@ angular.module('SolvIn')
 
                 $scope.phrase = function () {
                     var phrases = [`Метод есть осознание формы внутреннего самодвижения содержания изучаемого предмета.`,
-                    `Свобода — это господство над обстоятельствами со знанием дела.`, `Всё является примером диалектики.`];
+                        `Свобода — это господство над обстоятельствами со знанием дела.`, `Всё является примером диалектики.`, `Истина состоит в том, чтобы представить данный предмет как живое противоречие.`];
                     return _.isNull($scope.todayPhrase) ? ($scope.todayPhrase = phrases[Math.min(Math.round(Math.random()*phrases.length), phrases.length - 1)]) : $scope.todayPhrase;
                 };
 

components/wizard/wizard-category.js

@@ -0,0 +1,97 @@
+/**
+ * Created by petry_000 on 12.11.2016.
+ */
+angular.module('SolvIn')
+    .value('PureBeing', {
+        name: 'Чистое бытие',
+        words: ['есть', 'чистое', 'бытие'],
+        facts: [{
+            title: 'Есть', description: `Про всё можно сказать, что оно есть, хотя бы в виде слова.`
+        }, {
+            title: 'Бытие', description: `Всё, что есть - есть бытие.`
+        }, {
+            title: 'Чистое бытие',
+            description: `Самое простое бытие, то есть бытие без всякой дальнейшей определённости, абстракция.`
+        }, {
+            title: 'Оно есть',
+            description: `Кроме того, что <em>чистое&nbsp;бытие</em> есть, <em>ничего</em> о нём сказать нельзя.`
+        }, {
+            title: `Слово о ничто`,
+            description: `Если о чистом бытии более нельзя сказать ничего, то как это <em>ничего</em> назвать?`,
+            actions: [{name: 'Ничто', value: `PureNothing`}]
+        }]
+    })
+    .value('PureNothing', {
+        name: 'Чистое ничто',
+        words: ['чистое', 'ничто'],
+        facts: [{
+            title: 'Чистое ничто',
+            description: 'Ничто чистого бытия, абстракции, есть абстрактное, <em>чистое&nbsp;ничто</em>.'
+        }, {
+            title: 'Переход',
+            description: `Обсуждая понятие <em>чистое&nbsp;бытие</em> диалектически перешли к понятию <em>чистое&nbsp;ничто</em>.<br/><strong>Чистое бытие переходит в чистое ничто.</strong>`
+        }, {
+            title: 'Оно есть',
+            description: `Чистое ничто есть, значит оно бытие. Если говорить диалектически: &laquo;переходит в бытие&raquo;. <br/> Но какое бытие?`
+        }, {
+            title: 'Бытие',
+            description: `То бытие, которое мы вначале брали, было чистое бытие, а сейчас мы <em>возвращаемся</em> к бытию, то есть <strong>бытие</strong> содержит в себе ещё что-то, оно уже не чистое.`
+        }, {
+            title: 'Ничто',
+            description: `Чистое бытие переходило в чистое ничто, а бытие переходит в ничто.`,
+            actions: [{name: 'Становление', value: 'Becoming'}]
+        }]
+    })
+    .value("Becoming", {
+        name: 'Становление',
+        words: ['становление', 'движение', 'моменты'],
+        facts: [
+            {
+                title: 'Исчезновение',
+                description: `Бытие перешло в ничто, то есть бытие исчезло в ничто. Так же ничто исчезло в бытии.`
+            }, {
+                title: 'Становление',
+                description: `<strong>Становление</strong> это движение исчезновения бытия в ничто и
+ничто в бытии.`
+            }, {
+                title: 'Движение',
+                description: `В любой момент всё находится в движении от бытия к ничто и от ничто к бытию. В этом движении есть два противоположных движения, которые называют <em>моменты</em>.`,
+                actions: [{name: 'Прехождение', value: 'Passing'}, {name: 'Возникновение', value: 'Uprising'}]
+            },
+        ]
+    })
+    .value("Passing", {
+        name: 'Прехождение',
+        words: ['прехождение', 'из бытия', 'в ничто'],
+        facts: [{
+            title: 'Прехождение',
+            description: 'Переход бытия в ничто называется прехождением. Было, а потом исчезло.'
+        }, {
+            title: 'Связь с бытием',
+            description: 'Прехождение это и есть бытие, но как <em>переходящее в ничто</em>.'
+        }, {
+            title: 'Противоположный момент',
+            description: 'Момент становления противоположный прехождению это возникновение.',
+            actions: [{name: 'Возникновение', value: 'Uprising'}]
+        }]
+    })
+    .value("Uprising", {
+        name: 'Возникновение',
+        words: ['возникновение', 'из ничто', 'в бытие'],
+        facts: [{
+            title: 'Возникновение',
+            description: 'Переход ничто в бытие называется возникновением. Не было, и вдруг появилось.'
+        }, {
+            title: 'Связь с ничто',
+            description: 'Возникновение – это и есть ничто, но как <em>переходящее в бытие</em>.'
+        }, {
+            title: 'Противоположный момент',
+            description: 'Момент становления противоположный прехождению это возникновение.',
+            actions: [{name: 'Прехождение', value: 'Passing'}]
+        }, {
+            title: 'Снятие',
+            description: `Бытие и ничто стремятся превратиться друг в друга. Их разность в становлении исчезает, значит, исчезает и само становление. Это действие, которое состоит в том, что само становление себя сняло,
+называется снятием.<br/><strong>Снятие — это отрицание с удержанием</strong>. Становление становится <em>ставшим</em>.`,
+            actions: [{name: 'Ставшее'}]
+        }]
+    });

components/wizard/wizard-controller.js

@@ -1,30 +1,5 @@
 angular.module('SolvIn')
-    .value('PureBeing', {
-        name: 'Чистое бытие',
-        words: ['есть', 'чистое', 'бытие'],
-        facts: [{
-            title: 'Есть', description: `Про всё можно сказать, что оно есть, хотя бы в виде слова.`
-        }, {
-            title: 'Бытие', description: `Всё, что есть - есть бытие.`
-        }, {
-            title: 'Чистое бытие', description: `Самое простое бытие, то есть бытие без всякой дальнейшей определённости, абстракция.`
-        }, {
-            title: 'Оно есть', description: `Кроме того, что <em>чистое&nbsp;бытие</em> есть, <em>ничего</em> о
-нём сказать нельзя.`
-        }, {
-            title: `Слово о ничто`, description: `Если о чистом бытии более нельзя сказать ничего, то как это <em>ничего</em> назвать?`,
-            actions: [{name: 'Ничто', value: `PureNothing`}]
-        }]
-    })
-    .value('PureNothing', {
-        name: 'Чистое ничто',
-        words: ['чистое', 'ничто'],
-        facts: [{title: 'Чистое ничто', description: 'Ничто чистого бытия, абстракции, есть абстрактное, <em>чистое&nbsp;ничто</em>.'},
-            {title: 'Переход', description: `Обсуждая понятие <em>чистое&nbsp;бытие</em> диалектически перешли к понятию <em>чистое&nbsp;ничто</em>.`},
-            {title: 'Чистое бытие переходит в чистое ничто.'}
-        ]
-    })
-    .controller('WizardController', function ($scope, $state, $stateParams, $mdToast, PureBeing, PureNothing) {
+    .controller('WizardController', function ($scope, $state, $stateParams, $mdToast, PureBeing, PureNothing, Becoming, Passing, Uprising) {
         $scope.steps = [];
         $scope.stepsMap = {};
 
@@ -34,9 +9,12 @@ angular.module('SolvIn')
         }
         pushStep('PureBeing', PureBeing);
         pushStep('PureNothing', PureNothing);
+        pushStep('Becoming', Becoming);
+        pushStep('Passing', Passing);
+        pushStep('Uprising', Uprising);
 
         $scope.rotate = function (w) {
-            return [0, 90, -90][Math.round(2 * Math.random())];
+            return [0, 0, 0, 90, -90][Math.round(4 * Math.random())];
         };
 
         $scope.events = {
@@ -47,7 +25,7 @@ angular.module('SolvIn')
 
         let update = $scope.update = function () {
             $scope.words = [];
-            const maxWords = 300;
+            const maxWords = 200;
             let step = $scope.step = $scope.steps[$scope.stepIdx];
 
             for(var i = 0; i<maxWords; i++){
@@ -66,7 +44,7 @@ angular.module('SolvIn')
                $scope.stepIdx = $scope.stepsMap[idx];
            }
 
-            $state.go('wizard', {id: _.invert($scope.stepsMap)[$scope.stepIdx]});
+            $state.go('wizard', {id: _.invert($scope.stepsMap)[$scope.stepIdx]}, {reload: true});
         };
 
         $scope.showNextStep = function () {
@@ -85,6 +63,11 @@ angular.module('SolvIn')
             return ($scope.stepIdx - 1) >= 0;
         };
 
-        $scope.showStep(_.isUndefined($stateParams.id) ? 'PureBeing' : $scope.stepsMap[$stateParams.id]);
-        update();
+        if (_.isUndefined($stateParams.id)) {
+            $scope.showStep('PureBeing');
+        } else {
+            $scope.stepIdx = $scope.stepsMap[$stateParams.id];
+            update();
+        }
+
     });

components/wizard/wizard.html

@@ -1,8 +1,8 @@
 <style>
     .d3-pane {
-        min-width: 600px;
-        width: 600px;
-        max-width: 600px;
+        min-width: 600px
+        width: 600px !important;
+        max-width: 600px !important;
     }
     .left-side {
         padding-left: 1em;
@@ -23,7 +23,7 @@
 <div layout="column">
     <navbar></navbar>
     <md-content layout="row" layout-align="space-around start">
-        <div flex="30" layout="column" class="left-side">
+        <div flex="40" layout="column" class="left-side">
             <div ng-class="$odd ? 'right-side-card' : 'left-side-card'" ng-repeat="fact in step.facts">
                 <md-card>
                     <md-card-header>
@@ -41,6 +41,6 @@
         <div class="d3-pane" flex="50">
             <d3-cloud words="words" padding="1" slope-factor="40" slope-base="1" rotate="rotate(word)" events="events"></d3-cloud>
         </div>
-        <div flex="20"></div>
+        <div flex="10"></div>
     </md-content>
 </div>

index.html

@@ -29,6 +29,7 @@
 
         <script src="components/app.js"></script>
         <script src="components/nav/nav.js"></script>
+        <script src="components/wizard/wizard-category.js"></script>
         <script src="components/wizard/wizard-controller.js"></script>
         <script src="components/route.js"></script>
     </body>