--- /dev/null
+
+
+
+
+
+
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen6" style="left: 0px; top: 0px; width: 1428px; height: 466px;">
+ <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen7" style="display: none;">
+ <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Account Management</SPAN>
+ <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen8"></DIV>
+ </DIV>
+ <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen9" style="overflow: hidden; height: 466px;">
+ <NAV class="navbar navbar-default" xbuilderid="roo-gen24">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen25">
+ <LI xbuilderid="roo-gen29" class=" active">
+ <A href="#" xbuilderid="roo-gen27">
+ <SPAN unselectable="on" title="" xbuilderid="roo-gen28">Account Management</SPAN>
+ </A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body26" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 413px;">
+ <DIV xbuilderid="roo-gen10" class=" roo-layout-container roo-layout-nested-layout tab-pane roo-layout-active-content" style="position: relative; display: block; zoom: 1; visibility: visible; width: 1428px; height: 413px;" xtype="Roo.bootstrap.panel.Nest">
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-west" xbuilderid="roo-gen13" style="width: 250px; left: 0px; top: 0px; height: 413px;">
+ <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-west" xbuilderid="roo-gen14" style="display: none;">
+ <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Groups</SPAN>
+ <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen15"></DIV>
+ </DIV>
+ <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen16" style="overflow: hidden; height: 413px;">
+ <NAV class="navbar navbar-default" xbuilderid="roo-gen124">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen125">
+ <LI xbuilderid="roo-gen129" class=" active">
+ <A href="#" xbuilderid="roo-gen127">
+ <SPAN unselectable="on" title="" xbuilderid="roo-gen128">Groups</SPAN>
+ </A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body126" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 360px;">
+ <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen104" style="position: relative; display: block; zoom: 1; visibility: visible;">
+ <DIV xbuilderid="roo-gen105">
+ <DIV class="navbar" xbuilderid="roo-comp-1040" style="width: 248px;">
+ <UL class="nav navbar-nav"></UL>
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen106" style="width: 3px; height: 50px; display: none;"></DIV>
+ <UL class="nav navbar-nav" xbuilderid="roo-comp-1042">
+ <LI class=" dropdown-toggle" xbuilderid="roo-comp-1044">
+ <A href="#" class=" dropdown-toggle treeview">
+ <I class="glyphicon glyphicon-menu-hamburger"></I>
+ <SPAN>Manage Groups </SPAN>
+ <I class="glyphicon glyphicon-chevron-down pull-right"></I>
+ </A>
+ <UL class="dropdown-menu" style="z-index:1000" xbuilderid="roo-comp-1046">
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1048">
+ <A href="#">
+ <I class="fa fa-fa fa-plus"></I>
+ <SPAN>Add</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1050">
+ <A href="#">
+ <I class="fa fa-fa fa-pencil"></I>
+ <SPAN>Edit</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1052">
+ <A href="#">
+ <I class="fa fa-fa fa-trash"></I>
+ <SPAN>Delete</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1054">
+ <A href="#">
+ <I class="fa fa-fa fa-refresh"></I>
+ <SPAN>Reload</SPAN>
+ </A>
+ </LI>
+ </UL>
+ </LI>
+ </UL>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-comp-1056" class="table-fixed roo-layout-component-panel" style="width: 250px; height: 310px;">
+ <TABLE class="table table-body-fixed table-striped table-hover table-responsive table-fixed">
+ <THEAD xbuilderid="roo-gen119">
+ <TR xbuilderid="roo-gen131" style="width: 250px;">
+ <TH class="x-hcol-0 col-xs-12 col-sm-12 col-md-12" style="" sort="name">Name</TH>
+ </TR>
+ </THEAD>
+ <TBODY xbuilderid="roo-gen118" style="width: 250px; height: 274px;">
+ <TR xbuilderid="roo-gen132" style="width: 250px;">
+ <TD colspan="1"></TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-gen13-split" class="roo-layout-split roo-layout-split-west roo-splitbar-h roo-layout-split-h" style="left: 250px; top: 0px; height: 413px;"> </DIV>
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen20" style="left: 255px; top: 0px; width: 1173px; height: 413px;">
+ <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen21" style="display: none;">
+ <SPAN class="roo-unselectable roo-layout-panel-hd-text" unselectable="on">Members List</SPAN>
+ <DIV class="roo-unselectable roo-layout-panel-hd-tools" unselectable="on" xbuilderid="roo-gen22"></DIV>
+ </DIV>
+ <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen23" style="overflow: hidden; height: 413px;">
+ <NAV class="navbar navbar-default" xbuilderid="roo-gen80">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen81">
+ <LI xbuilderid="roo-gen85" class=" active">
+ <A href="#" xbuilderid="roo-gen83">
+ <SPAN unselectable="on" title="" xbuilderid="roo-gen84">Members List</SPAN>
+ </A>
+ </LI>
+ <LI xbuilderid="roo-gen102">
+ <A href="#" xbuilderid="roo-gen100">
+ <SPAN unselectable="on" title="" xbuilderid="roo-gen101">Permission List</SPAN>
+ </A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body82" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 360px;">
+ <DIV class="roo-layout-grid-wrapper roo-layout-inactive-content tab-pane" xbuilderid="roo-gen91" style="position: absolute; display: block; zoom: 1;"></DIV>
+ <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen31" style="position: relative; display: block; zoom: 1; visibility: visible;">
+ <DIV xbuilderid="roo-gen32">
+ <DIV class="navbar" xbuilderid="roo-comp-1004" style="width: 1171px;">
+ <UL class="nav navbar-nav"></UL>
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen33" style="width: 3px; height: 50px; display: none;"></DIV>
+ <UL class="nav navbar-nav" xbuilderid="roo-comp-1006">
+ <LI class="nav-item" xbuilderid="roo-comp-1008">
+ <DIV xbuilderid="roo-comp-1010">
+ <DIV class="row clearfix roo-toolbar" xbuilderid="roo-comp-1012">
+ <DIV class="column col-md-12" xbuilderid="roo-comp-1014">
+ <BUTTON class="btn roo-button btn-default roo-toolbar-button" xbuilderid="roo-comp-1016">
+ <SPAN class="glyphicon glyphicon-plus"></SPAN>
+ <SPAN class="roo-button-text">Add</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-default roo-toolbar-button" xbuilderid="roo-comp-1018" style="display: none;">
+ <SPAN class="glyphicon glyphicon-edit"></SPAN>
+ <SPAN class="roo-button-text">Edit</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-primary roo-toolbar-button" xbuilderid="roo-comp-1020" style="display: none;">
+ <SPAN class="glyphicon glyphicon-trash"></SPAN>
+ <SPAN class="roo-button-text">Delete</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-default roo-toolbar-button" xbuilderid="roo-comp-1022" style="display: none;">
+ <SPAN class="glyphicon glyphicon-plus"></SPAN>
+ <SPAN class="roo-button-text">Add To Group</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-default roo-toolbar-button" xbuilderid="roo-comp-1024" style="display: none;">
+ <SPAN class="glyphicon glyphicon-trash"></SPAN>
+ <SPAN class="roo-button-text">Remove From Group</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-default roo-toolbar-button" xbuilderid="roo-comp-1026" style="display: none;">
+ <SPAN class="glyphicon glyphicon-user"></SPAN>
+ <SPAN class="roo-button-text">Switch to Selected User</SPAN>
+ </BUTTON>
+ </DIV>
+ </DIV>
+ </DIV>
+ </LI>
+ </UL>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-comp-1028" class="table-fixed roo-layout-component-panel" style="width: 1173px; height: 304px;">
+ <TABLE class="table table-body-fixed table-hover table-responsive table-fixed">
+ <THEAD xbuilderid="roo-gen48">
+ <TR xbuilderid="roo-gen88" style="width: 1173px;">
+ <TH class="sortable col-xs-1 col-sm-1 col-md-1" style=" text-align:center;" sort="active" xbuilderid="roo-gen49">
+ <I class="glyphicon"></I>Active
+ </TH>
+ <TH class="sortable col-xs-3 col-sm-3 col-md-3" style="" sort="name" xbuilderid="roo-gen50">
+ <I class="glyphicon"></I>Name
+ </TH>
+ <TH class="sortable col-xs-2 col-sm-2 col-md-2" style="" sort="role" xbuilderid="roo-gen51">
+ <I class="glyphicon"></I>Role / Position
+ </TH>
+ <TH class="x-hcol-3 col-xs-2 col-sm-2 col-md-2" style="" sort="phone">Phone</TH>
+ <TH class="sortable col-xs-4 col-sm-2 col-md-4" style="" sort="email" xbuilderid="roo-gen52">
+ <I class="glyphicon"></I>Email
+ </TH>
+ </TR>
+ </THEAD>
+ <TBODY xbuilderid="roo-gen47" style="width: 1173px; height: 195px;">
+ <TR xbuilderid="roo-gen89" style="width: 1173px;">
+ <TD colspan="5"></TD>
+ </TR>
+ </TBODY>
+ <TFOOT xbuilderid="roo-gen87">
+ <TR xbuilderid="roo-gen90" style="width: 1173px;">
+ <TD colspan="5">
+ <DIV class="navbar" xbuilderid="roo-comp-1029" name="footer">
+ <UL class="nav navbar-nav"></UL>
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen59" style="width: 326px; height: 2px; display: none;"></DIV>
+ <UL class="nav navbar-nav pagination" xbuilderid="roo-comp-1030">
+ <LI class="nav-item disabled prev" xbuilderid="roo-comp-1032">
+ <A href="#" xbuilderid="roo-gen61" tooltip="First Page">
+ <I class="fa fa-backward"></I>
+ <SPAN></SPAN>
+ </A>
+ </LI>
+ <LI class="nav-item disabled prev" xbuilderid="roo-comp-1033">
+ <A href="#" xbuilderid="roo-gen63" tooltip="Previous Page">
+ <I class="fa fa-step-backward"></I>
+ <SPAN></SPAN>
+ </A>
+ </LI>
+ <LI class="nav-item x-paging-position" xbuilderid="roo-comp-1034">
+ <SPAN href="#" xbuilderid="roo-gen65">Page<INPUT type="text" size="3" value="1" class="x-grid-page-number" xbuilderid="roo-gen69"></INPUT><SPAN class="x-paging-after" xbuilderid="roo-gen66">of 1</SPAN></SPAN>
+ </LI>
+ <LI class="nav-item disabled next" xbuilderid="roo-comp-1035">
+ <A href="#" xbuilderid="roo-gen72" tooltip="Next Page">
+ <I class="fa fa-step-forward"></I>
+ </A>
+ </LI>
+ <LI class="nav-item disabled next" xbuilderid="roo-comp-1036">
+ <A href="#" xbuilderid="roo-gen74" tooltip="Last Page">
+ <I class="fa fa-forward"></I>
+ <SPAN></SPAN>
+ </A>
+ </LI>
+ <LI class="nav-item" xbuilderid="roo-comp-1037">
+ <A href="#" xbuilderid="roo-gen76" tooltip="Refresh">
+ <I class="fa fa-refresh"></I>
+ <SPAN></SPAN>
+ </A>
+ </LI>
+ </UL>
+ <BUTTON class="btn roo-button btn-default btn btn-default" xbuilderid="roo-comp-1031" style="margin-left: 10px;" name="activeButton">
+ <SPAN class="roo-button-text">Show Inactive</SPAN>
+ </BUTTON>
+ </DIV>
+ </TD>
+ </TR>
+ </TFOOT>
+ </TABLE>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-gen17" class=" x-unselectable roo-splitbar-proxy roo-splitbar-proxy-h"></DIV>