.controller(
'operationalPolicyCtrl',
[
-'$scope',
-'$rootScope',
-'$uibModalInstance',
-'data',
-'operationalPolicyService',
-'dialogs',
-function($scope, $rootScope, $uibModalInstance, data, operationalPolicyService,
- dialogs) {
- console.log("//////operationalPolicyCtrl");
- // Below code is added to get the policyNames
- var policies = getOperationalPolicyProperty();
- for ( var obj in policies) {
- if (!($.isEmptyObject(obj))) {
- allPolicies = jQuery.extend({}, obj);
- $scope.policyNames = [];
- for ( var policy in allPolicies) {
- $scope.policyNames.push(policy);
- }
- }
- }
- setTimeout(function() {
- console.log("setTimeout");
- setMultiSelect();
- }, 100);
- $scope.close = function() {
- console.log("close");
- $uibModalInstance.close("closed");
- };
-
- $scope.submitForm = function(obj) {
- var operationalPolicies = getOperationalPolicies();
- if (obj !== null) {
- operationalPolicies[0]["configurationsJson"] = obj;
- }
- operationalPolicyService.saveOpPolicyProperties(operationalPolicies).then(function(pars) {
- updateOpPolicyProperties(operationalPolicies);
- }, function(data) {
- });
- };
-
-} ]);
\ No newline at end of file
+ '$scope',
+ '$rootScope',
+ '$uibModalInstance',
+ 'data',
+ 'operationalPolicyService',
+ 'dialogs',
+ function($scope, $rootScope, $uibModalInstance, data, operationalPolicyService, dialogs) {
+
+ console.log("//////operationalPolicyCtrl");
+ var parent_policy = {}
+ var policy_ids = {}
+ var loadingId = false;
+ var allPolicies = {};
+ var allPolIds = [];
+
+ $scope.guardType="GUARD_MIN_MAX";
+ $scope.targetResource="";
+ function getAllFormId() {
+
+ return Array.from(document.getElementsByClassName("formId"));
+ }
+ function searchActiveFormId() {
+
+ var formArray = getAllFormId();
+ for (var i = 0, max = formArray.length; i < max; i++) {
+ console.log("Search active FormId, current element " + formArray[i].id);
+ if (formArray[i].style.display !== "none") {
+ console.log("Active form is:" + formArray[i].id);
+ return formArray[i];
+ }
+ }
+ console.log("No active formId found !");
+ }
+ function initTargetResourceId() {
+
+ if (vf_Services !== null && vf_Services !== undefined) {
+ // Set all the Resource Invariant UUID in the target resource ID
+ // list (+Empty and other)
+ Object.keys(vf_Services["shared"]["byVf"]).forEach(function(key) {
+
+ $("#targetResourceId").append($('<option></option>').val(key).html(key));
+ });
+ }
+ }
+ // load recipes for a chosen policy
+ function disperseConfig(policyObj, id) {
+
+ console.log("disperseConfig with id:" + id);
+ parent_policy = {};
+ // remove old gui forms
+ for (var i = 1; i < ($(".formId").length + 1); i++) {
+ $("#go_properties_tab" + i).parent().remove();
+ }
+ $(".formId").remove();
+ if (policyObj !== undefined && policyObj[id] !== undefined) {
+ var el = policyObj[id][3]['policyConfigurations']
+ for (var i = 0; i < el.length; i++) {
+ loadingId = true;
+ var num = add_one_more();
+ console.log("number is=:" + num);
+ loadingId = false;
+ for (var j = 0; j < el[i].length; j++) {
+ console.log("attr:" + el[i][j].name + "; value is:" + el[i][j].value);
+ if (el[i][j].hasOwnProperty("name")) {
+ $("#formId" + num + " #" + el[i][j].name).val(el[i][j].value);
+ if (el[i][j].name === "_id") {
+ console.log("formId num:" + num + "; value is:" + el[i][j].value);
+ policy_ids["#formId" + num] = el[i][j].value
+ }
+ if (el[i][j].name === 'parentPolicy')
+ parent_policy[num] = el[i][j].value
+ if (el[i][j].name === 'recipe' && el[i][j].value.toString() !== '') {
+ $("#go_properties_tab" + num).text(el[i][j].value)
+ }
+ if (el[i][j].name === "targetResourceIdOther" && el[i][j].value.toString() !== '') {
+ // Add the entry and set it
+ $("#formId" + num + " #targetResourceId").append(
+ $('<option></option>').val($("#formId" + num + " #targetResourceIdOther").val()).html(
+ $("#formId" + num + " #targetResourceIdOther").val()));
+ $("#formId" + num + " #targetResourceId").val(
+ $("#formId" + num + " #targetResourceIdOther").val());
+ }
+ $scope.changeGuardPolicyType();
+ }
+ }
+ }
+ // Adding all the ids for parent policy options
+ for (var i = 1; i <= $(".formId").length; i++) {
+ for (k in policy_ids) {
+ if ($("#formId" + i + " #_id").val() !== policy_ids[k].toString()
+ && $(k + " #recipe").val() !== undefined && $(k + " #recipe").val() !== "") {
+ $("#formId" + i + " #parentPolicy").append(
+ "<option value=\"" + policy_ids[k] + "\">" + $(k + " #recipe").val() + "</option>");
+ }
+ }
+ }
+ for (k in parent_policy) {
+ $("#formId" + k + " #parentPolicy").val(parent_policy[k]);
+ if ($("#formId" + k + " #parentPolicy").val() == "") {
+ $("#formId" + k + " #parentPolicyConditions").multiselect("disable");
+ } else {
+ $("#formId" + k + " #parentPolicyConditions").multiselect("enable");
+ }
+ // force the change event
+ $("#formId" + k + " #parentPolicy").change();
+ }
+ // Now load all component with the right value defined in
+ // policyObj JSON
+ for (headInd in policyObj[id]) {
+ if (!(policyObj[id][headInd].hasOwnProperty("policyConfigurations"))) {
+ $("#" + policyObj[id][headInd].name).val(policyObj[id][headInd].value);
+ }
+ }
+ }
+ setMultiSelect();
+ if (readMOnly) {
+ $('select[multiple] option').each(function() {
+
+ var input = $('input[value="' + $(this).val() + '"]');
+ input.prop('disabled', true);
+ input.parent('li').addClass('disabled');
+ });
+ $('input[value="multiselect-all"]').prop('disabled', true).parent('li').addClass('disabled');
+ }
+ }
+ function addSelectListen(count) {
+
+ var onSelectChange = function() {
+
+ var opselected = this.selectedOptions[0].text;
+ if (this.id == "recipe") {
+ if (opselected !== "") {
+ var polCount = $(this).closest("[id^='formId']").attr("id").substring(6);
+ $(this).closest(".policyPanel").find("#go_properties_tab" + polCount).text(opselected);
+ } else {
+ $(this).closest("[id^='go_properties_tab']").text("Policy");
+ }
+ }
+ if (this.id == "parentPolicy") {
+ var ppCond = $(this).closest("[id^='formId']").find("#parentPolicyConditions");
+ if (opselected == "") {
+ ppCond.multiselect("clearSelection");
+ ppCond.multiselect("disable");
+ } else {
+ ppCond.multiselect("enable");
+ }
+ }
+ };
+ $("#formId" + count + " select").each(function() {
+
+ this.change = onSelectChange;
+ });
+ }
+ // This is ensure there are no repeated keys in the map
+ function noRepeats(form) {
+
+ // triggered per policy.
+ var select = {};
+ for (var i = 0; i < form.length; i++) {
+ if (select[form[i].name] === undefined)
+ select[form[i].name] = []
+ select[form[i].name].push(form[i].value);
+ }
+ var arr = []
+ for (s in select) {
+ var f = {}
+ f.name = s
+ f.value = select[s]
+ arr.push(f)
+ }
+ return arr
+ }
+ function add_one_more() {
+
+ console.log("add one more");
+ setPolicyOptions();
+ $("#nav_Tabs li").removeClass("active");
+ // FormSpan contains a block of the form that is not being
+ // displayed. We will create clones of that and add them to tabs
+ var form = $($("#formSpan").children()[0]).clone()
+ var count = 0;
+ // Each new tab will have the formId class attached to it. This way
+ // we can track how many forms we currently have out there and
+ // assign listeners to them
+ if ($(".formId").length > 0) {
+ var greatest = 0;
+ var s = $(".formId");
+ for (var i = 0; i < s.length; i++) {
+ if (parseInt($(s[i]).attr("id").substring(6)) > greatest) {
+ greatest = parseInt($(s[i]).attr("id").substring(6))
+ }
+ }
+ count = greatest + 1;
+ $("#properties_tab").append(('<span class="formId" id="formId' + count + '"></span>'));
+ } else {
+ count++;
+ $("#properties_tab").append('<span class="formId" id="formId1"></span>');
+ }
+ // $(form).find("#policyName").val("Recipe "+makid(2))
+ // TODO change up how we auto assign policyName. There could be the
+ // case where we do this and it will have repeats
+ // alert($(form).find("#_id").val())
+ // policyNameChangeListener(form)
+ $("#add_one_more")
+ .parent()
+ .before(
+ ' <li class="active"><a id="go_properties_tab'
+ + count
+ + '">Policy</a><button id="tab_close'
+ + count
+ + '" type="button" class="close tab-close-popup" aria-hidden="true" style="margin-top: -30px;margin-right: 5px">×</button></li>');
+ $("#formId" + count).append(form);
+ $(".formId").not($("#formId" + count)).css("display", "none")
+ addCustListen(count)
+ addSelectListen(count);
+ // This is for when the process is not loading from map but being
+ // created
+ if (!loadingId) {
+ var l = makeid()
+ $(form).find("#_id").val(l)
+ policy_ids["#formId" + count] = l
+ var answers = {}
+ for (var i = 1; i <= greatestIdNum(); i++) {
+ if ($("#formId" + i).length > 0) {
+ answers["#formId" + i + " #parentPolicy"] = $("#formId" + i + " #parentPolicy").val();
+ $("#formId" + i + " #parentPolicy").empty();
+ for (k in policy_ids) {
+ if (($("#formId" + i + " #_id").val() !== policy_ids[k].toString())
+ && $(k + " #recipe").val() !== undefined && $(k + " #recipe").val() !== "") {
+ $("#formId" + i + " #parentPolicy").append(
+ "<option value='" + policy_ids[k] + "'>" + $(k + " #recipe").val() + "</option>")
+ }
+ }
+ $("#formId" + i + " #parentPolicy").prepend("<option value=''></option>")
+ }
+ }
+ $("#formId" + count + " #parentPolicyConditions").multiselect("disable");
+ // re-populate parent policy with chosen options
+ for (k in answers) {
+ $(k).val(answers[k])
+ }
+ }
+ return count;
+ }
+ function addCustListen(count) {
+
+ $('#go_properties_tab' + count).click(function(event) {
+
+ $("#nav_Tabs li").removeClass("active");
+ $(this).parent().addClass("active");
+ $("#formId" + count).css("display", "")
+ $(".formId").not($("#formId" + count)).css("display", "none")
+ })
+ $('#tab_close' + count).click(
+ function(event) {
+
+ if (document.getElementById("timeout").disabled) {
+ return false;
+ }
+ $(this).parent().remove();
+ for (var i = 1; i <= greatestIdNum(); i++) {
+ if ($("#formId" + i).length > 0) {
+ if (i !== count) {
+ if ($("#formId" + i + " #parentPolicy").val() === $("#formId" + count + " #_id").val()
+ .toString())
+ $("#formId" + i + " #parentPolicy").val("")
+ $(
+ "#formId" + i + " #parentPolicy option[value='"
+ + $("#formId" + count + " #_id").val().toString() + "']").remove();
+ }
+ }
+ }
+ delete policy_ids["#formId" + count + " #_id"]
+ $("#formId" + count).remove();
+ })
+ }
+ function greatestIdNum() {
+
+ var greatest = 0;
+ var s = $(".formId");
+ for (var i = 0; i < s.length; i++) {
+ if (parseInt($(s[i]).attr("id").substring(6)) > greatest) {
+ greatest = parseInt($(s[i]).attr("id").substring(6))
+ }
+ }
+ return greatest;
+ }
+ // Generate random id for each policy
+ // Also made sure ids couldnt be repeated
+ function makeid(num) {
+
+ var text = "";
+ var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+ if (num == null)
+ num = 7;
+ for (var i = 0; i < 7; i++)
+ text += possible.charAt(Math.floor(Math.random() * possible.length));
+ var hasValue = false;
+ for (k in policy_ids) {
+ if (text === policy_ids[k])
+ hasValue = true
+ }
+ if (hasValue)
+ return makeid(num);
+ else
+ return text
+ }
+ // var ParentPolicy = function(id, name) {
+ //
+ // this.id = id
+ // this.name = name
+ // }
+ function saveLastPolicyLocally(lastPolicyId) {
+
+ console.log("last policy id is:" + lastPolicyId);
+ var polForm = []
+ var properties = $(".saveProps").not("#formSpan .saveProps");
+ var timeoutForm = $("#Timeoutform").serializeArray();
+ for (var i = 0; i < timeoutForm.length; i++) {
+ polForm.push(timeoutForm[i]);
+ }
+ var d = {}
+ d["policyConfigurations"] = [];
+ for (var i = 0; i < properties.length; i++) {
+ var ser = $(properties[i]).serializeArray();
+ var s = noRepeats(ser)
+ d["policyConfigurations"].push(s);
+ }
+ polForm.push(d);
+ for ( var x in allPolicies) {
+ if (x !== lastPolicyId) {
+ delete allPolicies[x];
+ console.log("remove old policy" + x);
+ }
+ }
+ allPolicies[lastPolicyId] = polForm;
+ }
+ function startNextItem() {
+
+ console.log("start next Item, policyname is:" + $("#pname").val());
+ // save last item before transitioning
+ var lastItem = $("#policyTable .highlight");
+ console.log("start next Item, lastitem is:" + lastItem);
+ if (lastItem.length > 0) {
+ console.log("start next Item length > 0");
+ saveLastPolicyLocally($("#pname").val());
+ // lastItem.attr("id", $("#pname").val());
+ lastItem.find("td").html($("#pname").val());
+ }
+ }
+ function add_new_policy(issueNewNames) {
+
+ console.log("add new policy");
+ // remove old gui forms
+ for (var i = 1; i < ($(".formId").length + 1); i++) {
+ $("#go_properties_tab" + i).parent().remove();
+ }
+ $(".formId").remove();
+ $("#pname").val("New_Policy");
+ $("#timeout").val(getOperationalPolicyProperty().timeout);
+ $("#add_one_more").click();
+ }
+ $scope.changeTargetResourceIdOther = function() {
+
+ var formItemActive = searchActiveFormId();
+ if (formItemActive === undefined)
+ return;
+ if ($("#" + formItemActive.id + " #targetResourceId").val() === "Other:") {
+ $("#" + formItemActive.id + " #targetResourceIdOther").show();
+ } else {
+ $("#" + formItemActive.id + " #targetResourceIdOther").hide();
+ $("#" + formItemActive.id + " #targetResourceIdOther").val("");
+ }
+ }
+ $scope.changeGuardPolicyType = function() {
+
+ var formItemActive = searchActiveFormId();
+ if (formItemActive === undefined)
+ return;
+ if ($("#" + formItemActive.id + " #guardPolicyType").val() === "GUARD_MIN_MAX") {
+ $("#" + formItemActive.id + " #minMaxGuardPolicyDiv").show();
+ $("#" + formItemActive.id + " #frequencyLimiterGuardPolicyDiv").hide();
+ } else if ($("#" + formItemActive.id + " #guardPolicyType").val() === "GUARD_YAML") {
+ $("#" + formItemActive.id + " #minMaxGuardPolicyDiv").hide();
+ $("#" + formItemActive.id + " #frequencyLimiterGuardPolicyDiv").show();
+ }
+ }
+ $scope.init = function() {
+
+ $(function() {
+
+ $("#add_one_more").click(function(event) {
+
+ console.log("add one more");
+ event.preventDefault();
+ var num = add_one_more();
+ setMultiSelect();
+ });
+ var obj = getOperationalPolicyProperty();
+ var loadPolicy;
+ console.log("lastElementSelected :" + lastElementSelected);
+ if (!($.isEmptyObject(obj))) {
+ allPolicies = jQuery.extend({}, obj);
+ for ( var x in allPolicies) {
+ $("#policyTable").prepend("<tr><td>" + x + "</td></tr>");
+ if (allPolicies[x][1]['value']) {
+ allPolIds.push(parseInt(allPolicies[x][1]['value']));
+ }
+ console.log("policies found :" + x);
+ loadPolicy = x;
+ }
+ }
+ if (loadPolicy !== undefined && loadPolicy !== null) {
+ // load properties
+ console.log("load properties");
+ disperseConfig(allPolicies, loadPolicy);
+ } else {
+ console.log("create new policy");
+ add_new_policy();
+ }
+ $("#savePropsBtn").click(
+ function(event) {
+
+ console.log("save properties triggered");
+ if ($("#targetResourceIdOther").is(":visible")) {
+ $('#targetResourceId').append(
+ $('<option></option>').val($("#targetResourceIdOther").val()).html(
+ $("#targetResourceIdOther").val()))
+ $("#targetResourceId").val($("#targetResourceIdOther").val());
+ }
+ $(".idError").hide();
+ console.log("save properties triggered2");
+ startNextItem();
+ console.log("get all policies");
+ var finalSaveList = {};
+ $("#policyTable td").each(function() {
+
+ console.log("enter policy table each loop");
+ var tableVal = $(this).text();
+ if (tableVal in allPolicies) {
+ finalSaveList[tableVal] = allPolicies[tableVal];
+ }
+ console.log("save properties; add tableVal to policies: " + tableVal);
+ });
+ var scope = angular.element(document.getElementById('formSpan')).scope();
+ scope.submitForm(finalSaveList);
+ $("#close_button").click();
+ });
+ $('#policyTable').on('click', 'tr', function(event) {
+
+ console.log("click on policyTable");
+ $(".idError").hide();
+ if (!(readMOnly)) {
+ startNextItem();
+ }
+ $(this).addClass('highlight').siblings().removeClass('highlight');
+ disperseConfig(allPolicies, $(this).find("td").html());
+ });
+ $('#pname').on('keypress', function(e) {
+
+ /*
+ * var newVal = $(this).val() +
+ * String.fromCharCode(e.which); if ((newVal>99) ||
+ * (($(this).val().length>2) && e.keyCode != 46 && e.keyCode
+ * !=8)){ e.preventDefault(); }
+ */
+ if (e.keyCode == 32) {
+ $("#spaceError").show();
+ e.preventDefault();
+ }
+ });
+ console.log("start next Item on 796");
+ startNextItem();
+ if (("#policyTable .highlight").length > 0) {
+ $('#policyTable tr.highlight').removeClass('highlight');
+ }
+ $("#policyTable").prepend("<tr class='highlight'><td>New_Policy</td></tr>");
+ $("#pid").val(0);
+ initTargetResourceId();
+ // load metrics dropdown
+ if (elementMap["global"]) {
+ for (var i = 0; i < (elementMap["global"].length); i++) {
+ if ((elementMap["global"][i]["name"]) == "actionSet") {
+ var asSel = elementMap["global"][i]["value"];
+ if (asSel == "vnfRecipe" && vf_Services !== null && vf_Services !== undefined) {
+ if (vf_Services["policy"][asSel]) {
+ $.each((vf_Services["policy"][asSel]), function(val, text) {
+
+ $('#recipe').append($('<option></option>').val(val).html(text));
+ });
+ }
+ break;
+ }
+ }
+ }
+ }
+ });
+ }
+ $scope.init();
+ $scope.isNumberKey = function(event) {
+
+ var charCode = (event.which) ? event.which : event.keyCode
+ if (charCode > 31 && (charCode < 48 || charCode > 57)) {
+ return false;
+ }
+ return true;
+ }
+// setTimeout(function() {
+//
+// console.log("setTimeout");
+// setMultiSelect();
+// }, 100);
+ $scope.close = function() {
+
+ console.log("close");
+ $uibModalInstance.close("closed");
+ };
+ $scope.submitForm = function(obj) {
+
+ var operationalPolicies = JSON.parse(JSON.stringify(getOperationalPolicies()));
+ if (obj !== null) {
+ operationalPolicies[0]["configurationsJson"] = obj;
+ }
+ operationalPolicyService.saveOpPolicyProperties(operationalPolicies).then(function(pars) {
+
+ updateOpPolicyProperties(operationalPolicies);
+ }, function(data) {
+
+ });
+ };
+ } ]);
\ No newline at end of file
Code Review / clamp.git / blobdiff