Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/dashboard.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/dashboard.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/dashboard.html	(working copy)
@@ -301,7 +301,7 @@
 </style>
 
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'echarts', 'chalk', 'white', 'moment', 'jquery-cookie'], function (a, Vue, ELEMENT, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'echarts', 'moment', 'custom-warning'], function (a, Vue, ELEMENT, echarts, moment, warn) {
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
         $.ajax({
@@ -913,18 +913,8 @@
                     this.pageModel = "main";
                     $("#webconsole").show();
                 }
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
                 this.clearTimer();
                 this.getSystemTimezone();
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/gslb_dashboard.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/gslb_dashboard.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/gslb_dashboard.html	(working copy)
@@ -193,7 +193,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -681,18 +681,8 @@
             },
             created: function () {
                 this.getSystemTimezone();
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
             },
             destroyed: function () {
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/llb_dashboard.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/llb_dashboard.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/llb_dashboard.html	(working copy)
@@ -121,7 +121,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -765,18 +765,8 @@
             },
             created: function () {
                 this.getSystemTimezone();
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
             },
             destroyed: function () {
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/gslb/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/gslb/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/gslb/monitor/monitor.html	(working copy)
@@ -354,7 +354,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -1113,18 +1113,8 @@
                     this.detail.activeItem = list_name
                     this.drawer = true;
                 }
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
                 this.setTimer();
             },
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/llb/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/llb/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/llb/monitor/monitor.html	(working copy)
@@ -454,7 +454,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -1518,18 +1518,8 @@
                         this.drawer = true;
                         this.handleSelectTree(list_name)
                     }
-                    const noWarning = $.cookie('no_warning');
                     {% if webui_graph_disable %}
-                    if(!noWarning) {
-                        this.$message({
-                            dangerouslyUseHTMLString: true,
-                            message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                            showClose: true,
-                            duration:0,
-                            type: 'warning'
-                        });
-                        $.cookie('no_warning', 'true');
-                    }
+                    warn.showGraphDisableWarning(this);
                     {% endif %}
                     this.initServiceList();
                 }
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/seg_slb/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/seg_slb/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/seg_slb/monitor/monitor.html	(working copy)
@@ -178,7 +178,7 @@
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 {% set segment_name = SESSION.segment_name %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -1221,21 +1221,11 @@
                         this.handleSelectTree(list_name, this.service_list.type, list_protocol)
                     }
                 }
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
                 this.getSystemTimezone();
-                
+
             },
             destroyed: function () {
                 this.clearTimer()
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/slb/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/slb/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/slb/monitor/monitor.html	(working copy)
@@ -1261,7 +1261,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -5477,21 +5477,11 @@
                         this.handleSelectTree(list_name, this.service_list.type, list_protocol)
                     }
                 }
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
                 this.getSystemTimezone();
-                
+
             },
             destroyed: function () {
                 this.clearTimer()
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/sslo/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/sslo/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/sslo/monitor/monitor.html	(working copy)
@@ -690,8 +690,8 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
-        
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
+
         var loadingConfig = {
             text: 'loading',
             color: '#c23531',
@@ -2472,18 +2472,8 @@
                 }
             },
             created : function() {
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
 
                 this.initStatsDate();
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/system/monitor/monitor.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/system/monitor/monitor.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/monitoring/system/monitor/monitor.html	(working copy)
@@ -867,7 +867,7 @@
 </style>
 
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'echarts', 'chalk', 'white', 'moment', 'jquery-cookie'], function (a, Vue, ELEMENT, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'echarts', 'custom-warning'], function (a, Vue, ELEMENT, echarts, warn) {
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
         $.ajax({
@@ -1645,18 +1645,8 @@
                 if (tab) {
                     this.activeName = tab;
                 }
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
                 this.getSystemTimezone();
                 this.getVirtualService();
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/slb_dashboard.html
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/slb_dashboard.html	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/apv/templates/slb_dashboard.html	(working copy)
@@ -575,7 +575,7 @@
 
 {% set lang = SESSION.pref.get('default_lang') if SESSION.pref.get('default_lang') else 'en' %}
 <script type="text/javascript">
-    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'chalk', 'white', 'jquery', 'jquery-cookie'], function (a, Vue, ELEMENT, ellanguage, echarts) {
+    require(['hive', 'vue', 'ELEMENT', 'ELEMENT-{{ lang }}','echarts', 'custom-warning'], function (a, Vue, ELEMENT, ellanguage, echarts, warn) {
         $HIVE.set_help_link("{{ lang }}/app.html#id585379");
         var system_timezone = 0;
         var theme = localStorage.getItem("theme");
@@ -2214,18 +2214,8 @@
             },
             created: function () {
                 this.getSystemTimezone();
-                const noWarning = $.cookie('no_warning');
                 {% if webui_graph_disable %}
-                if(!noWarning) {
-                    this.$message({
-                        dangerouslyUseHTMLString: true,
-                        message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
-                        showClose: true,
-                        duration:0,
-                        type: 'warning'
-                    });
-                    $.cookie('no_warning', 'true');
-                }
+                warn.showGraphDisableWarning(this);
                 {% endif %}
             },
             destroyed: function () {
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/hive/session.py
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/hive/session.py	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/hive/session.py	(working copy)
@@ -591,6 +591,7 @@
         sess.logout()
         response.delete_cookie(an_settings.SESSION_COOKIE_NAME)
         response.delete_cookie('login_hint')
+        response.delete_cookie('no_warning')
     else:
         response = HttpResponse(template.render({'csrf_token':django_ctx['csrf_token'], 'MEDIA':'/media/', 'COPYRIGHT':COMPANY_COPYRIGHT_LOGIN[get_default_lang()],'COPYRIGHT_CN':COMPANY_COPYRIGHT_CN_LOGIN[get_default_lang()],'local': local_equirement()}))
     return response
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/config.js
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/config.js	(revision 40267)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/config.js	(working copy)
@@ -68,7 +68,8 @@
         "mode-tcl":"build/mode-tcl",
         "theme-dreamweaver":"build/theme-dreamweaver",
         "lodash":"build/lodash.min",
-        "jquery-cookie":"build/jquery.cookie.min"
+        "jquery-cookie":"build/jquery.cookie.min",
+        "custom-warning": "build/custom-warning.min"
     },
     shim: {
         "messenger": {
Index: /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/lib/utils/custom-warning.js
===================================================================
--- /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/lib/utils/custom-warning.js	(revision 0)
+++ /branches/rel_apv_10_7/usr/click/webui/htdocs/new/src/media/js/lib/utils/custom-warning.js	(working copy)
@@ -0,0 +1,16 @@
+define(['jquery-cookie'], function() {
+    return {
+        showGraphDisableWarning: function(vm) {
+            if (!$.cookie('no_warning')) {
+                vm.$message({
+                    dangerouslyUseHTMLString: true,
+                    message: interpolate(gettext("WebUI graph function is disabled. %s Enable %s it to view more graphs."),['<a href="/apv/system/access_control/access_control/_edit">', '</a>']),
+                    showClose: true,
+                    duration:0,
+                    type: 'warning'
+                });
+                $.cookie('no_warning', 'true', { path: '/' });
+            }
+        }
+    };
+});
\ No newline at end of file