1 files changed, 645 insertions, 0 deletions
diff --git a/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js b/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js
new file mode 100644
index 0000000..aabd941
--- /dev/null
+++ b/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js
@@ -0,0 +1,645 @@
+/*
+ * Copyright (C) 2016 ZTE, Inc. and others. All rights reserved. (ZTE)
+ *
+ * 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(){
+
+   $('#msbTable tbody').on('click', 'td.details-control', function () {
+        var tr = $(this).closest('tr');
+        var row = table.row( tr );
+        if ( row.child.isShown() ) {
+            // This row is already open - close it
+            row.child.hide();
+            tr.removeClass('shown');
+        }
+        else {
+            // Open this row
+            var nodes=row.data()[1].match(/\d+.\d+.\d+.\d+:\d+:(-)?\d+/g) 
+            
+            row.child( routeUtil.formatDetail(nodes) ).show();
+            tr.addClass('shown');
+        }
+    } );
+
+ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
+      //Get the name of the TAB has been activated
+      var activeTab = $(e.target).text(); 
+      if(this.id=="customTab" || this.id=="msbTab"){
+          $("#serviceContent").hide();
+          $("#upArrawDiv").hide();
+      }
+      else{
+        $("#serviceContent").show();
+        $("#upArrawDiv").show();
+         $('#msbSubPage').attr("src","");
+          $(".stats_box .routeDiv").removeClass("active");
+          vm.selectedRouteType="";
+          vm.routeTargetTitle=$.i18n.prop("org_onap_msb_route_content_title");
+       
+      }
+   });
+
+
+ $("[data-toggle='tooltip']").tooltip();
+
+   $('#metricsFullurl').on('show.bs.collapse', function () {
+        $('#metricsUrlCollapse').removeClass('fa-plus').addClass('fa-minus');
+      
+  });
+  
+  $('#metricsFullurl').on('hide.bs.collapse', function () {
+        $('#metricsUrlCollapse').removeClass('fa-minus').addClass('fa-plus');
+  });
+
+   $('#apiJsonFullurl').on('show.bs.collapse', function () {
+        $('#apiJsonCollapse').removeClass('fa-plus').addClass('fa-minus');
+      
+  });
+  
+  $('#apiJsonFullurl').on('hide.bs.collapse', function () {
+        $('#apiJsonCollapse').removeClass('fa-minus').addClass('fa-plus');
+  });
+
+
+
+   $(".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());
+    routeUtil.changeTargetServiceUrl();
+});
+
+
+$("input[name='url']").blur(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+$("input[name='serviceName']").blur(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+
+
+$("select[name='protocol']").change(function(){
+
+routeUtil.changeTargetServiceUrl();
+
+});
+
+/*
+
+$("input[name='oriService']").blur(function(){
+    var oriService=$.trim($(this).val());
+    if(oriService==""){
+      $("input[name='serviceName']").val("");
+      $("input[name='version']").val("");
+      $("input[name='server']").val("");
+      $("input[name='url']").val("");
+      return;
+    }
+    
+    
+
+    var reg=/^(|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})\/.*$/   
+        var reg_standard_match=/^(.*:\d{1,5})\/api\/(.*)\/(v.*)$/ 
+    var reg_unstandard_match=/^(.*:\d{1,5})(\/.*)$/     
+        if(reg.test(oriService)){  
+       if(reg_standard_match.test(oriService)){  
+          //标准api
+          var group = oriService.match(reg_standard_match);
+          $("input[name='serviceName']").val(group[2]);        
+          $("input[name='server']").val(group[1].replace("http://",""));
+
+
+         var version=group[3];
+        var reg_endName_match=/^(.*?)\/.*$/
+        if(reg_endName_match.test(version)){
+            version = version.match(reg_endName_match)[1];
+        }
+          $("input[name='version']").val(version);
+           $("input[name='url']").val("/api/"+group[2]+"/"+version);
+
+        if(!$("input[name='version']").hasClass("form-input-focus")){
+          $("input[name='version']").addClass("form-input-focus");
+          $("input[name='version']").prev().addClass("item-tip-focus");
+          }
+          
+    
+
+       }
+       else{
+           //非标准api
+          var group = oriService.match(reg_unstandard_match);
+         var reg_endName_match=/^(.*?)\/$/
+         var url=group[2];
+        if(url!="/" && reg_endName_match.test(url)){
+            url = url.match(reg_endName_match)[1];
+        }
+
+
+        $("input[name='serviceName']").val("");
+        $("input[name='version']").val("");
+        $("input[name='server']").val(group[1].replace("http://",""));
+        $("input[name='url']").val(url);
+      }
+
+          if(!$("input[name='server']").hasClass("form-input-focus")){
+          $("input[name='server']").addClass("form-input-focus");
+          $("input[name='server']").prev().addClass("item-tip-focus");
+          }
+    }
+  
+    
+});
+
+
+$("input[name='iuioriService']").blur(function(){
+    var oriService=$.trim($(this).val());
+    if(oriService==""){
+      $("input[name='iuiserviceName']").val("");
+      $("input[name='iuiserver']").val("");
+      $("input[name='iuiurl']").val("");
+      return;
+    }
+    
+    
+
+    var reg=/^(|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})\/.*$/   
+        var reg_standard_match=/^(.*:\d{1,5})\/iui\/(.*|.*\/)$/ 
+    var reg_unstandard_match=/^(.*:\d{1,5})(\/.*)$/     
+   if(reg.test(oriService)){  
+       if(reg_standard_match.test(oriService)){  
+          //标准api
+          var group = oriService.match(reg_standard_match);
+
+        
+        $("input[name='iuiserver']").val(group[1].replace("http://",""));
+        
+
+        var serviceName=group[2];
+        var reg_endName_match=/^(.*?)\/.*$/
+        if(reg_endName_match.test(serviceName)){
+           serviceName = serviceName.match(reg_endName_match)[1];
+        }
+          $("input[name='iuiserviceName']").val(serviceName);
+          $("input[name='iuiurl']").val("/iui/"+serviceName);
+      
+       }
+       else{
+           //非标准api
+          var group = oriService.match(reg_unstandard_match);
+       
+         var reg_endName_match=/^(.*?)\/$/
+         var url=group[2];
+        if(url!="/" && reg_endName_match.test(url)){
+            url = url.match(reg_endName_match)[1];
+        }
+        $("input[name='iuiserver']").val(group[1].replace("http://",""));
+        $("input[name='iuiurl']").val(url);
+      }
+
+          if(!$("input[name='iuiserver']").hasClass("form-input-focus")){
+          $("input[name='iuiserver']").addClass("form-input-focus");
+          $("input[name='iuiserver']").prev().addClass("item-tip-focus");
+          }
+    }
+  
+    
+});
+
+$("input[name='customoriService']").blur(function(){
+    var oriService=$.trim($(this).val());
+    if(oriService==""){
+      $("input[name='customserviceName']").val("");
+      $("input[name='customserver']").val("");
+      $("input[name='customurl']").val("");
+      return;
+    }
+    
+    
+
+    var reg=/^(|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})\/.*$/   
+       
+    var reg_unstandard_match=/^(.*:\d{1,5})(\/.*)$/     
+   if(reg.test(oriService)){  
+      
+
+          var group = oriService.match(reg_unstandard_match);
+       
+         var reg_endName_match=/^(.*?)\/$/
+         var url=group[2];
+        if(url!="/" && reg_endName_match.test(url)){
+            url = url.match(reg_endName_match)[1];
+        }
+        $("input[name='customserver']").val(group[1].replace("http://",""));
+        $("input[name='customurl']").val(url);
+        $("input[name='customserviceName']").val(url);
+     
+
+          if(!$("input[name='customserver']").hasClass("form-input-focus")){
+          $("input[name='customserver']").addClass("form-input-focus");
+          $("input[name='customserver']").prev().addClass("item-tip-focus");
+          }
+    }
+  
+    
+});
+
+*/
+
+   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]))):(\d{1,5})$/.test(value);    
+    }, $.i18n.prop('org_onap_msb_route_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_route_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_route_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_route_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_route_validator_url_format'));
+
+     jQuery.validator.addMethod("url_line", function(value, element) {    
+      return this.optional(element) || /^((?!\/).)*$/.test(value);    
+    }, $.i18n.prop('org_onap_msb_route_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_route_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_route_validator_content_format'));
+
+
+ });
+
+  var form = $('#routeForm');
+  var error = $('.alert-danger', form);
+  var success = $('.alert-success', form);
+
+    var iuiform = $('#iuirouteForm');
+     var iuierror = $('.alert-danger', iuiform);
+      var iuisuccess = $('.alert-success', iuiform);
+
+
+      var customform = $('#customrouteForm');
+     var customerror = $('.alert-danger', customform);
+      var customsuccess = $('.alert-success', customform);
+
+      var msbform = $('#msbForm');
+     var msberror = $('.alert-danger', msbform);
+      var msbsuccess = $('.alert-success', msbform);
+
+
+    form.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: {     
+     /* oriService:{
+    service_url:true,
+    maxlength:100
+    },*/
+      serviceName:{
+        required: true,
+        url_line:true,
+        content:true,
+        maxlength:50
+      },
+      version:{
+       // required: true,
+        maxlength:50,
+        version:true
+      },
+       url:{
+        required: true,
+        url_head:true,
+        maxlength:50
+      },
+      metricsUrl:{
+        url_head:true,
+        maxlength:50
+      },
+      server:{
+        ip:true,
+        maxlength:50
+      }
+    },
+    messages: { 
+        serviceName:{
+        required: "Please enter the service name"
+      },      
+       url:{
+        required: "Please enter the URL address"
+       
+      },     
+       server:{
+        required:"Please enter the Host address"
+       
+      }
+
+    },
+    errorPlacement: function (error, element) { // render error placement for each input type
+      error.insertAfter(element); // for other inputs, just perform default behavior
+    },
+
+    invalidHandler: function (event, validator) { //display error alert on form submit   
+      success.hide();
+      error.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) {
+      success.show();
+      error.hide();
+      //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+    }
+
+   });
+
+    iuiform.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: {     
+    /*iuioriService:{
+    service_url:true,
+    maxlength:100
+    },*/
+    iuiserviceName:{
+        required: true,
+        url_line:true,
+        maxlength:50,
+        content:true
+      },     
+    iuiurl:{
+        required: true,
+        url_head:true,
+        maxlength:50
+      },
+   iuiserver:{
+        ip:true,
+        maxlength:50
+      }
+    },
+    messages: { 
+      iuiserviceName:{
+        required: "Please enter the service name"
+      },
+      iuiurl:{
+        required:"Please enter the URL address"
+       
+      },
+      iuiserver:{
+        required: "Please enter the Host address"
+      }
+    },
+    errorPlacement: function (iuierror, element) { // render error placement for each input type
+      iuierror.insertAfter(element); // for other inputs, just perform default behavior
+    },
+
+    invalidHandler: function (event, validator) { //display error alert on form submit   
+      iuisuccess.hide();
+      iuierror.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) {
+      iuisuccess.show();
+      iuierror.hide();
+      //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+    }
+
+   });
+
+    customform.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: {     
+    /*customoriService:{
+    service_url:true,
+    maxlength:100
+    },*/
+    customserviceName:{
+        required: false,
+        url_head:true,
+        maxlength:100,
+        custom_content:true
+      },     
+    customurl:{
+        required: true,
+        url_head:true,
+        maxlength:50
+      },
+   customserver:{
+        ip:true,
+        maxlength:50
+      }
+    },
+    messages: { 
+      customserviceName:{
+        required: "Please enter the service name"
+      },     
+      customurl:{
+        required: "Please enter the URL address"
+       
+      }
+
+    },
+    errorPlacement: function (customerror, element) { // render error placement for each input type
+      customerror.insertAfter(element); // for other inputs, just perform default behavior
+    },
+
+    invalidHandler: function (event, validator) { //display error alert on form submit   
+      customsuccess.hide();
+      customerror.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) {
+      customsuccess.show();
+      customerror.hide();
+      //add here some ajax code to submit your form or just call form.submit() if you want to submit the form without ajax
+    }
+
+   });
+
+
+    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,
+       // url_line:true,
+        custom_content:true,
+        maxlength:50
+      },
+      version:{
+        maxlength:50,
+        version:true
+      },
+       url:{
+        url_head:true,
+        maxlength:50
+      },
+      newHost:{
+        ip:true,
+        maxlength:50
+      },
+      newttl:{
+        digits:true,
+        min:0
+      },
+      protocol:{
+        required: true
+      },
+      type:{
+        required: true
+      }
+    },
+    messages: { 
+        serviceName:{
+        required: "Please enter the service name"
+      },
+       protocol:{
+        required:  "Please select a service protocol"
+      },     
+       type:{
+        required: "Please select a service type"
+       
+      },
+      newttl:{
+        digits:"Please enter an integer",
+        min: "Not a negative" 
+      }
+
+    },
+    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
+    }
+
+   });
+
+