diff --git a/public/assignment/client/app.js b/public/assignment/client/app.js index e3742a6..d254fae 100755 --- a/public/assignment/client/app.js +++ b/public/assignment/client/app.js @@ -1,5 +1,5 @@ (function() { "use strict"; angular - .module("FormBuilderApp", ["ngRoute"]); + .module("FormBuilderApp", ["ngRoute","jgaSortable","ui.bootstrap"]); })(); diff --git a/public/assignment/client/config.js b/public/assignment/client/config.js index f32be10..fcbc274 100755 --- a/public/assignment/client/config.js +++ b/public/assignment/client/config.js @@ -6,7 +6,9 @@ function Configure($routeProvider) { $routeProvider .when("/home", { - templateUrl: "views/home/home.view.html" + templateUrl: "views/home/home.view.html", + controller:"HomeController", + controllerAs:"model" }) .when("/admin", { diff --git a/public/assignment/client/directives/jgaSortable.js b/public/assignment/client/directives/jgaSortable.js new file mode 100755 index 0000000..ca3d202 --- /dev/null +++ b/public/assignment/client/directives/jgaSortable.js @@ -0,0 +1,31 @@ +(function(){ + "use strict"; + angular + .module("jgaSortable", []) + .directive("jgaSortable", jgaSortable); + + function jgaSortable() { + var start = null, + end = null; + + function link(scope, element, attributes) { + var jgaAxis = attributes.jgaAxis; + $(element).sortable({ + axis: jgaAxis, + start: function(event, ui) { + start = ui.item.index(); + }, + stop: function(event, ui) { + end = ui.item.index(); + + scope.$apply(function(){ + scope.updateForm(start,end); + }) + } + }); + } + return { + link: link + } + } +})(); diff --git a/public/assignment/client/index.html b/public/assignment/client/index.html index c7ac094..d2586f9 100755 --- a/public/assignment/client/index.html +++ b/public/assignment/client/index.html @@ -9,28 +9,17 @@ -