add moonv4

Change-Id: I247af788d0b0fb961fbc85416486b241eb1d807c
Signed-off-by: WuKong <rebirthmonkey@gmail.com>

4 files changed, 268 insertions, 0 deletions

diff --git a/moonv4/moon_gui/static/app/pdp/edit/pdp-edit-basic.tpl.html b/moonv4/moon_gui/static/app/pdp/edit/pdp-edit-basic.tpl.html
new file mode 100644
index 00000000..887d81ca
--- /dev/null
+++ b/moonv4/moon_gui/static/app/pdp/edit/pdp-edit-basic.tpl.html
@@ -0,0 +1,65 @@
+<div class="row">
+
+    <form class="form-horizontal" role="form" name="edit.form">
+
+        <div class="form-group">
+
+            <label for="id" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.id">Id</label>
+
+            <div class="col-sm-6">
+
+                <input name="id" id="id" disabled class="form-control" type="text" data-ng-model="edit.pdpToEdit.id" required />
+
+            </div>
+
+        </div>
+
+        <div class="form-group" ng-class="{'has-error': edit.form.name.$invalid && edit.form.name.$dirty}">
+
+            <label for="name" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.name">Name</label>
+
+            <div class="col-sm-6">
+
+                <input name="name" id="name" class="form-control" type="text" data-ng-model="edit.pdpToEdit.name" required />
+
+                <div class="help-block" ng-show="edit.form.name.$dirty && edit.form.name.$invalid">
+                    <small class="error" ng-show="edit.form.name.$error.required" data-translate="moon.pdp.edit.basic.check.name.required">Name is required</small>
+                </div>
+
+            </div>
+
+        </div>
+
+        <div class="form-group">
+
+            <label for="description" class="col-sm-3 control-label" data-translate="moon.pdp.edit.basic.form.description">Description</label>
+            <div class="col-sm-6">
+                <textarea id="description" name="description" class="form-control" data-ng-model="edit.pdpToEdit.description"></textarea>
+            </div>
+
+        </div>
+
+        <div class="form-group">
+
+            <div class="col-sm-2 col-sm-offset-3">
+
+                <a href=""  ng-disabled="edit.loading" ng-click="edit.init()" class="btn btn-default">
+                    <span data-translate="moon.pdp.edit.basic.action.init">Init</span>
+                </a>
+            </div>
+
+            <div class="col-sm-4 col-sm-offset-2">
+
+                <a href="" ng-disabled="edit.loading" ng-click="edit.editPdp()" class="btn btn-warning">
+                    <span class="glyphicon glyphicon-save"></span>
+                    <span data-translate="moon.pdp.edit.basic.action.update">Update</span>
+                </a>
+
+                <moon-loader ng-if="edit.loading"></moon-loader>
+            </div>
+
+        </div>
+
+    </form>
+
+</div>
\ No newline at end of file
diff --git a/moonv4/moon_gui/static/app/pdp/edit/pdp-edit.tpl.html b/moonv4/moon_gui/static/app/pdp/edit/pdp-edit.tpl.html
new file mode 100644
index 00000000..bc4582ce
--- /dev/null
+++ b/moonv4/moon_gui/static/app/pdp/edit/pdp-edit.tpl.html
@@ -0,0 +1,56 @@
+<div class="container">
+
+    <div class="row">
+        <h3 class="pull-left" data-translate="moon.pdp.edit.title" data-translate-values="{ pdpName: edit.pdp.name }">Edit</h3>
+    </div>
+
+    <div class="row">
+        <div class="panel panel-default">
+
+            <div class="panel-heading">
+
+                <h4>
+                    <span data-translate="moon.pdp.edit.basic.title" >Basic Information</span>
+                    <a href="" ng-click="edit.editBasic = !edit.editBasic">
+                        <span data-translate="moon.pdp.edit.update">Update</span>
+                        <span class="glyphicon glyphicon-cog"></span>
+                    </a>
+                </h4>
+
+            </div>
+
+            <div class="panel-body">
+
+                <div ng-if="edit.editBasic">
+                    <moon-p-d-p-edit-basic pdp="edit.pdp"></moon-p-d-p-edit-basic>
+                </div>
+
+                <div ng-if="!edit.editBasic">
+                    <dl class="dl-horizontal">
+                        <dt>Id</dt>
+                        <dd ng-bind="edit.pdp.id"></dd>
+                        <dt>Name</dt>
+                        <dd ng-bind="edit.pdp.name"></dd>
+                        <dt>Description</dt>
+                        <dd ng-bind="edit.pdp.description"></dd>
+                    </dl>
+                </div>
+
+            </div>
+
+        </div>
+
+        <div class="panel panel-default">
+
+            <div class="panel-heading">
+
+                <h4 data-translate="moon.pdp.edit.policy.title" >Policies</h4>
+
+            </div>
+
+            <moon-policy-mapped-list pdp="edit.pdp"></moon-policy-mapped-list>
+
+        </div>
+    </div>
+
+</div>
diff --git a/moonv4/moon_gui/static/app/pdp/edit/pdp.controller.edit.js b/moonv4/moon_gui/static/app/pdp/edit/pdp.controller.edit.js
new file mode 100644
index 00000000..41b73098
--- /dev/null
+++ b/moonv4/moon_gui/static/app/pdp/edit/pdp.controller.edit.js
@@ -0,0 +1,50 @@
+(function() {
+
+    'use strict';
+
+    angular
+        .module('moon')
+        .controller('PDPEditController', PDPEditController);
+
+    PDPEditController.$inject = ['$scope', '$rootScope', 'pdp', '$stateParams'];
+
+    function PDPEditController($scope, $rootScope, pdp, $stateParams) {
+
+        var edit = this;
+
+        edit.pdp = pdp;
+
+        edit.editBasic = false;
+
+        activate();
+
+        function activate(){
+
+        }
+
+        /*
+         * ---- events
+         */
+        var rootListeners = {
+
+            'event:pdpUpdatedSuccess': $rootScope.$on('event:pdpUpdatedSuccess', pdpUpdatedSuccess)
+
+        };
+
+        for (var unbind in rootListeners) {
+            $scope.$on('$destroy', rootListeners[unbind]);
+        }
+
+        /**
+         * When the model is updated, this function refresh the current model with the new changes
+         * @param event
+         * @param pdp
+         */
+        function pdpUpdatedSuccess(event, pdp){
+
+            edit.pdp = pdp;
+
+        }
+    }
+
+})();
diff --git a/moonv4/moon_gui/static/app/pdp/edit/pdp.edit.basic.dir.js b/moonv4/moon_gui/static/app/pdp/edit/pdp.edit.basic.dir.js
new file mode 100644
index 00000000..402422b6
--- /dev/null
+++ b/moonv4/moon_gui/static/app/pdp/edit/pdp.edit.basic.dir.js
@@ -0,0 +1,97 @@
+(function() {
+
+    'use strict';
+
+    angular
+        .module('moon')
+        .directive('moonPDPEditBasic', moonPDPEditBasic);
+
+    moonPDPEditBasic.$inject = [];
+
+    function moonPDPEditBasic() {
+
+        return {
+            templateUrl : 'html/pdp/edit/pdp-edit-basic.tpl.html',
+            bindToController : true,
+            controller : moonPDPEditBasicController,
+            controllerAs : 'edit',
+            scope : {
+                pdp : '='
+            },
+            restrict : 'E',
+            replace : true
+        };
+    }
+
+    angular
+        .module('moon')
+        .controller('moonPDPEditBasicController', moonPDPEditBasicController);
+
+    moonPDPEditBasicController.$inject = ['$scope', 'pdpService', 'formService', 'alertService', '$translate', 'utilService'];
+
+    function moonPDPEditBasicController($scope, pdpService, formService, alertService, $translate, utilService){
+
+        var edit = this;
+
+        edit.editPdp = editPdp;
+        edit.init = init;
+
+        edit.form = {};
+
+        activate();
+
+        function activate(){
+
+            edit.pdp = $scope.edit.pdp;
+
+            edit.pdpToEdit = angular.copy(edit.pdp);
+
+        }
+
+        function editPdp(){
+
+            if(formService.isInvalid(edit.form)) {
+
+                formService.checkFieldsValidity(edit.form);
+
+            }else{
+
+                edit.loading = true;
+
+                pdpService.update(edit.pdpToEdit, updateSuccess, updateError);
+
+            }
+
+            function updateSuccess(data) {
+
+                var updatedPdp = utilService.transformOne(data, 'pdps');
+
+                $translate('moon.pdp.edit.basic.success', { pdpName: updatedPdp.name }).then( function(translatedValue) {
+                    alertService.alertSuccess(translatedValue);
+                });
+
+                edit.loading = false;
+
+                $scope.$emit('event:pdpUpdatedSuccess', updatedPdp);
+
+            }
+
+            function updateError(reason) {
+
+                $translate('moon.pdp.edit.basic.error', { pdpName: edit.pdp.name }).then( function(translatedValue) {
+                    alertService.alertError(translatedValue);
+                });
+
+                edit.loading = false;
+
+            }
+        }
+
+        function init(){
+
+            edit.pdpToEdit = angular.copy(edit.pdp);
+
+        }
+    }
+
+})();