#234 - initial code - template

Former-commit-id: 57b199dac407d8a19ca13df5f54ca829d40bb7e6

5 files changed, 771 insertions, 0 deletions

diff --git a/www/lib/angular-wizard/dist/angular-wizard.css b/www/lib/angular-wizard/dist/angular-wizard.css
new file mode 100644
index 00000000..97efc9d4
--- /dev/null
+++ b/www/lib/angular-wizard/dist/angular-wizard.css
@@ -0,0 +1,138 @@
+.steps-indicator {
+  /* ---- steps quantity ---- */
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  padding: 20px 0 0 0;
+  height: 30px;
+  list-style: none;
+  /* --- http://www.paulirish.com/2012/box-sizing-border-box-ftw/ ---- */
+}
+.steps-indicator:before {
+  background-color: #e6e6e6;
+  content: '';
+  position: absolute;
+  height: 1px;
+}
+.steps-indicator.steps-2:before {
+  left: calc(100% / 2 / 2);
+  right: calc(100% / 2 / 2);
+}
+.steps-indicator.steps-3:before {
+  left: calc(100% / 3 / 2);
+  right: calc(100% / 3 / 2);
+}
+.steps-indicator.steps-4:before {
+  left: calc(100% / 4 / 2);
+  right: calc(100% / 4 / 2);
+}
+.steps-indicator.steps-5:before {
+  left: calc(100% / 5 / 2);
+  right: calc(100% / 5 / 2);
+}
+.steps-indicator.steps-6:before {
+  left: calc(100% / 6 / 2);
+  right: calc(100% / 6 / 2);
+}
+.steps-indicator.steps-7:before {
+  left: calc(100% / 7 / 2);
+  right: calc(100% / 7 / 2);
+}
+.steps-indicator.steps-8:before {
+  left: calc(100% / 8 / 2);
+  right: calc(100% / 8 / 2);
+}
+.steps-indicator.steps-9:before {
+  left: calc(100% / 9 / 2);
+  right: calc(100% / 9 / 2);
+}
+.steps-indicator.steps-10:before {
+  left: calc(100% / 10 / 2);
+  right: calc(100% / 10 / 2);
+}
+.steps-indicator * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.steps-indicator li {
+  position: relative;
+  float: left;
+  margin: 0;
+  padding: 0;
+  padding-top: 10px;
+  text-align: center;
+  line-height: 15px;
+}
+.steps-indicator li a {
+  color: #808080;
+  text-decoration: none;
+  text-transform: uppercase;
+  font-weight: bold;
+  transition: 0.25s;
+  cursor: pointer;
+}
+.steps-indicator li a:before {
+  position: absolute;
+  top: -7px;
+  left: calc(50% - 7px);
+  width: 14px;
+  height: 14px;
+  border-radius: 100%;
+  background-color: #e6e6e6;
+  content: '';
+  transition: 0.25s;
+}
+.steps-indicator li a:hover {
+  color: #4d4d4d;
+}
+.steps-indicator.steps-2 li {
+  width: calc(100% / 2);
+}
+.steps-indicator.steps-3 li {
+  width: calc(100% / 3);
+}
+.steps-indicator.steps-4 li {
+  width: calc(100% / 4);
+}
+.steps-indicator.steps-5 li {
+  width: calc(100% / 5);
+}
+.steps-indicator.steps-6 li {
+  width: calc(100% / 6);
+}
+.steps-indicator.steps-7 li {
+  width: calc(100% / 7);
+}
+.steps-indicator.steps-8 li {
+  width: calc(100% / 8);
+}
+.steps-indicator.steps-9 li {
+  width: calc(100% / 9);
+}
+.steps-indicator.steps-10 li {
+  width: calc(100% / 10);
+}
+.steps-indicator.steps-11 li {
+  width: calc(100% / 11);
+}
+.steps-indicator li.default {
+  pointer-events: none;
+}
+.steps-indicator li.default a:hover {
+  color: #808080;
+}
+.steps-indicator li.current,
+.steps-indicator li.editing {
+  pointer-events: none;
+}
+.steps-indicator li.current a:before {
+  background-color: #808080;
+}
+.steps-indicator li.done a:before {
+  background-color: #339933;
+}
+.steps-indicator li.editing a:before {
+  background-color: #ff0000;
+}
diff --git a/www/lib/angular-wizard/dist/angular-wizard.js b/www/lib/angular-wizard/dist/angular-wizard.js
new file mode 100644
index 00000000..b7923b73
--- /dev/null
+++ b/www/lib/angular-wizard/dist/angular-wizard.js
@@ -0,0 +1,446 @@
+/**

+ * Easy to use Wizard library for AngularJS

+ * @version v0.6.0 - 2015-12-31 * @link https://github.com/mgonto/angular-wizard

+ * @author Martin Gontovnikas <martin@gon.to>

+ * @license MIT License, http://www.opensource.org/licenses/MIT

+ */

