1 files changed, 424 insertions, 0 deletions
diff --git a/discovery-ui/src/main/resources/iui/microservices/js/routeFunc.js b/discovery-ui/src/main/resources/iui/microservices/js/routeFunc.js
new file mode 100644
index 0000000..ed7b201
--- /dev/null
+++ b/discovery-ui/src/main/resources/iui/microservices/js/routeFunc.js
@@ -0,0 +1,424 @@
+/*
+ * Copyright 2016 ZTE, Inc. and others.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+$(function(){
+
+
+   $(".form-tip").blur(function(){
+    if($.trim($(this).val())==""){
+      $(this).removeClass("form-input-focus");
+      $(this).prev().removeClass("item-tip-focus");
+    }});
+
+$(".form-tip").focus(function(){
+  if(!$(this).hasClass("form-input-focus")){
+  $(this).addClass("form-input-focus");
+  $(this).prev().addClass("item-tip-focus");
+  }});
+
+$(".item-tip").click(function(){
+  $(this).next().focus();
+});
+
+$("input[name='version']").blur(function(){
+    $(this).val($(this).val().toLowerCase());
+
+    if(vm.msbRouteInfo.protocol=='REST' || vm.msbRouteInfo.protocol=='HTTP' ){
+    routeUtil.changeTargetServiceUrl();
+    }
+});
+
+
+
+$("input[name='serviceName']").change(function(){
+ if(vm.msbRouteInfo.protocol=='REST' || vm.msbRouteInfo.protocol=='UI' || vm.msbRouteInfo.protocol=='HTTP'){
+    routeUtil.changeTargetServiceUrl();
+    }
+
+});
+
+$("input[name='url']").change(function(){
+
+    routeUtil.changeTargetServiceUrl();
+});
+
+
+
+$("select[name='protocol']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("input[name='chkVisualRange']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("input[name='publish_port']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("input[name='http_publish_port']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("input[name='networkPlaneType']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("#labels").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+
+
+$("input[name='host']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+$("input[name='path']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+
+$("input[name='namespace']").change(function(){
+
+vm.getApigatewayInfo($(this).val());
+
+});
+
+
+
+
+   jQuery.validator.addMethod("ip", function(value, element) {    
+      return this.optional(element) || /^(([-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([0-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_ip_format"));
+
+
+
+  jQuery.validator.addMethod("url_head", function(value, element) {    
+      return this.optional(element) || /^\/.+((?!\/).)$/i.test(value) || /^\/$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_url_head_format"));
+
+
+jQuery.validator.addMethod("url_head_only", function(value, element) {    
+      return this.optional(element) || /^\/.*$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_url_head_only_format"));
+  
+    jQuery.validator.addMethod("version", function(value, element) {    
+      return this.optional(element) || /^v\d+(\.\d+)?$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_form_version_tip"));
+
+     jQuery.validator.addMethod("service_url", function(value, element) {    
+    return this.optional(element) || /^(|http:\/\/)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([0-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5]))):(\d{1,5})\/.*$/.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_url_format"));
+
+     jQuery.validator.addMethod("url_line", function(value, element) {    
+      return this.optional(element) || /^((?!\/).)*$/.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_url_line_format"));
+
+     jQuery.validator.addMethod("content", function(value, element) {    
+      return this.optional(element) ||  /^([0-9a-zA-Z]|-|_)*$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_content_format"));
+
+     jQuery.validator.addMethod("custom_content", function(value, element) {    
+      return this.optional(element) ||  /^([0-9a-zA-Z]|-|_|\/)*$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_content_format"));
+
+      jQuery.validator.addMethod("http_publish_port_content", function(value, element) {    
+      return this.optional(element) ||  /^([0-9]|\|)*$/i.test(value);    
+    }, $.i18n.prop("org_onap_msb_discover_validator_publish_port_format"));
+
+
+ });
+
+ 
+
+      var msbform = $('#msbForm');
+     var msberror = $('.alert-danger', msbform);
+      var msbsuccess = $('.alert-success', msbform);
+
+
+    msbform.validate({
+    doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
+    errorElement: 'span', //default input error message container
+    errorClass: 'help-block', // default input error message class
+    focusInvalid: false, // do not focus the last invalid input
+    rules: {     
+    
+      serviceName:{
+        required: true,
+         content:true,
+        maxlength:50
+      },
+      version:{
+        maxlength:50,
+        version:true
+      },
+       url:{
+       // url_head:true,
+        maxlength:50
+      },
+       path:{
+        //url_head:true,
+        maxlength:50
+      },
+      newHost:{
+        ip:true,
+        maxlength:50
+      },
+      newttl:{
+        digits:true,
+        min:0
+      },    
+      http_publish_port:{
+        http_publish_port_content:true
+      }, 
+      publish_port:{
+        digits:true,
+        min:1,
+        max:65535
+      },
+      protocol:{
+        required: true
+      },
+      visualRange:{
+        required: true,
+        minlength:1
+      },
+      host:{
+         content:true,
+        maxlength:50
+      }
+    },
+    messages: { 
+        serviceName:{
+        required: "Please enter the service name"
+      },
+       protocol:{
+        required:"Please select a service protocol"
+       
+      },     
+       visualRange:{
+        required:"Please select the service visibleRange"
+       
+      },
+      newttl:{
+        digits:"Please enter a number",
+        min: "number must be > 0"
+      },
+      publish_port:{
+        digits:"Please enter a number"
+      }
+
+    },
+    errorPlacement: function (msberror, element) { // render error placement for each input type
+      msberror.insertAfter(element); // for other inputs, just perform default behavior
+    },
+
+    invalidHandler: function (event, validator) { //display error alert on form submit   
+      msbsuccess.hide();
+      msberror.show();
+      //ZteFrameWork.scrollTo(error, -200);
+    },
+
+    highlight: function (element) { // hightlight error inputs
+      $(element)
+        .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
+    },
+
+    unhighlight: function (element) { // revert the change done by hightlight
+      $(element)
+        .closest('.form-group').removeClass('has-error'); // set error class to the control group
+    },
+
+    success: function (label) {
+      label
+        .addClass('valid') // mark the current input as valid and display OK icon
+        .closest('.form-group').removeClass('has-error'); // set success class to the control group
+    },
+    submitHandler: function (form) {
+      msbsuccess.show();
+      msberror.hide();
+      //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+    }
+
+   });
+
+    
+    var nodeform = $('#nodeForm');
+     var nodeerror = $('.alert-danger', nodeform);
+      var nodesuccess = $('.alert-success', nodeform);
+
+
+    nodeform.validate({
+    doNotHideMessage: true, //this option enables to show the error/success messages on tab switch.
+    errorElement: 'span', //default input error message container
+    errorClass: 'help-block', // default input error message class
+    focusInvalid: false, // do not focus the last invalid input
+    rules: {     
+    
+      nodeInfo_ip:{
+        required: true,
+        ip:true,
+        maxlength:50
+      },
+      nodeInfo_port:{
+        required: true,
+        digits:true,
+        min:1,
+        max:65535
+      },
+      nodeInfo_weight:{
+        digits:true,
+        maxlength:3,
+        min:1
+      },
+      nodeInfo_max_fails:{
+        digits:true,
+        maxlength:3,
+        min:1
+      },
+      nodeInfo_fail_timeout:{
+        digits:true,
+        maxlength:3,
+        min:1
+      },
+      checkInterval:{
+        digits:true,
+        maxlength:3,
+        min:1
+      },
+      checkTimeOut:{
+        digits:true,
+        min:1
+      },
+      ttl:{
+        digits:true,
+        min:1
+      }
+     
+    },
+    messages: { 
+        nodeInfo_ip:{
+        required:"Please enter the Host IP"
+      },
+       nodeInfo_port:{
+        required: "Please enter the Host Port",
+        digits:"Please enter a number",
+        min: "number must be > 1"    
+      } ,
+      nodeInfo_weight:{
+        digits:"only num",
+        min:"must>0"    
+      },
+       nodeInfo_max_fails:{
+        digits:"only num",
+        min: "must>0" 
+      },
+       nodeInfo_fail_timeout:{
+        digits:"only num",
+        min: "must>0"       
+      } ,
+       checkInterval:{
+        digits:"only num",
+        min:"must>0"      
+      } ,
+       checkTimeOut:{
+        digits:"only num",
+        min:"must>0"      
+      } ,
+       ttl:{
+        digits:"only num",
+        min:"must>0"      
+      }      
+      
+      
+
+    },
+    errorPlacement: function (nodeerror, element) { // render error placement for each input type
+      nodeerror.insertAfter(element); // for other inputs, just perform default behavior
+    },
+
+    invalidHandler: function (event, validator) { //display error alert on form submit   
+      nodesuccess.hide();
+      nodeerror.show();
+      //ZteFrameWork.scrollTo(error, -200);
+    },
+
+    highlight: function (element) { // hightlight error inputs
+      $(element)
+        .closest('.form-group').removeClass('has-success').addClass('has-error'); // set error class to the control group
+    },
+
+    unhighlight: function (element) { // revert the change done by hightlight
+      $(element)
+        .closest('.form-group').removeClass('has-error'); // set error class to the control group
+    },
+
+    success: function (label) {
+      label
+        .addClass('valid') // mark the current input as valid and display OK icon
+        .closest('.form-group').removeClass('has-error'); // set success class to the control group
+    },
+    submitHandler: function (form) {
+      nodesuccess.show();
+      nodeerror.hide();
+      //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+    }
+
+   });
+
+
+      function spinnerButtonBindClick() {
+        $('.spinner .btn:first-of-type').unbind().on('click', function () {
+            var input = $('input', $(this).parents('.spinner'));
+
+            if(input.val()=="") input.val("0");
+
+            input.val(parseInt(input.val(), 10) + 1);
+            if (input.val() > 1) {
+                $('.spinner .btn:last-of-type').attr("disabled", false);
+            }
+        });
+        $('.spinner .btn:last-of-type').unbind().on('click', function () {
+            var input = $('input', $(this).parents('.spinner'));
+             if(input.val()=="") input.val("2");
+
+            input.val(parseInt(input.val(), 10) - 1);
+            if (input.val() <= 1) {
+                $('.spinner .btn:last-of-type').attr("disabled", true);
+            }
+        });
+    }
+
+    
+
+
+