diff options
author | 2016-08-17 12:37:07 +0800 | |
---|---|---|
committer | 2016-08-17 14:03:37 +0800 | |
commit | 4143173cd08ef515173e5ad4b4c15d4e9f9f1943 (patch) | |
tree | 0aa7a7ae64ce9876b95628cb5835ff5e12c8a546 /msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js | |
parent | 230628860edf5ff489dd59e299d35c80d1329a5d (diff) |
1. Adjust the directory hierarchy
2. Fix the compile issue
Change-Id: Ibf10c83104e5e673bc797013799861426cd950ce
Signed-off-by: HuabingZhao <zhao.huabing@zte.com.cn>
Diffstat (limited to 'msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js')
-rw-r--r-- | msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js | 646 |
1 files changed, 646 insertions, 0 deletions
diff --git a/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js b/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js new file mode 100644 index 0000000..3c06b46 --- /dev/null +++ b/msb-core/apiroute/apiroute-service/src/main/resources/iui-route/js/routeFunc.js @@ -0,0 +1,646 @@ +/*
+ * 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_openo_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_openo_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_openo_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_openo_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_openo_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_openo_msb_route_validator_url_format'));
+
+ jQuery.validator.addMethod("url_line", function(value, element) {
+ return this.optional(element) || /^((?!\/).)*$/.test(value);
+ }, $.i18n.prop('org_openo_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_openo_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_openo_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
+ }
+
+ });
+
+
|