+angular.module('templates-angularwizard', ['step.html', 'wizard.html']);

+

+angular.module("step.html", []).run(["$templateCache", function($templateCache) {

+  $templateCache.put("step.html",

+    "<section ng-show=\"selected\" ng-class=\"{current: selected, done: completed}\" class=\"step\" ng-transclude>\n" +

+    "</section>");

+}]);

+

+angular.module("wizard.html", []).run(["$templateCache", function($templateCache) {

+  $templateCache.put("wizard.html",

+    "<div>\n" +

+    "    <div class=\"steps\" ng-transclude></div>\n" +

+    "    <ul class=\"steps-indicator steps-{{getEnabledSteps().length}}\" ng-if=\"!hideIndicators\">\n" +

+    "      <li ng-class=\"{default: !step.completed && !step.selected, current: step.selected && !step.completed, done: step.completed && !step.selected, editing: step.selected && step.completed}\" ng-repeat=\"step in getEnabledSteps()\">\n" +

+    "        <a ng-click=\"goTo(step)\">{{step.title || step.wzTitle}}</a>\n" +

+    "      </li>\n" +

+    "    </ul>\n" +

+    "</div>\n" +

+    "");

+}]);

+

+angular.module('mgo-angular-wizard', ['templates-angularwizard']);

+

+angular.module('mgo-angular-wizard').directive('wzStep', function() {
+    return {
+        restrict: 'EA',
+        replace: true,
+        transclude: true,
+        scope: {
+            wzTitle: '@',
+            canenter : '=',
+            canexit : '=',
+            disabled: '@?wzDisabled',
+            description: '@',
+            wzData: '='
+        },
+        require: '^wizard',
+        templateUrl: function(element, attributes) {
+          return attributes.template || "step.html";
+        },
+        link: function($scope, $element, $attrs, wizard) {
+            $scope.title = $scope.wzTitle;
+            wizard.addStep($scope);
+        }
+    };
+});
+

