From 3d042d10258e3c6763bedb7da1071c7568788e73 Mon Sep 17 00:00:00 2001
From: sunqi310 <sun.qi310@zte.com.cn>
Date: Wed, 14 Sep 2016 15:31:25 +0800
Subject: Add extsys gui

Change-Id: Ifd4007f7f41b6efcc5abb120a1edf3e81f213d6d
Signed-off-by: sunqi310 <sun.qi310@zte.com.cn>
---
 .../src/main/webapp/extsys/vim/js/vim-validate.js  | 116 +++++++++++++++++++++
 1 file changed, 116 insertions(+)
 create mode 100644 openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js

(limited to 'openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js')

diff --git a/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js b/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js
new file mode 100644
index 00000000..5e3c9c96
--- /dev/null
+++ b/openo-portal/portal-extsys/src/main/webapp/extsys/vim/js/vim-validate.js
@@ -0,0 +1,116 @@
+/*
+ * Copyright (C) 2015 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.
+ */
+/**
+ * Created by 10184303 on 15-11-17.
+ */
+var form = $('#vim_form');
+var error = $('.alert-danger', form);
+var success = $('.alert-success', form);
+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: {
+        url: {
+            required: true,
+            url:true,
+            maxlength:50
+            //,repeatedName: true
+        },
+        vimName:{
+            required: true,
+            maxlength:20
+        },
+        version:{
+            required: true,
+            maxlength:20
+        },
+        vendor:{
+            required: true,
+            maxlength:20
+        },
+        userName:{
+            required: true,
+            maxlength:20
+        },
+        password:{
+            required: true,
+            maxlength:20
+        },
+        tenant:{
+            required: true,
+            maxlength:20
+        }
+    },
+    messages: {
+        url: {
+            //required: $.i18n.prop('com_zte_ums_zenic_topology_connectmanager_enter_name')
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_auth_url_require_message'),
+            url: $.i18n.prop('com_zte_ums_eco_roc_vim_auth_url_alarm_message')
+        },
+        vimName:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_name_alarm_message')
+        },
+        userName:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_username_alarm_message')
+        },
+        password:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_password_alarm_message')
+        },
+         version:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_version_alarm_message')
+        },
+         vendor:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_vendor_alarm_message')
+        },
+        tenant:{
+            required: $.i18n.prop('com_zte_ums_eco_roc_vim_tenant_alarm_message')
+        }
+    },
+    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
+    }
+
+});
-- 
cgit 1.2.3-korg