{{# var lang001 = {"ch": "被复制组", "en": "Copied Group"}, lang002 = {"ch": "策略组名称", "en": "Policy Group Name"}, lang003 = {"ch": "内 / 外网地址", "en": "Src / Dst IP"}, lang004 = {"ch": "点击输入框进行编辑，为空表示任意地址", "en": "Click to edit. Leaving it empty means any address"}, lang005 = {"ch": "内网地址", "en": "Src IP"}, lang006 = {"ch": "外网地址", "en": "Dst IP"}, lang007 = {"ch": "调度日期", "en": "Scheduling Period"}, lang008 = {"ch": "每周", "en": "Weekly"}, lang009 = {"ch": "1月", "en": "January"}, lang010 = {"ch": "2月", "en": "February"}, lang011 = {"ch": "3月", "en": "March"}, lang012 = {"ch": "4月", "en": "April"}, lang013 = {"ch": "5月", "en": "May"}, lang014 = {"ch": "6月", "en": "June"}, lang015 = {"ch": "7月", "en": "July"}, lang016 = {"ch": "8月", "en": "August"}, lang017 = {"ch": "9月", "en": "September"}, lang018 = {"ch": "10月", "en": "October"}, lang019 = {"ch": "11月", "en": "November"}, lang020 = {"ch": "12月", "en": "December"}, lang021 = {"ch": "星期一", "en": "Monday"}, lang022 = {"ch": "星期二", "en": "Tuesday"}, lang023 = {"ch": "星期三", "en": "Wednesday"}, lang024 = {"ch": "星期四", "en": "Thursday"}, lang025 = {"ch": "星期五", "en": "Friday"}, lang026 = {"ch": "星期六", "en": "Saturday"}, lang027 = {"ch": "星期日", "en": "Sunday"}, lang028 = {"ch": "默认时间", "en": "Default Time"}, lang029 = {"ch": "-", "en": "-"}, lang030 = {"ch": "匹配后", "en": "Action after match"}, lang031 = {"ch": "继续匹配", "en": "Continue Matching"}, lang032 = {"ch": "状态", "en": "Status"}, lang033 = {"ch": "-", "en": "-"}, lang034 = {"ch": "编辑内网地址", "en": "Edit Src IP"}, lang035 = {"ch": "编辑外网地址", "en": "Edit Dst IP"}, lang036 = {"ch": "当", "en": "When"}, lang037 = {"ch": "链路组", "en": "Link Group"}, lang038 = {"ch": "Mbps时调用策略组", "en": "Mbps, call policy group"}, lang039 = {"ch": "查看", "en": "View"}, lang040 = {"ch": "网卡流量", "en": "NIC Traffic"}, lang041 = {"ch": "的下行流量", "en": "'s Downlink Traffic"}, lang042 = {"ch": "不启用", "en": "Not Enabled"}, lang043 = {"ch": "所有外网卡", "en": "All External NICs"}, lang044 = {"ch": "所有内网卡", "en": "All Internal NICs"}, lang045 = {"ch": "停止匹配", "en": "Stop Matching"},     lang046 = {"ch": "启用", "en": "Enable"},     lang047 = {"ch": "禁用", "en": "Disable"},     lang048 = {"ch": "其他生效时段", "en": "Periodic"},     lang049 = {"ch": "提示", "en": "Tips"},     lang050 = {"ch": "编辑策略组时，可配置多个时间段", "en": "Editing a policy group, you can configure multiple time periods"},     lang051 = {"ch": "时间", "en": "Time"},     lang052 = {"ch": "添加时间段", "en": "Add Time"},     lang053 = {"ch": "确定要删除吗？", "en": "Confirm to delete?"},     lang054 = {"ch": "序号", "en": "Num"},     lang055 = {"ch": "调度日期", "en": "Scheduling Period"},     lang056 = {"ch": "开始时间", "en": "Start Time"},     lang057 = {"ch": "结束时间", "en": "End Time"},     lang058 = {"ch": "添加", "en": "Add"},     lang059 = {"ch": "删除", "en": "Remove"},     lang060 = {"ch": "线路", "en": "Link"},     lang061 = {"ch": "任意", "en": "Any"}; }}   <style> #form_add_nflowct_group .layui-input-inline{width: 200px;} .paui-flowctl-add-ip{     height: 55px;     border: 1px solid #c2c2c2;     width: 192px;      overflow: hidden;     padding: 5px;     margin: 0px!important; } #form_add_nflowct_group .paui-flowctl-add-ip:hover{     border: 1px solid #2E8AE3;     overflow-y: auto;     cursor: pointer; } </style> <form class="layui-form paui-form" id="form_add_nflowct_group" lay-filter="form_add_nflowct_group" style="padding-top:20px;"></form>  <script id="tpl_add_nflowct_group" type="text/html"> {{# if(d.action == "copy_group") { }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang001[g_lang] || "被复制组" }}</label>         <div class="layui-form-mid layui-word-aux" id="paui-tips-clonename"></div>     </div> {{# } }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang002[g_lang] || "策略组名称" }}</label>         <div class="layui-input-inline">             <input name="action" value="{{ d.action || 'add_group' }}" type="hidden">             <input name="id" value="" type="hidden">             <input name="clonerules" type="hidden">             <input class="layui-input" name="name" type="text" maxlength="27" lay-verify="not_all_num">         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang060[g_lang] || "线路" }}</label>         <div class="layui-input-inline">             <select name="bridge" lay-search>                 <option value="any">{{ lang061[g_lang] || "任意" }}</option>                  {%# layui.each(d.plink_list, function(index, elem){                     if(elem.id > 4) return; /* 只显示网桥1-4 */                 %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}                  {%# layui.each(d.proxy_list, function(index, elem){                     if(elem.type == "srpxy") return; /* 过滤iWAN SR类型的WAN线路 */                 %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}                  {%# layui.each(d.wangroup_list, function(index, elem){ %}                     <option value="_wg.{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label" style="line-height: 50px;">{{ lang003[g_lang] || "内网 / 外网地址" }}</label>         <div class="layui-input-inline" style="width: 448px; margin: 0px; padding-left: 0px;">             <input type="hidden" name="submit_srcip">             <input type="hidden" name="submit_dstip">             <input type="hidden" name="edit_srcip">             <input type="hidden" name="edit_dstip"> <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" addgroup_event="btnevt_add_srcip"> <textarea name="show_srcip" title='{{ lang005[g_lang] || "内网地址" }}'                 readonly class="layui-textarea" style="resize: none; min-height: 60px;"></textarea> </div> <div class="layui-inline" style="margin: 0px -2px 0px 2px">/</div> <div class="layui-inline" style="width: 200px; margin: 0px 0px 2px 0px;" addgroup_event="btnevt_add_dstip"> <textarea name="show_dstip" title='{{ lang006[g_lang] || "外网地址" }}'                 readonly class="layui-textarea" style="resize:none; min-height: 60px;"></textarea> </div>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang036[g_lang] || "当" }}</label>         <div class="layui-input-inline" style="width: 150px;">             <select name="ifname" id="paui-nflowctl-group-ifname">                 <option value="">{{ lang042[g_lang] || "不启用" }}</option>                 <option value="outer">{{ lang043[g_lang] || "所有外网卡" }}</option>                 <option value="inner">{{ lang044[g_lang] || "所有内网卡" }}</option>                 {%# layui.each(Array.from(new Set(d.link_group)), function(index, elem){ %}                     <option value="lag.{% elem %}">{{ lang037[g_lang] || "链路组" }}{% elem %}</option>                 {%# }); %}                 {%# layui.each(d.interface_list, function(index, elem){ %}                     <option value="{% elem.name %}">{% elem.name %}</option>                 {%# }); %}             </select>         </div>         <div class="layui-form-mid layui-word-aux">             {{ lang041[g_lang] || "的下行流量" }}>=         </div>         <div class="layui-input-inline" style="width: 55px;">             <input class="layui-input" name="ifbps" type="text" value="0" lay-verify="number">         </div>         <div class="layui-form-mid layui-word-aux">             {{ lang038[g_lang] || "Mbps时调用策略组" }}&nbsp;             <span class="abtn" addgroup_event="btnevt_view_interface">[{{ lang039[g_lang] || "查看" }}]</span>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang030[g_lang] || "匹配后" }}</label>         <div class="layui-input-inline" style="width: 150px;">             <select name="stop">                 <option value="0">{{ lang031[g_lang] || "继续匹配" }}</option>                 <option value="1">{{ lang045[g_lang] || "停止匹配" }}</option>             </select>         </div> {{# if(g_lang == "en") { }}         <div class="layui-form-mid abtn" paui-hover-evt="paui_tips"         tips='(1) [Continue] means that after this group of rules is matched, the following policy groups will continue to be matched <br> (2) [Stop] means that the following policy groups will no longer be matched'>             [Tips]         </div> {{# } else { }}         <div class="layui-form-mid abtn" paui-hover-evt="paui_tips"         tips='(1)[继续匹配]表示这一组规则匹配后继续匹配后面的策略组<br>(2)[停止匹配]表示不再匹配后面的策略组'>             [说明]         </div> {{# } }}     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang032[g_lang] || "状态" }}</label>         <div class="layui-input-inline" style="width: 150px;">             <select name="disable">                 <option value="0">{{ lang046[g_lang] || "继续匹配" }}</option>                 <option value="1">{{ lang047[g_lang] || "停止匹配" }}</option>             </select>         </div>     </div>     <div class="layui-form-item">         <label class="layui-form-label">{{ lang028[g_lang] || "默认时间" }}</label>         <div class="layui-input-inline" style="width:80px;">             <select name="month" lay-search lay-filter="select_psch_month">                 <option value="0">{{ lang008[g_lang] || "每周" }}</option>                 <option value=1>{{ lang009[g_lang] || "1月" }}</option>                 <option value=2>{{ lang010[g_lang] || "2月" }}</option>                 <option value=3>{{ lang011[g_lang] || "3月" }}</option>                 <option value=4>{{ lang012[g_lang] || "4月" }}</option>                 <option value=5>{{ lang013[g_lang] || "5月" }}</option>                 <option value=6>{{ lang014[g_lang] || "6月" }}</option>                 <option value=7>{{ lang015[g_lang] || "7月" }}</option>                 <option value=8>{{ lang016[g_lang] || "8月" }}</option>                 <option value=9>{{ lang017[g_lang] || "9月" }}</option>                 <option value=10>{{ lang018[g_lang] || "10月" }}</option>                 <option value=11>{{ lang019[g_lang] || "11月" }}</option>                 <option value=12>{{ lang020[g_lang] || "12月" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:80px;">             <select name="startday" lay-search id="select_startday">                 <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                 <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                 <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                 <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                 <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                 <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                 <option value=7>{{ lang027[g_lang] || "星期日" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:80px;">             <select name="endday" lay-search id="select_endday">                 <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                 <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                 <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                 <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                 <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                 <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                 <option value=7 selected>{{ lang027[g_lang] || "星期日" }}</option>             </select>         </div>         <div class="layui-input-inline" style="width:140px;">             <input type="text" name="start_time" class="layui-input paui-psch-time" value="00:00:00 - 23:59:59" lay-verify="required">         </div>     </div> {{# if(d.action == "edit_group") { }}     <div style="margin:10px 20px">         <fieldset class="layui-elem-field layui-field-title" style="margin: 10px 0px;">             <legend>{{ lang048[g_lang] || "其他生效时段" }}</legend>         </fieldset>         <div class="layui-row">             <table id="tab_flowgrp_sch_list" lay-filter="tab_flowgrp_sch_list"></table>         </div>     </div> {{# } else { }}     <div class="layui-form-item">         <label class="layui-form-label">{{ lang049[g_lang] || "提示" }}</label>         <div class="layui-form-mid layui-word-aux">{{ lang050[g_lang] || "编辑策略组时，可配置多个时间段" }}</div>     </div> {{# } }}     <div class="layui-hide">         <button id="submit_add_nflowct_group" lay-submit lay-filter="submit_add_nflowct_group"></button>     </div> </script>  <script id="tab_flowgrp_schadd" type="text/html">     <form class="layui-form paui-form" style="padding-top: 40px;">         <div class="layui-form-item">             <label class="layui-form-label" style="width: 60px;">                 {{ lang007[g_lang] || "调度日期" }}             </label>             <div class="layui-input-inline" style="width:80px;">                 <select name="month" lay-search lay-filter="select_psch_month2">                     <option value="0">{{ lang008[g_lang] || "每周" }}</option>                     <option value=1>{{ lang009[g_lang] || "1月" }}</option>                     <option value=2>{{ lang010[g_lang] || "2月" }}</option>                     <option value=3>{{ lang011[g_lang] || "3月" }}</option>                     <option value=4>{{ lang012[g_lang] || "4月" }}</option>                     <option value=5>{{ lang013[g_lang] || "5月" }}</option>                     <option value=6>{{ lang014[g_lang] || "6月" }}</option>                     <option value=7>{{ lang015[g_lang] || "7月" }}</option>                     <option value=8>{{ lang016[g_lang] || "8月" }}</option>                     <option value=9>{{ lang017[g_lang] || "9月" }}</option>                     <option value=10>{{ lang018[g_lang] || "10月" }}</option>                     <option value=11>{{ lang019[g_lang] || "11月" }}</option>                     <option value=12>{{ lang020[g_lang] || "12月" }}</option>                 </select>             </div>             <div class="layui-input-inline" style="width:80px;">                 <select name="start_day" lay-search id="select_startday2">                     <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                     <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                     <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                     <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                     <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                     <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                     <option value=7>{{ lang027[g_lang] || "星期日" }}</option>                 </select>             </div>             <div class="layui-input-inline" style="width:80px;">                 <select name="end_day" lay-search id="select_endday2">                     <option value=1>{{ lang021[g_lang] || "星期一" }}</option>                     <option value=2>{{ lang022[g_lang] || "星期二" }}</option>                     <option value=3>{{ lang023[g_lang] || "星期三" }}</option>                     <option value=4>{{ lang024[g_lang] || "星期四" }}</option>                     <option value=5>{{ lang025[g_lang] || "星期五" }}</option>                     <option value=6>{{ lang026[g_lang] || "星期六" }}</option>                     <option value=7 selected>{{ lang027[g_lang] || "星期日" }}</option>                 </select>             </div>             <div class="layui-input-inline" style="width:150px;">                 <input type="text" name="time" class="layui-input paui-psch-time2" value="00:00:00 - 23:59:59" lay-verify="required">             </div>         </div>         <div class="layui-hide">             <button id="submit_add_schtime" lay-submit lay-filter="submit_add_schtime"></button>         </div>     </form> </script>  <script> layui.use(function(){     var $ = layui.$,     util = layui.util,     form = layui.form,     patpl = layui.patpl,     table = layui.table,     laydate = layui.laydate;      var pa_table = new Paui_table();     var api = '/cgi-bin/flowcontrol/ajax_nflowct';     var l_policy_env = {};     var pdata = JSON.parse('{{- JSON.stringify(d) }}');       var format_day = [ '-', '{{ lang021[g_lang] || "星期一" }}', '{{ lang022[g_lang] || "星期二" }}', '{{ lang023[g_lang] || "星期三" }}', '{{ lang024[g_lang] || "星期四" }}', '{{ lang025[g_lang] || "星期五" }}', '{{ lang026[g_lang] || "星期六" }}', '{{ lang027[g_lang] || "星期日" }}' ];       /* 事件中心 */ var event_center = {         change_month: function(month, addsch_time){             if(addsch_time) {                  var start_dom = $("#select_startday2");                 var end_dom = $("#select_endday2");             } else {                 var start_dom = $("#select_startday");                 var end_dom = $("#select_endday");             }              start_dom.empty();             end_dom.empty();              if (month == "0") {                 for (i = 1; i <= 7; i++) {                     start_dom.append('<option value='+i+'>'+format_day[i]+'</option>');                     end_dom.append('<option value='+i+'>'+format_day[i]+'</option>');                 }                 end_dom.val(7);             } else {                 var cnt = 31;                 if (month == "4" || month == "6" || month == "9" || month == "11")                     cnt = 30;                 else if (month== "2")                     cnt = 29;                 for (i = 1; i <= cnt; i++) {                     start_dom.append('<option value='+i+'>'+i+'</option>');                     end_dom.append('<option value='+i+'>'+i+'</option>');                 }                 end_dom.val(cnt);             }             form.render();         },          btnevt_add_srcip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang034[g_lang] || "编辑内网地址" }}',                 data: {module: 'nflowct_group', type: 'src', form: 'form_add_nflowct_group'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_add_dstip: function(){             paopen({                 url: '/html/common/policy_editip.html',                 title: '{{ lang035[g_lang] || "编辑外网地址" }}',                 data: {module: 'nflowct_group', type: 'dst', form: 'form_add_nflowct_group'},                 area: ['500px', '600px'],                 btn: 'default',                 subElem: '#btn_flowctip_submit'             });         },          btnevt_view_interface: function(){             popupWindow({                 pop_title: '{{ lang040[g_lang] || "网卡流量" }}',                 pop_route: 'monitor/interface_list'             }, 1400, 500);         },          btnevt_addtime: function(){             paopen({                 title: '{{ lang052[g_lang] || "添加时间段" }}',                 content: $("#tab_flowgrp_schadd").html(),                 skin: "layer-paui-skin layer-paui-overflow",                 area: ['550px', '200px'],                 btn: 'default',                 subElem: '#submit_add_schtime',                 success: function(layero, index){                     laydate.render({                         elem: '.paui-psch-time2'                         ,range: true                         ,isInitValue: false                         ,type: 'time'                         ,lang: g_lang                     });                     form.render();                     form.on('select(select_psch_month2)', function(data){                         event_center.change_month(data.value, true);                     });                     form.on('submit(submit_add_schtime)', function(obj){                         obj.field.action = 'add_group_schtime';                         obj.field.name = pdata.name;                         obj.field.time = TrimAll(obj.field.time);                         pa_ajax({                             url: api,                             data: obj.field,                             success: function(json){                                 if(json.code != 0){                                     alert_err(json.msg);                                 } else {                                     alert_ok(json.msg);                                     layer.close(index);                                     pa_table.reload({                                         url: api,                                         where: {action: 'get_group_schtime', id: pdata.id},                                     });                                 }                             }                         });                         return false;                     });                 }             });         },          tabevt_del_time: function(obj){             pa_confirm('{{ lang053[g_lang] || "确定要删除吗？" }}', function(index){                 layer.close(index);                 obj.data.action = 'rmv_group_schtime';                 obj.data.name = pdata.name;                 pa_ajax({                     url: api,                     data: obj.data,                     success: function(json){                         if(json.code != 0){                             alert_err(json.msg);                         } else {                             alert_ok(json.msg);                             pa_table.reload({                                 url: api,                                 where: {action: 'get_group_schtime', id: pdata.id},                             });                         }                     }                 });             });         } };       var show_table = function(data){         pa_table.render({             elem: '#tab_flowgrp_sch_list',             data: data,             height: '200px',             where: {'action': 'list_data_pie'},             cols: [[                 {type: 'numbers', title:'{{ lang054[g_lang] || "序号" }}'}                 ,{                     field: 'month',                     title: '{{ lang055[g_lang] || "调度日期" }}',                     templet: function(r){                         if(r.month == "0")                             return ['{{ lang008[g_lang] || "每周" }}', r.start_day, '-', r.end_day].join('');                         else                             return [r.month , '月', r.start_day, '-', r.end_day].join('');                     }                 }                 ,{field: 'start_time', title: '{{ lang056[g_lang] || "开始时间" }}'}                 ,{field: 'end_time', title: '{{ lang057[g_lang] || "结束时间" }}'}                 ,{                     field:'act',                     title:'<span class="abtn" addgroup_event="btnevt_addtime" style="cursor:pointer">{{ lang058[g_lang] || "添加" }}</span>',                     templet: function(r){                         return '<span class="abtn" lay-event="tabevt_del_time">{{ lang059[g_lang] || "删除" }}</span>';                     },                     align:"right",                     width: 100                 }             ]]         });     };       var init_data = function(data){         var item = "";         var submit_src = "";         var submit_dst = "";         var show_src = [];         var show_dst = [];          /* 源目IP */         data = paui_policy_srcdstip(data, 'inip', 'outip');          data.start_time = [             data.starthour, ':', data.startmin, ':', data.startsec,             ' - ',             data.endhour,   ':', data.endmin,   ':', data.endsec         ].join('');          if(pdata.action == "copy_group")             data.clonerules = data.id;          if(data.ifname == "NULL")             data.ifname = "";          pdata.name = data.name;          return data;     };       /* 页面渲染 */     pa_ajax({         url: api,         data: {'action': 'load_addgroup_env', 'id': '{{d.id||""}}'},         success: function(json){             l_policy_env = json.data;              /* 加载模板 */             patpl( $("#tpl_add_nflowct_group").html() ).render(l_policy_env, function(html){                 $("#form_add_nflowct_group").html(html);                 laydate.render({                     elem: '.paui-psch-time'                     ,range: true                     ,isInitValue: false                     ,type: 'time'                     ,lang: g_lang                 });                 form.render();             });              /* 编辑模式 */             if(l_policy_env.policy) {                 show_table(json.data.schtime);                  l_policy_env.policy = init_data(l_policy_env.policy);                  if(l_policy_env.policy.clonerules) {   /* 克隆 */                     $("#paui-tips-clonename").text(l_policy_env.policy.name);                     l_policy_env.policy.name = l_policy_env.policy.name + "_1";                 }                  event_center.change_month(l_policy_env.policy.month);                 form.val("form_add_nflowct_group", l_policy_env.policy);                  delete l_policy_env.policy.show_srcip; delete l_policy_env.policy.show_dstip;             }         }     });       /* 事件绑定 */     util.event('addgroup_event', event_center);      table.on('tool(tab_flowgrp_sch_list)', function(obj){         event_center[obj.event](obj);     });      form.on('select(select_psch_month)', function(obj){         event_center['change_month'](obj.value);     });      form.on('submit(submit_add_nflowct_group)', function(obj){         delete obj.field.src_inip;         delete obj.field.src_outip;         obj.field.end_time = obj.field.start_time.split(' - ')[1];         obj.field.start_time = obj.field.start_time.split(' - ')[0];         pa_ajax({             url: api,             data: obj.field,             success: function(json){                 if(json.code != 0)                     alert_err(json.msg);                 else {                     layer.closeAll();                     alert_ok(json.msg);                     setTimeout(function(){  /* 后台需要一定时间才能创建好新策略组 */                         $("button[lay-filter='submit_nflowct_search']").click();                     }, 500);                 }             }         });         return false;     });  }); </script>