+//wizard directive
+angular.module('mgo-angular-wizard').directive('wizard', function() {
+    return {
+        restrict: 'EA',
+        replace: true,
+        transclude: true,
+        scope: {
+            currentStep: '=',
+            onFinish: '&',
+            hideIndicators: '=',
+            editMode: '=',
+            name: '@'
+        },
+        templateUrl: function(element, attributes) {
+            return attributes.template || "wizard.html";
+        },
+
+        //controller for wizard directive, treat this just like an angular controller
+        controller: ['$scope', '$element', '$log', 'WizardHandler', '$q', function($scope, $element, $log, WizardHandler, $q) {
+            //this variable allows directive to load without having to pass any step validation
+            var firstRun = true;
+            //creating instance of wizard, passing this as second argument allows access to functions attached to this via Service
+            WizardHandler.addWizard($scope.name || WizardHandler.defaultName, this);
+
+            $scope.$on('$destroy', function() {
+                WizardHandler.removeWizard($scope.name || WizardHandler.defaultName);
+            });
+
+            //steps array where all the scopes of each step are added
+            $scope.steps = [];
+
+            var stepIdx = function(step) {
+                var idx = 0;
+                var res = -1;
+                angular.forEach($scope.getEnabledSteps(), function(currStep) {
+                  if (currStep === step) {
+                    res = idx;
+                  }
+                  idx++;
+                });
+                return res;
+            };
+
+            var stepByTitle = function(titleToFind) {
+              var foundStep = null;
+              angular.forEach($scope.getEnabledSteps(), function(step) {
+                if (step.wzTitle === titleToFind) {
+                  foundStep = step;
+                }
+              });
+              return foundStep;
+            };
+
+            //access to context object for step validation
+            $scope.context = {};
+
+            //watching changes to currentStep
+            $scope.$watch('currentStep', function(step) {
+                //checking to make sure currentStep is truthy value
+                if (!step) return;
+                //setting stepTitle equal to current step title or default title
+                var stepTitle = $scope.selectedStep.wzTitle;
+                if ($scope.selectedStep && stepTitle !== $scope.currentStep) {
+                    //invoking goTo() with step title as argument
+                    $scope.goTo(stepByTitle($scope.currentStep));
+                }
+
+            });
+
+            //watching steps array length and editMode value, if edit module is undefined or null the nothing is done
+            //if edit mode is truthy, then all steps are marked as completed
+            $scope.$watch('[editMode, steps.length]', function() {
+                var editMode = $scope.editMode;
+                if (angular.isUndefined(editMode) || (editMode === null)) return;
+
+                if (editMode) {
+                    angular.forEach($scope.getEnabledSteps(), function(step) {
+                        step.completed = true;
+                    });
+                } else {
+                    var completedStepsIndex = $scope.currentStepNumber() - 1;
+                    angular.forEach($scope.getEnabledSteps(), function(step, stepIndex) {
+                        if(stepIndex >= completedStepsIndex) {
+                            step.completed = false;
+                        }
+                    });
+                }
+            }, true);
+
+            //called each time step directive is loaded
+            this.addStep = function(step) {
+                //pushing the scope of directive onto step array
+                $scope.steps.push(step);
+                //if this is first step being pushed then goTo that first step
+                if ($scope.getEnabledSteps().length === 1) {
+                    //goTo first step
+                    $scope.goTo($scope.getEnabledSteps()[0]);
+                }
+            };
+
+            this.context = $scope.context;
+
+            $scope.getStepNumber = function(step) {
+                return stepIdx(step) + 1;
+            };
+
+            $scope.goTo = function(step) {
+                //if this is the first time the wizard is loading it bi-passes step validation
+                if(firstRun){
+                    //deselect all steps so you can set fresh below
+                    unselectAll();
+                    $scope.selectedStep = step;
+                    //making sure current step is not undefined
+                    if (!angular.isUndefined($scope.currentStep)) {
+                        $scope.currentStep = step.wzTitle;
+                    }
+                    //setting selected step to argument passed into goTo()
+                    step.selected = true;
+                    //emit event upwards with data on goTo() invoktion
+                    $scope.$emit('wizard:stepChanged', {step: step, index: stepIdx(step)});
+                    //setting variable to false so all other step changes must pass validation
+                    firstRun = false;
+                } else {
+                    //createing variables to capture current state that goTo() was invoked from and allow booleans
+                    var thisStep;
+                    //getting data for step you are transitioning out of
+                    if($scope.currentStepNumber() > 0){
+                        thisStep = $scope.currentStepNumber() - 1;
+                    } else if ($scope.currentStepNumber() === 0){
+                        thisStep = 0;
+                    }
+                    //$log.log('steps[thisStep] Data: ', $scope.getEnabledSteps()[thisStep].canexit);
+                    $q.all([canExitStep($scope.getEnabledSteps()[thisStep], step), canEnterStep(step)]).then(function(data) {
+                        if(data[0] && data[1]){
+                            //deselect all steps so you can set fresh below
+                            unselectAll();
+
+                            //$log.log('value for canExit argument: ', $scope.currentStep.canexit);
+                            $scope.selectedStep = step;
+                            //making sure current step is not undefined
+                            if(!angular.isUndefined($scope.currentStep)){
+                                $scope.currentStep = step.wzTitle;
+                            }
+                            //setting selected step to argument passed into goTo()
+                            step.selected = true;
+                            //emit event upwards with data on goTo() invoktion
+                            $scope.$emit('wizard:stepChanged', {step: step, index: stepIdx(step)});
+                            //$log.log('current step number: ', $scope.currentStepNumber());
+                        }
+                    });
+                }
+            };
+
+            function canEnterStep(step) {
+                var defer,
+                    canEnter;
+                //If no validation function is provided, allow the user to enter the step
+                if(step.canenter === undefined){
+                    return true;
+                }
+                //If canenter is a boolean value instead of a function, return the value
+                if(typeof step.canenter === 'boolean'){
+                    return step.canenter;
+                }
+                //Check to see if the canenter function is a promise which needs to be returned
+                canEnter = step.canenter($scope.context);
+                if(angular.isFunction(canEnter.then)){
+                    defer = $q.defer();
+                    canEnter.then(function(response){
+                        defer.resolve(response);
+                    });
+                    return defer.promise;
+                } else {
+                    return canEnter === true;
+                }
+            }
+
+            function canExitStep(step, stepTo) {
+                var defer,
+                    canExit;
+                //Exiting the step should be allowed if no validation function was provided or if the user is moving backwards
+                if(typeof(step.canexit) === 'undefined' || $scope.getStepNumber(stepTo) < $scope.currentStepNumber()){
+                    return true;
+                }
+                //If canexit is a boolean value instead of a function, return the value
+                if(typeof step.canexit === 'boolean'){
+                    return step.canexit;
+                }
+                //Check to see if the canexit function is a promise which needs to be returned
+                canExit = step.canexit($scope.context);
+                if(angular.isFunction(canExit.then)){
+                    defer = $q.defer();
+                    canExit.then(function(response){
+                        defer.resolve(response);
+                    });
+                    return defer.promise;
+                } else {
+                    return canExit === true;
+                }
+            }
+
+            $scope.currentStepNumber = function() {
+                //retreive current step number
+                return stepIdx($scope.selectedStep) + 1;
+            };
+
+            $scope.getEnabledSteps = function() {
+                return $scope.steps.filter(function(step){
+                    return step.disabled !== 'true';
+                });
+            };
+
+            //unSelect All Steps
+            function unselectAll() {
+                //traverse steps array and set each "selected" property to false
+                angular.forEach($scope.getEnabledSteps(), function (step) {
+                    step.selected = false;
+                });
+                //set selectedStep variable to null
+                $scope.selectedStep = null;
+            }
+
+            //ALL METHODS ATTACHED TO this ARE ACCESSIBLE VIA WizardHandler.wizard().methodName()
+
+            this.currentStepTitle = function(){
+                return $scope.selectedStep.wzTitle;
+            };
+
+            this.currentStepDescription = function(){
+                return $scope.selectedStep.description;
+            };
+
+            this.currentStep = function(){
+                return $scope.selectedStep;
+            };
+
+            this.totalStepCount = function() {
+                return $scope.getEnabledSteps().length;
+            }
+
+            //Access to enabled steps from outside
+            this.getEnabledSteps = function(){
+                return $scope.getEnabledSteps();
+            };
+
+            //Access to current step number from outside
+            this.currentStepNumber = function(){
+                return $scope.currentStepNumber();
+            };
+            //method used for next button within step
+            this.next = function(callback) {
+                var enabledSteps = $scope.getEnabledSteps();
+                //setting variable equal to step  you were on when next() was invoked
+                var index = stepIdx($scope.selectedStep);
+                //checking to see if callback is a function
+                if(angular.isFunction(callback)){
+                   if(callback()){
+                        if (index === enabledSteps.length - 1) {
+                            this.finish();
+                        } else {
+                            //invoking goTo() with step number next in line
+                            $scope.goTo(enabledSteps[index + 1]);
+                        }
+                   } else {
+                        return;
+                   }
+                }
+                if (!callback) {
+                    //completed property set on scope which is used to add class/remove class from progress bar
+                    $scope.selectedStep.completed = true;
+                }
+                //checking to see if this is the last step.  If it is next behaves the same as finish()
+                if (index === enabledSteps.length - 1) {
+                    this.finish();
+                } else {
+                    //invoking goTo() with step number next in line
+                    $scope.goTo(enabledSteps[index + 1]);
+                }
+
+            };
+
+            //used to traverse to any step, step number placed as argument
+            this.goTo = function(step) {
+                var enabledSteps = $scope.getEnabledSteps();
+                var stepTo;
+                //checking that step is a Number
+                if (angular.isNumber(step)) {
+                    stepTo = enabledSteps[step];
+                } else {
+                    //finding the step associated with the title entered as goTo argument
+                    stepTo = stepByTitle(step);
+                }
+                //going to step
+                $scope.goTo(stepTo);
+            };
+
+            //calls finish() which calls onFinish() which is declared on an attribute and linked to controller via wizard directive.
+            this.finish = function() {
+                if ($scope.onFinish) {
+                    $scope.onFinish();
+                }
+            };
+            
+            this.previous = function() {
+                //getting index of current step
+                var index = stepIdx($scope.selectedStep);
+                //ensuring you aren't trying to go back from the first step
+                if (index === 0) {
+                    throw new Error("Can't go back. It's already in step 0");
+                } else {
+                    //go back one step from current step
+                    $scope.goTo($scope.getEnabledSteps()[index - 1]);
+                }
+            };
+
+            //cancel is alias for previous.
+            this.cancel = function() {
+                //getting index of current step
+                var index = stepIdx($scope.selectedStep);
+                //ensuring you aren't trying to go back from the first step
+                if (index === 0) {
+                    throw new Error("Can't go back. It's already in step 0");
+                } else {
+                    //go back one step from current step
+                    $scope.goTo($scope.getEnabledSteps()[0]);
+                }
+            };
+
+            //reset
+            this.reset = function(){
+                //traverse steps array and set each "completed" property to false
+                angular.forEach($scope.getEnabledSteps(), function (step) {
+                    step.completed = false;
+                });
+                //go to first step
+                this.goTo(0);
+            };
+        }]
+    };
+});

