CLIENT GUI Framework
[vnfsdk/refrepo.git] / openo-portal / portal-common / src / main / webapp / common / thirdparty / data-tables / dataTable.html
1 <!-- FOR TEST -->\r
2 <link href="/web/newict/framework/thirdparty/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>\r
3 <link href="/web/newict/framework/thirdparty/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>\r
4 <link href="/web/newict/framework/thirdparty/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>\r
5 <link href="/web/newict/framework/css/style-custom.css" rel="stylesheet" type="text/css"/>\r
6 <link href="/web/newict/framework/css/style.css" rel="stylesheet" type="text/css"/>\r
7 <link href="/web/newict/framework/css/plugins.css" rel="stylesheet" type="text/css"/>\r
8 <link href="/web/newict/framework/thirdparty/data-tables/DT_bootstrap.css" rel="stylesheet" type="text/css"/>   \r
9 <!-- FOR TEST -->\r
10 <div id="dataTableWrapperDiv" class="dataTableWrapperDiv" style="overflow: auto; overflow-y: hidden; padding: 0;z-index: 200999;">\r
11     <div class="col-md-12">\r
12         <div class="portlet">\r
13             <div class="portlet-body">\r
14                 <div class="table-container" >\r
15                     <table class="table table-striped table-bordered table-hover" cellpadding="0" cellspacing="0" border="0"id="datatable_ajax" >\r
16                         <thead>\r
17                         <tr role="row" class="heading">\r
18                         </tr>\r
19                         </thead>\r
20                         <tbody></tbody>\r
21                     </table>\r
22                     <div id="divOverlay" style="display:none;Z-INDEX:10000;">\r
23                         <div id="isc_3A" style="POSITION:relative;-webkit-margin-collapse:separate separate;VISIBILITY:inherit;Z-INDEX:1100;CURSOR:default;">&nbsp;\r
24                             <div id="buttonConfirm" role="button" class="buttonConfirm" >\r
25                                 <div id="isc_3B" style="POSITION:relative;-webkit-margin-collapse:separate separate;VISIBILITY:inherit;Z-INDEX:201224;CURSOR:default;">\r
26                                     <table cellspacing="0" cellpadding="0" width="70" height="22">\r
27                                         <tbody>\r
28                                         <tr>\r
29                                             <td nowrap="true" class="buttonRounded" align="center" valign="center" tabindex="-1" >\r
30                                                 <table cellspacing="0" cellpadding="0">\r
31                                                     <tbody>\r
32                                                     <tr>\r
33                                                         <td class="buttonRounded" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;font-size:1px;padding-right:6px">\r
34                                                             <img id="img_acknownledge" src=   "/web/res/web-common/comp/skins/EnterpriseBlue/images/Common/web-modulePrivate/fm/aos_acknownledge.gif" width="16" height="16" align="absmiddle" style="vertical-align:middle" name="isc_3Bicon" eventpart="icon" border="0" suppress="TRUE">\r
35                                                         </td>\r
36                                                         <td class="buttonRounded" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;" nowrap="true">\r
37                                                                                                                         <span id="aos_fm_alarm_opeater_ack" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span>\r
38                                                         </td>\r
39                                                     </tr>\r
40                                                     </tbody>\r
41                                                 </table>\r
42                                             </td>\r
43                                         </tr>\r
44                                         </tbody>\r
45                                     </table>\r
46                                 </div>\r
47                             </div>\r
48                             <div id="buttonUnConfirm" role="button" tabindex="1336" class="buttonUnConfirm" >\r
49                                 <div id="isc_3D" style="POSITION:relative;-webkit-margin-collapse:separate separate;VISIBILITY:inherit;Z-INDEX:201242;CURSOR:hand;">\r
50                                     <table cellspacing="0" cellpadding="0" width="82" height="22">\r
51                                         <tbody>\r
52                                         <tr>\r
53                                             <td nowrap="true" class="buttonRoundedDisabled" align="center" valign="center" tabindex="-1" >\r
54                                                 <table cellspacing="0" cellpadding="0">\r
55                                                     <tbody>\r
56                                                     <tr>\r
57                                                         <td class="buttonRoundedDisabled" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;font-size:1px;padding-right:6px">\r
58                                                             <img src="/web/res/web-common/comp/skins/EnterpriseBlue/images/Common/web-modulePrivate/fm/aos_unacknownledge.gif" width="16" height="16" align="absmiddle" style="vertical-align:middle" name="isc_3Dicon" eventpart="icon" border="0" suppress="TRUE">\r
59                                                         </td>\r
60                                                         <td class="buttonRoundedDisabled" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;" nowrap="true">\r
61                                                             <span id="aos_fm_alarm_opeater_unack" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span>\r
62                                                         </td>\r
63                                                     </tr>\r
64                                                     </tbody>\r
65                                                 </table>\r
66                                             </td>\r
67                                         </tr>\r
68                                         </tbody>\r
69                                     </table>\r
70                                 </div>\r
71                             </div>\r
72                             <div id="buttonDelete" role="button" tabindex="1337" class="buttonDelete" >\r
73                                 <div id="isc_3F" style="POSITION:relative;-webkit-margin-collapse:separate separate;VISIBILITY:inherit;Z-INDEX:201260;CURSOR:hand;">\r
74                                     <table cellspacing="0" cellpadding="0" width="70" height="22">\r
75                                         <tbody>\r
76                                         <tr>\r
77                                             <td nowrap="true" class="buttonRounded" align="center" valign="center" tabindex="-1" >\r
78                                                 <table cellspacing="0" cellpadding="0">\r
79                                                     <tbody>\r
80                                                     <tr>\r
81                                                         <td class="buttonRounded" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;font-size:1px;padding-right:6px">\r
82                                                             <img src="/web/res/web-common/comp/skins/EnterpriseBlue/images/Common/web-common/aos_delete.gif" width="16" height="16" align="absmiddle" style="vertical-align:middle" name="isc_3Ficon" eventpart="icon" border="0" suppress="TRUE">\r
83                                                         </td>\r
84                                                         <td class="buttonRounded" style="margin:0px;border:0px;padding:0px;background-image:none;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;" nowrap="true">\r
85                                                             <span id="aos_fm_alarm_opeater_clean" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span>\r
86                                                         </td>\r
87                                                     </tr>\r
88                                                     </tbody>\r
89                                                 </table>\r
90                                             </td>\r
91                                         </tr>\r
92                                         </tbody>\r
93                                     </table>\r
94                                 </div>\r
95                             </div>\r
96                         </div>\r
97                     </div><!-- end of overlap -->\r
98                                         <!-- Modal 消除确认对话框-->\r
99                                         <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\r
100                                           <div class="modal-dialog">\r
101                                                 <div class="modal-content">\r
102                                                   <div class="modal-header">\r
103                                                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\r
104                                                         <h4 class="modal-title" id="myModalLabel"><span id="aos_fm_SuggestionSetting_dialog_title" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span></h4>\r
105                                                   </div>\r
106                                                   <div class="modal-body">\r
107                                                   <span id="aos_fm_fmalarm_view_confirm_deletedata" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span>\r
108                                                   </div>\r
109                                                   <div class="modal-footer">\r
110                                                         <button id="delConfirm" type="button" class="btn btn-default btn-confirm" data-dismiss="modal"><span id="aos_fm_condition_dialog_ok" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span></button>\r
111                                                         <button type="button" class="btn btn-primary btn-confirm" data-dismiss="modal"><span id="aos_fm_condition_dialog_cancel" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span></button>\r
112                                                   </div>\r
113                                                 </div><!-- /.modal-content -->\r
114                                           </div><!-- /.modal-dialog -->\r
115                                         </div><!-- /.modal -->\r
116                                         <!-- Modal 已确认提示对话框-->\r
117                                         <div class="modal fade" id="myModalConfirm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">\r
118                                           <div class="modal-dialog">\r
119                                                 <div class="modal-content">\r
120                                                   <div class="modal-header">\r
121                                                         <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>\r
122                                                         <h4 class="modal-title" id="myModalLabel"><span id="aos_fm_level_title_4" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span></h4>\r
123                                                   </div>\r
124                                                   <div class="modal-body">\r
125                                                   <span id="aos_fm_alarm_title" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span>                                          \r
126                                                   <span id="alarm_number"></span>\r
127                                                   <span id="aos_fm_alarm_opeater_ack_already" ></span>\r
128                                                   </div>\r
129                                                   <div class="modal-footer">\r
130                                                         <button id="confirmAlready" type="button" class="btn btn-default btn-confirm" data-dismiss="modal"><span id="aos_fm_condition_dialog_ok" name_i18n="com_zte_ums_ict_framework_ui_i18n_fm"></span></button>\r
131                                                         \r
132                                                   </div>\r
133                                                 </div><!-- /.modal-content -->\r
134                                           </div><!-- /.modal-dialog -->\r
135                                         </div><!-- /.modal -->\r
136                                 </div>\r
137             </div>\r
138         </div>\r
139         <!-- End: life time stats -->\r
140     </div>\r
141 </div>\r
142 <!-- FOR TEST-->\r
143 <script type="text/javascript" src="/web/newict/framework/thirdparty/bootstrap/js/bootstrap.min.js"></script>\r
144 <script type="text/javascript" src="/web/newict/framework/zte/scripts/core/openoFrameWork.min.js"></script>\r
145 <script type="text/javascript" src="/web/newict/framework/thirdparty/uniform/jquery.uniform.min.js"></script>\r
146 <script type="text/javascript" src="/web/newict/framework/thirdparty/data-tables/jquery.dataTables.js"></script>\r
147 <script type="text/javascript" src="/web/newict/framework/thirdparty/data-tables/DT_bootstrap.js"></script>\r
148 <script src="/web/res/web-fm/i18n/jquery.i18n.properties-1.0.9-fm.js"></script>\r
149 <script src="/web/res/web-fm/i18n/loadi18n-fm.js"></script>\r
150 <script>\r
151 var lang = getLanguage();\r
152 //lang = "en-US";\r
153 loadi18n_FM(lang);\r
154 </script>\r
155 <!-- END PAGE LEVEL PLUGINS -->\r