Fix #6666 - paging upgrade to bs4
[Pman.BAdmin] / templates / Pman.Tab.BAdminStaff.html
1   
2        
3          
4     
5
6         
7   <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen6" style="left: 0px; top: 0px; width: 1142px; height: 723px;">
8     <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen7" style="display: none;">
9       <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Account Management</SPAN>
10       <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen8"></DIV>
11     </DIV>
12     <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen9" style="overflow: hidden; height: 723px;">
13       <NAV class="navbar-light bg-light" xbuilderid="roo-gen24">
14         <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen25" style="display: none;">
15           <LI class="nav-item" xbuilderid="roo-gen28">
16             <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen27">Account Management</A>
17           </LI>
18         </UL>
19       </NAV>
20       <DIV id="tab-body26" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
21         <DIV xbuilderid="roo-gen10" class=" roo-layout-container roo-layout-nested-layout tab-pane roo-layout-active-content" xtype="Roo.bootstrap.panel.Nest" style="position: relative; display: block; zoom: 1; visibility: visible; width: 1142px; height: 723px;">
22           <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen13" style="left: 255px; top: 0px; width: 887px; height: 723px;">
23             <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen14" style="display: none;">
24               <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Members List</SPAN>
25               <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen15"></DIV>
26             </DIV>
27             <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen16" style="overflow: hidden; height: 723px;">
28               <NAV class="navbar-light bg-light" xbuilderid="roo-gen99">
29                 <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen100" style="">
30                   <LI class="nav-item" xbuilderid="roo-gen103">
31                     <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen102">Members List</A>
32                   </LI>
33                   <LI class="nav-item" xbuilderid="roo-gen118">
34                     <A class="nav-link" href="#" unselectable="on" title="" xbuilderid="roo-gen117">Permission List</A>
35                   </LI>
36                 </UL>
37               </NAV>
38               <DIV id="tab-body101" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 681px;">
39                 <DIV class="roo-layout-grid-wrapper roo-layout-inactive-content tab-pane" xbuilderid="roo-gen108" style="position: absolute; display: block; zoom: 1;"></DIV>
40                 <DIV class="roo-layout-grid-wrapper  roo-layout-active-content tab-pane" xbuilderid="roo-gen30" style="position: relative; display: block; zoom: 1; visibility: visible;">
41                   <DIV xbuilderid="roo-gen31">
42                     <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1004" style="width: 855px;">
43                       <DIV class="x-dlg-mask" xbuilderid="roo-gen32" style="width: 32px; height: 16px; display: none;"></DIV>
44                       <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1006" style="width: 100%;">
45                         <DIV class="nav-item" xbuilderid="roo-comp-1008" style="width: 100%;">
46                           <DIV xbuilderid="roo-comp-1010" style="width: 100%;">
47                             <DIV class="row clearfix roo-toolbar" xbuilderid="roo-comp-1012">
48                               <DIV class="column col-md-3" xbuilderid="roo-comp-1014">
49                                 <DIV class="form-group" xbuilderid="roo-comp-1016">
50                                   <DIV class="input-group">
51                                     <INPUT xbuilderid="roo-gen34" type="text" value="" class="form-control" placeholder="search for account" autocomplete="new-password"></INPUT>
52                                     <SPAN class="roo-input-after input-group-append  input-group-btn" xbuilderid="roo-gen42"><BUTTON class="btn roo-button btn-outline-secondary btn-default" xbuilderid="roo-comp-1017">
53                                         <SPAN class="roo-button-text"><I class="fa fa-search"></I></SPAN>
54                                       </BUTTON></SPAN>
55                                   </DIV>
56                                 </DIV>
57                               </DIV>
58                               <DIV class="column col-md-9 text-right" xbuilderid="roo-comp-1019">
59                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1021">
60                                   <SPAN class="glyphicon glyphicon-plus"></SPAN> 
61                                   <SPAN class="roo-button-text">Add</SPAN>
62                                 </BUTTON>
63                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1023" style="display: none;">
64                                   <SPAN class="glyphicon glyphicon-edit"></SPAN> 
65                                   <SPAN class="roo-button-text">Edit</SPAN>
66                                 </BUTTON>
67                                 <BUTTON class="btn roo-button btn-primary roo-toolbar-button" xbuilderid="roo-comp-1025" style="display: none;">
68                                   <SPAN class="glyphicon glyphicon-trash"></SPAN> 
69                                   <SPAN class="roo-button-text">Delete</SPAN>
70                                 </BUTTON>
71                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1027" style="display: none;">
72                                   <SPAN class="glyphicon glyphicon-plus"></SPAN> 
73                                   <SPAN class="roo-button-text">Add To Group</SPAN>
74                                 </BUTTON>
75                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1029" style="display: none;">
76                                   <SPAN class="glyphicon glyphicon-trash"></SPAN> 
77                                   <SPAN class="roo-button-text">Remove From Group</SPAN>
78                                 </BUTTON>
79                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1031" style="display: none;">
80                                   <SPAN class="glyphicon glyphicon-user"></SPAN> 
81                                   <SPAN class="roo-button-text">Switch to Selected User</SPAN>
82                                 </BUTTON>
83                               </DIV>
84                             </DIV>
85                           </DIV>
86                         </DIV>
87                       </UL>
88                     </DIV>
89                   </DIV>
90                   <DIV xbuilderid="roo-comp-1033" class="table-fixed roo-layout-component-panel" style="width: 887px; height: 607px;">
91                     <TABLE class="table table-body-fixed table-hover table-responsive table-fixed">
92                       <THEAD xbuilderid="roo-gen66">
93                         <TR>
94                           <TH class="sortable col-xs-1 col-1 col-sm-1 col-md-1" style=" text-align:center;" sort="active" xbuilderid="roo-gen68">
95                             <I class="glyphicon"></I>Active
96                           </TH>
97                           <TH class="sortable col-xs-3 col-3 col-sm-3 col-md-3" style="" sort="name" xbuilderid="roo-gen69">
98                             <I class="glyphicon"></I>Name
99                           </TH>
100                           <TH class="sortable col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="role" xbuilderid="roo-gen70">
101                             <I class="glyphicon"></I>Role / Position
102                           </TH>
103                           <TH class="x-hcol-3 col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="phone">Phone</TH>
104                           <TH class="sortable col-xs-4 col-4 col-sm-2 col-md-4" style="" sort="email" xbuilderid="roo-gen71">
105                             <I class="glyphicon"></I>Email
106                           </TH>
107                         </TR>
108                       </THEAD>
109                       <TBODY xbuilderid="roo-gen65" style="width: 887px; height: 461px;">
110                         <TR xbuilderid="roo-gen107" style="width: 887px;">
111                           <TD colspan="5"></TD>
112                         </TR>
113                       </TBODY>
114                       <TFOOT xbuilderid="roo-gen67">
115                         <TR xbuilderid="roo-gen105" style="width: 887px;">
116                           <TD colspan="5" xbuilderid="roo-gen106" style="width: 887px;">
117                             <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1034" name="footer">
118                               <UL class="nav nav-PagingToolbar navbar-nav"></UL>
119                               <DIV class="x-dlg-mask" xbuilderid="roo-gen78" style="width: 32px; height: 16px; display: none;"></DIV>
120                               <DIV class="btn-group pagination" xbuilderid="roo-comp-1035">
121                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1037" tooltip="First Page">
122                                   <SPAN class="roo-button-text"> <I class="fa fa-step-backward"></I></SPAN>
123                                 </BUTTON>
124                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1038" tooltip="Previous Page">
125                                   <SPAN class="roo-button-text"> <I class="fa fa-backward"></I></SPAN>
126                                 </BUTTON>
127                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default x-paging-position  btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1039">
128                                   <SPAN class="roo-button-text">Page<INPUT type="text" size="3" value="1" class="x-grid-page-number" xbuilderid="roo-gen87"></INPUT><SPAN class="x-paging-after" xbuilderid="roo-gen90">of 1</SPAN></SPAN>
129                                 </BUTTON>
130                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1040" tooltip="Next Page">
131                                   <SPAN class="roo-button-text"> <I class="fa fa-forward"></I></SPAN>
132                                 </BUTTON>
133                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1041" tooltip="Last Page">
134                                   <SPAN class="roo-button-text"> <I class="fa fa-step-forward"></I></SPAN>
135                                 </BUTTON>
136                                 <BUTTON class="btn roo-button btn-outline-secondary btn-default btn-outline-secondary" xbuilderid="roo-comp-1042" tooltip="Refresh">
137                                   <SPAN class="roo-button-text"> <I class="fa fa-refresh"></I></SPAN>
138                                 </BUTTON>
139                               </DIV>
140                               <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1036" name="activeButton">
141                                 <SPAN class="roo-button-text">Show Inactive</SPAN>
142                               </BUTTON>
143                             </DIV>
144                           </TD>
145                         </TR>
146                       </TFOOT>
147                     </TABLE>
148                   </DIV>
149                 </DIV>
150               </DIV>
151             </DIV>
152           </DIV>
153           <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-west" xbuilderid="roo-gen17" style="width: 250px; left: 0px; top: 0px; height: 723px;">
154             <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-west" xbuilderid="roo-gen18" style="display: none;">
155               <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Groups</SPAN>
156               <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen19"></DIV>
157             </DIV>
158             <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen20" style="overflow: hidden; height: 723px;">
159               <NAV class="navbar-light bg-light" xbuilderid="roo-gen142">
160                 <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen143" style="display: none;">
161                   <LI class="nav-item" xbuilderid="roo-gen146">
162                     <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen145">Groups</A>
163                   </LI>
164                 </UL>
165               </NAV>
166               <DIV id="tab-body144" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
167                 <DIV class="roo-layout-grid-wrapper  roo-layout-active-content tab-pane" xbuilderid="roo-gen120" style="position: relative; display: block; zoom: 1; visibility: visible;">
168                   <DIV xbuilderid="roo-gen121">
169                     <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1045" style="width: 218px;">
170                       <DIV class="x-dlg-mask" xbuilderid="roo-gen122" style="width: 32px; height: 16px; display: none;"></DIV>
171                       <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1047">
172                         <DIV class="nav-item account-management-group-nav-item" xbuilderid="roo-comp-1049">
173                           <BUTTON class="btn roo-button btn-outline-secondary btn-default dropdown dropdown-toggle" xbuilderid="roo-comp-1051">
174                             <SPAN class="roo-button-text">Manage Groups</SPAN> 
175                             <SPAN class="caret"></SPAN>
176                             <UL class="dropdown-menu" style="z-index:1000" xbuilderid="roo-comp-1053">
177                               <LI class="dropdown-menu-item" xbuilderid="roo-comp-1055">
178                                 <A class="dropdown-item" href="#">
179                                   <I class="fa fa-fa fa-plus"></I>
180                                   <SPAN>Add</SPAN>
181                                 </A>
182                               </LI>
183                               <LI class="dropdown-menu-item" xbuilderid="roo-comp-1057">
184                                 <A class="dropdown-item" href="#">
185                                   <I class="fa fa-fa fa-pencil"></I>
186                                   <SPAN>Edit</SPAN>
187                                 </A>
188                               </LI>
189                               <LI class="dropdown-menu-item" xbuilderid="roo-comp-1059">
190                                 <A class="dropdown-item" href="#">
191                                   <I class="fa fa-fa fa-trash"></I>
192                                   <SPAN>Delete</SPAN>
193                                 </A>
194                               </LI>
195                               <LI class="dropdown-menu-item" xbuilderid="roo-comp-1061">
196                                 <A class="dropdown-item" href="#">
197                                   <I class="fa fa-fa fa-refresh"></I>
198                                   <SPAN>Reload</SPAN>
199                                 </A>
200                               </LI>
201                             </UL>
202                           </BUTTON>
203                         </DIV>
204                       </UL>
205                     </DIV>
206                   </DIV>
207                   <DIV xbuilderid="roo-comp-1063" class="table-fixed roo-layout-component-panel" style="width: 250px; height: 669px;">
208                     <TABLE class="table table-body-fixed table-striped table-hover table-responsive table-fixed">
209                       <THEAD xbuilderid="roo-gen137">
210                         <TR>
211                           <TH class="x-hcol-0 col-xs-12 col-12 col-sm-12 col-md-12" style="" sort="name">Name</TH>
212                         </TR>
213                       </THEAD>
214                       <TBODY xbuilderid="roo-gen136" style="width: 250px; height: 620px;">
215                         <TR xbuilderid="roo-gen148" style="width: 250px;">
216                           <TD colspan="1"></TD>
217                         </TR>
218                       </TBODY>
219                     </TABLE>
220                   </DIV>
221                 </DIV>
222               </DIV>
223             </DIV>
224           </DIV>
225           <DIV xbuilderid="roo-gen17-split" class="roo-layout-split roo-layout-split-west roo-splitbar-h roo-layout-split-h" style="left: 250px; top: 0px; height: 723px;"> </DIV>
226         </DIV>
227       </DIV>
228     </DIV>
229   </DIV>
230   <DIV xbuilderid="roo-gen21" class=" x-unselectable roo-splitbar-proxy roo-splitbar-proxy-h"></DIV>