+function wizardButtonDirective(action) {
+    angular.module('mgo-angular-wizard')
+        .directive(action, function() {
+            return {
+                restrict: 'A',
+                replace: false,
+                require: '^wizard',
+                link: function($scope, $element, $attrs, wizard) {
+
+                    $element.on("click", function(e) {
+                        e.preventDefault();
+                        $scope.$apply(function() {
+                            $scope.$eval($attrs[action]);
+                            wizard[action.replace("wz", "").toLowerCase()]();
+                        });
+                    });
+                }
+            };
+        });
+}
+
+wizardButtonDirective('wzNext');
+wizardButtonDirective('wzPrevious');
+wizardButtonDirective('wzFinish');
+wizardButtonDirective('wzCancel');
+wizardButtonDirective('wzReset');
+

+angular.module('mgo-angular-wizard').factory('WizardHandler', function() {
+   var service = {};
+   
+   var wizards = {};
+   
+   service.defaultName = "defaultWizard";
+   
+   service.addWizard = function(name, wizard) {
+       wizards[name] = wizard;
+   };
+   
+   service.removeWizard = function(name) {
+       delete wizards[name];
+   };
+   
+   service.wizard = function(name) {
+       var nameToUse = name;
+       if (!name) {
+           nameToUse = service.defaultName;
+       }
+       
+       return wizards[nameToUse];
+   };
+   
+   return service;
+});
diff --git a/www/lib/angular-wizard/dist/angular-wizard.less b/www/lib/angular-wizard/dist/angular-wizard.less
new file mode 100644
index 00000000..5f13666a
--- /dev/null
+++ b/www/lib/angular-wizard/dist/angular-wizard.less
@@ -0,0 +1,179 @@
+@wz-color-default: #E6E6E6;
+@wz-color-current: #808080;
+@wz-color-done:    #339933;
+@wz-color-editing: #FF0000;
+
+.steps-indicator {
+  /* ---- steps quantity ---- */
+
+
+  right: 0;
+  bottom: 0;
+  left: 0;
+  margin: 0;
+  padding: 20px 0 0 0;
+  height: 30px;
+  list-style: none;
+  
+
+
+  &:before {
+    background-color: @wz-color-default;
+    content: '';
+    position: absolute;
+    height: 1px;
+  }
+
+  &.steps-2:before {
+    left: ~'calc(100% / 2 / 2)';
+    right: ~'calc(100% / 2 / 2)';
+  }
+
+  &.steps-3:before {
+    left: ~'calc(100% / 3 / 2)';
+    right: ~'calc(100% / 3 / 2)';
+  }
+
+  &.steps-4:before {
+    left: ~'calc(100% / 4 / 2)';
+    right: ~'calc(100% / 4 / 2)';
+  }
+
+  &.steps-5:before {
+    left: ~'calc(100% / 5 / 2)';
+    right: ~'calc(100% / 5 / 2)';
+  }
+
+  &.steps-6:before {
+    left: ~'calc(100% / 6 / 2)';
+    right: ~'calc(100% / 6 / 2)';
+  }
+
+  &.steps-7:before {
+    left: ~'calc(100% / 7 / 2)';
+    right: ~'calc(100% / 7 / 2)';
+  }
+
+  &.steps-8:before {
+    left: ~'calc(100% / 8 / 2)';
+    right: ~'calc(100% / 8 / 2)';
+  }
+
+  &.steps-9:before {
+    left: ~'calc(100% / 9 / 2)';
+    right: ~'calc(100% / 9 / 2)';
+  }
+
+  &.steps-10:before {
+    left: ~'calc(100% / 10 / 2)';
+    right: ~'calc(100% / 10 / 2)';
+  }
+
+  /* --- http://www.paulirish.com/2012/box-sizing-border-box-ftw/ ---- */
+  * { 
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box; 
+    box-sizing: border-box;
+  }
+
+
+  li {
+    position: relative;
+    float: left;
+    margin: 0;
+    padding: 0;
+    padding-top: 10px;
+    text-align: center;
+    line-height: 15px;
+
+    a {
+      color: @wz-color-current;
+      text-decoration: none;
+      text-transform: uppercase;
+      font-weight: bold;
+      transition: 0.25s;
+      cursor: pointer;
+
+      &:before {
+        position: absolute;
+        top: -7px;
+        left: ~'calc(50% - 7px)';
+        width: 14px;
+        height: 14px;
+        border-radius: 100%;
+        background-color: @wz-color-default;
+        content: '';
+        transition: 0.25s;
+      }
+
+      &:hover {
+        color: darken(@wz-color-current, 20%);
+      }
+    }
+  }
+
+  &.steps-2  li {
+    width: ~'calc(100% / 2)';
+  }
+
+  &.steps-3  li {
+    width: ~'calc(100% / 3)';   
+  }
+
+  &.steps-4  li {
+    width: ~'calc(100% / 4)';
+  }
+
+  &.steps-5  li {
+    width: ~'calc(100% / 5)';
+  }
+
+  &.steps-6  li {
+    width: ~'calc(100% / 6)';
+  }
+
+  &.steps-7  li {
+    width: ~'calc(100% / 7)';
+  }
+
+  &.steps-8  li {
+    width: ~'calc(100% / 8)';
+  }
+
+  &.steps-9  li {
+    width: ~'calc(100% / 9)';
+  }
+
+  &.steps-10 li  {
+    width: ~'calc(100% / 10)';
+  }
+
+  &.steps-11 li  {
+    width: ~'calc(100% / 11)';
+  }
+
+  li.default {
+    pointer-events: none;
+
+    a:hover {
+      color: @wz-color-current;
+    }
+  }
+
+  li.current,
+  li.editing {
+    pointer-events: none;
+  }
+
+  li.current a:before {
+    background-color: @wz-color-current;
+  }
+
+  li.done a:before {
+    background-color: @wz-color-done;
+  }
+
+  li.editing a:before {
+    background-color: @wz-color-editing;
+  }
+}
diff --git a/www/lib/angular-wizard/dist/angular-wizard.min.css b/www/lib/angular-wizard/dist/angular-wizard.min.css
new file mode 100644
index 00000000..32cbfb46
--- /dev/null
+++ b/www/lib/angular-wizard/dist/angular-wizard.min.css
@@ -0,0 +1 @@
+.steps-indicator li a:before,.steps-indicator:before{background-color:#e6e6e6;content:''}.steps-indicator li.current,.steps-indicator li.default,.steps-indicator li.editing{pointer-events:none}.steps-indicator{right:0;bottom:0;left:0;margin:0;padding:20px 0 0;height:30px;list-style:none}.steps-indicator:before{position:absolute;height:1px}.steps-indicator.steps-2:before{left:calc(100% / 2 / 2);right:calc(100% / 2 / 2)}.steps-indicator.steps-3:before{left:calc(100% / 3 / 2);right:calc(100% / 3 / 2)}.steps-indicator.steps-4:before{left:calc(100% / 4 / 2);right:calc(100% / 4 / 2)}.steps-indicator.steps-5:before{left:calc(100% / 5 / 2);right:calc(100% / 5 / 2)}.steps-indicator.steps-6:before{left:calc(100% / 6 / 2);right:calc(100% / 6 / 2)}.steps-indicator.steps-7:before{left:calc(100% / 7 / 2);right:calc(100% / 7 / 2)}.steps-indicator.steps-8:before{left:calc(100% / 8 / 2);right:calc(100% / 8 / 2)}.steps-indicator.steps-9:before{left:calc(100% / 9 / 2);right:calc(100% / 9 / 2)}.steps-indicator.steps-10:before{left:calc(100% / 10 / 2);right:calc(100% / 10 / 2)}.steps-indicator *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.steps-indicator li{position:relative;float:left;margin:0;padding:0;padding-top:10px;text-align:center;line-height:15px}.steps-indicator li a{color:grey;text-decoration:none;text-transform:uppercase;font-weight:700;transition:.25s;cursor:pointer}.steps-indicator li a:before{position:absolute;top:-7px;left:calc(50% - 7px);width:14px;height:14px;border-radius:100%;transition:.25s}.steps-indicator li a:hover{color:#4d4d4d}.steps-indicator.steps-2 li{width:calc(100% / 2)}.steps-indicator.steps-3 li{width:calc(100% / 3)}.steps-indicator.steps-4 li{width:calc(100% / 4)}.steps-indicator.steps-5 li{width:calc(100% / 5)}.steps-indicator.steps-6 li{width:calc(100% / 6)}.steps-indicator.steps-7 li{width:calc(100% / 7)}.steps-indicator.steps-8 li{width:calc(100% / 8)}.steps-indicator.steps-9 li{width:calc(100% / 9)}.steps-indicator.steps-10 li{width:calc(100% / 10)}.steps-indicator.steps-11 li{width:calc(100% / 11)}.steps-indicator li.default a:hover{color:grey}.steps-indicator li.current a:before{background-color:grey}.steps-indicator li.done a:before{background-color:#393}.steps-indicator li.editing a:before{background-color:red}
\ No newline at end of file
diff --git a/www/lib/angular-wizard/dist/angular-wizard.min.js b/www/lib/angular-wizard/dist/angular-wizard.min.js
new file mode 100644
index 00000000..6927a90c
--- /dev/null
+++ b/www/lib/angular-wizard/dist/angular-wizard.min.js
@@ -0,0 +1,7 @@
+/**
+ * Easy to use Wizard library for AngularJS
+ * @version v0.6.0 - 2015-12-31 * @link https://github.com/mgonto/angular-wizard
+ * @author Martin Gontovnikas <martin@gon.to>
+ * @license MIT License, http://www.opensource.org/licenses/MIT
+ */
+function wizardButtonDirective(a){angular.module("mgo-angular-wizard").directive(a,function(){return{restrict:"A",replace:!1,require:"^wizard",link:function(b,c,d,e){c.on("click",function(c){c.preventDefault(),b.$apply(function(){b.$eval(d[a]),e[a.replace("wz","").toLowerCase()]()})})}}})}angular.module("templates-angularwizard",["step.html","wizard.html"]),angular.module("step.html",[]).run(["$templateCache",function(a){a.put("step.html",'<section ng-show="selected" ng-class="{current: selected, done: completed}" class="step" ng-transclude>\n</section>')}]),angular.module("wizard.html",[]).run(["$templateCache",function(a){a.put("wizard.html",'<div>\n    <div class="steps" ng-transclude></div>\n    <ul class="steps-indicator steps-{{getEnabledSteps().length}}" ng-if="!hideIndicators">\n      <li ng-class="{default: !step.completed && !step.selected, current: step.selected && !step.completed, done: step.completed && !step.selected, editing: step.selected && step.completed}" ng-repeat="step in getEnabledSteps()">\n        <a ng-click="goTo(step)">{{step.title || step.wzTitle}}</a>\n      </li>\n    </ul>\n</div>\n')}]),angular.module("mgo-angular-wizard",["templates-angularwizard"]),angular.module("mgo-angular-wizard").directive("wzStep",function(){return{restrict:"EA",replace:!0,transclude:!0,scope:{wzTitle:"@",canenter:"=",canexit:"=",disabled:"@?wzDisabled",description:"@",wzData:"="},require:"^wizard",templateUrl:function(a,b){return b.template||"step.html"},link:function(a,b,c,d){a.title=a.wzTitle,d.addStep(a)}}}),angular.module("mgo-angular-wizard").directive("wizard",function(){return{restrict:"EA",replace:!0,transclude:!0,scope:{currentStep:"=",onFinish:"&",hideIndicators:"=",editMode:"=",name:"@"},templateUrl:function(a,b){return b.template||"wizard.html"},controller:["$scope","$element","$log","WizardHandler","$q",function(a,b,c,d,e){function f(b){var c,d;return void 0===b.canenter?!0:"boolean"==typeof b.canenter?b.canenter:(d=b.canenter(a.context),angular.isFunction(d.then)?(c=e.defer(),d.then(function(a){c.resolve(a)}),c.promise):d===!0)}function g(b,c){var d,f;return"undefined"==typeof b.canexit||a.getStepNumber(c)<a.currentStepNumber()?!0:"boolean"==typeof b.canexit?b.canexit:(f=b.canexit(a.context),angular.isFunction(f.then)?(d=e.defer(),f.then(function(a){d.resolve(a)}),d.promise):f===!0)}function h(){angular.forEach(a.getEnabledSteps(),function(a){a.selected=!1}),a.selectedStep=null}var i=!0;d.addWizard(a.name||d.defaultName,this),a.$on("$destroy",function(){d.removeWizard(a.name||d.defaultName)}),a.steps=[];var j=function(b){var c=0,d=-1;return angular.forEach(a.getEnabledSteps(),function(a){a===b&&(d=c),c++}),d},k=function(b){var c=null;return angular.forEach(a.getEnabledSteps(),function(a){a.wzTitle===b&&(c=a)}),c};a.context={},a.$watch("currentStep",function(b){if(b){var c=a.selectedStep.wzTitle;a.selectedStep&&c!==a.currentStep&&a.goTo(k(a.currentStep))}}),a.$watch("[editMode, steps.length]",function(){var b=a.editMode;if(!angular.isUndefined(b)&&null!==b)if(b)angular.forEach(a.getEnabledSteps(),function(a){a.completed=!0});else{var c=a.currentStepNumber()-1;angular.forEach(a.getEnabledSteps(),function(a,b){b>=c&&(a.completed=!1)})}},!0),this.addStep=function(b){a.steps.push(b),1===a.getEnabledSteps().length&&a.goTo(a.getEnabledSteps()[0])},this.context=a.context,a.getStepNumber=function(a){return j(a)+1},a.goTo=function(b){if(i)h(),a.selectedStep=b,angular.isUndefined(a.currentStep)||(a.currentStep=b.wzTitle),b.selected=!0,a.$emit("wizard:stepChanged",{step:b,index:j(b)}),i=!1;else{var c;a.currentStepNumber()>0?c=a.currentStepNumber()-1:0===a.currentStepNumber()&&(c=0),e.all([g(a.getEnabledSteps()[c],b),f(b)]).then(function(c){c[0]&&c[1]&&(h(),a.selectedStep=b,angular.isUndefined(a.currentStep)||(a.currentStep=b.wzTitle),b.selected=!0,a.$emit("wizard:stepChanged",{step:b,index:j(b)}))})}},a.currentStepNumber=function(){return j(a.selectedStep)+1},a.getEnabledSteps=function(){return a.steps.filter(function(a){return"true"!==a.disabled})},this.currentStepTitle=function(){return a.selectedStep.wzTitle},this.currentStepDescription=function(){return a.selectedStep.description},this.currentStep=function(){return a.selectedStep},this.totalStepCount=function(){return a.getEnabledSteps().length},this.getEnabledSteps=function(){return a.getEnabledSteps()},this.currentStepNumber=function(){return a.currentStepNumber()},this.next=function(b){var c=a.getEnabledSteps(),d=j(a.selectedStep);if(angular.isFunction(b)){if(!b())return;d===c.length-1?this.finish():a.goTo(c[d+1])}b||(a.selectedStep.completed=!0),d===c.length-1?this.finish():a.goTo(c[d+1])},this.goTo=function(b){var c,d=a.getEnabledSteps();c=angular.isNumber(b)?d[b]:k(b),a.goTo(c)},this.finish=function(){a.onFinish&&a.onFinish()},this.previous=function(){var b=j(a.selectedStep);if(0===b)throw new Error("Can't go back. It's already in step 0");a.goTo(a.getEnabledSteps()[b-1])},this.cancel=function(){var b=j(a.selectedStep);if(0===b)throw new Error("Can't go back. It's already in step 0");a.goTo(a.getEnabledSteps()[0])},this.reset=function(){angular.forEach(a.getEnabledSteps(),function(a){a.completed=!1}),this.goTo(0)}}]}}),wizardButtonDirective("wzNext"),wizardButtonDirective("wzPrevious"),wizardButtonDirective("wzFinish"),wizardButtonDirective("wzCancel"),wizardButtonDirective("wzReset"),angular.module("mgo-angular-wizard").factory("WizardHandler",function(){var a={},b={};return a.defaultName="defaultWizard",a.addWizard=function(a,c){b[a]=c},a.removeWizard=function(a){delete b[a]},a.wizard=function(c){var d=c;return c||(d=a.defaultName),b[d]},a});
\ No newline at end of file