--- /dev/null
+
+
+
+
+
+
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen6" style="left: 0px; top: 0px; width: 1142px; height: 723px;">
+ <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: 723px;">
+ <NAV class="navbar-light bg-light" xbuilderid="roo-gen24">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen25" style="display: none;">
+ <LI class="nav-item" xbuilderid="roo-gen28">
+ <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen27">Account Management</A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body26" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
+ <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;">
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-center" xbuilderid="roo-gen13" style="left: 255px; top: 0px; width: 887px; height: 723px;">
+ <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-center" xbuilderid="roo-gen14" 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-gen15"></DIV>
+ </DIV>
+ <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen16" style="overflow: hidden; height: 723px;">
+ <NAV class="navbar-light bg-light" xbuilderid="roo-gen99">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen100" style="">
+ <LI class="nav-item" xbuilderid="roo-gen103">
+ <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen102">Members List</A>
+ </LI>
+ <LI class="nav-item" xbuilderid="roo-gen118">
+ <A class="nav-link" href="#" unselectable="on" title="" xbuilderid="roo-gen117">Permission List</A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body101" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 681px;">
+ <DIV class="roo-layout-grid-wrapper roo-layout-inactive-content tab-pane" xbuilderid="roo-gen108" style="position: absolute; display: block; zoom: 1;"></DIV>
+ <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen30" style="position: relative; display: block; zoom: 1; visibility: visible;">
+ <DIV xbuilderid="roo-gen31">
+ <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1004" style="width: 855px;">
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen32" style="width: 32px; height: 16px; display: none;"></DIV>
+ <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1006" style="width: 100%;">
+ <DIV class="nav-item" xbuilderid="roo-comp-1008" style="width: 100%;">
+ <DIV xbuilderid="roo-comp-1010" style="width: 100%;">
+ <DIV class="row clearfix roo-toolbar" xbuilderid="roo-comp-1012">
+ <DIV class="column col-md-3" xbuilderid="roo-comp-1014">
+ <DIV class="form-group" xbuilderid="roo-comp-1016">
+ <DIV class="input-group">
+ <INPUT xbuilderid="roo-gen34" type="text" value="" class="form-control" placeholder="search for account" autocomplete="new-password"></INPUT>
+ <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">
+ <SPAN class="roo-button-text"><I class="fa fa-search"></I></SPAN>
+ </BUTTON></SPAN>
+ </DIV>
+ </DIV>
+ </DIV>
+ <DIV class="column col-md-9 text-right" xbuilderid="roo-comp-1019">
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1021">
+ <SPAN class="glyphicon glyphicon-plus"></SPAN>
+ <SPAN class="roo-button-text">Add</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1023" 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-1025" style="display: none;">
+ <SPAN class="glyphicon glyphicon-trash"></SPAN>
+ <SPAN class="roo-button-text">Delete</SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1027" 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-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1029" 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-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1031" style="display: none;">
+ <SPAN class="glyphicon glyphicon-user"></SPAN>
+ <SPAN class="roo-button-text">Switch to Selected User</SPAN>
+ </BUTTON>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </UL>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-comp-1033" class="table-fixed roo-layout-component-panel" style="width: 887px; height: 607px;">
+ <TABLE class="table table-body-fixed table-hover table-responsive table-fixed">
+ <THEAD xbuilderid="roo-gen66">
+ <TR>
+ <TH class="sortable col-xs-1 col-1 col-sm-1 col-md-1" style=" text-align:center;" sort="active" xbuilderid="roo-gen68">
+ <I class="glyphicon"></I>Active
+ </TH>
+ <TH class="sortable col-xs-3 col-3 col-sm-3 col-md-3" style="" sort="name" xbuilderid="roo-gen69">
+ <I class="glyphicon"></I>Name
+ </TH>
+ <TH class="sortable col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="role" xbuilderid="roo-gen70">
+ <I class="glyphicon"></I>Role / Position
+ </TH>
+ <TH class="x-hcol-3 col-xs-2 col-2 col-sm-2 col-md-2" style="" sort="phone">Phone</TH>
+ <TH class="sortable col-xs-4 col-4 col-sm-2 col-md-4" style="" sort="email" xbuilderid="roo-gen71">
+ <I class="glyphicon"></I>Email
+ </TH>
+ </TR>
+ </THEAD>
+ <TBODY xbuilderid="roo-gen65" style="width: 887px; height: 461px;">
+ <TR xbuilderid="roo-gen107" style="width: 887px;">
+ <TD colspan="5"></TD>
+ </TR>
+ </TBODY>
+ <TFOOT xbuilderid="roo-gen67">
+ <TR xbuilderid="roo-gen105" style="width: 887px;">
+ <TD colspan="5" xbuilderid="roo-gen106" style="width: 887px;">
+ <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1034" name="footer">
+ <UL class="nav nav-PagingToolbar navbar-nav"></UL>
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen78" style="width: 32px; height: 16px; display: none;"></DIV>
+ <DIV class="btn-group pagination" xbuilderid="roo-comp-1035">
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1037" tooltip="First Page">
+ <SPAN class="roo-button-text"> <I class="fa fa-step-backward"></I></SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default prev btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1038" tooltip="Previous Page">
+ <SPAN class="roo-button-text"> <I class="fa fa-backward"></I></SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default x-paging-position btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1039">
+ <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>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1040" tooltip="Next Page">
+ <SPAN class="roo-button-text"> <I class="fa fa-forward"></I></SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default next btn-outline-secondary" disabled="disabled" xbuilderid="roo-comp-1041" tooltip="Last Page">
+ <SPAN class="roo-button-text"> <I class="fa fa-step-forward"></I></SPAN>
+ </BUTTON>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default btn-outline-secondary" xbuilderid="roo-comp-1042" tooltip="Refresh">
+ <SPAN class="roo-button-text"> <I class="fa fa-refresh"></I></SPAN>
+ </BUTTON>
+ </DIV>
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default roo-toolbar-button" xbuilderid="roo-comp-1036" name="activeButton">
+ <SPAN class="roo-button-text">Show Inactive</SPAN>
+ </BUTTON>
+ </DIV>
+ </TD>
+ </TR>
+ </TFOOT>
+ </TABLE>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ <DIV class=" roo-layout-region roo-layout-panel roo-layout-panel-west" xbuilderid="roo-gen17" style="width: 250px; left: 0px; top: 0px; height: 723px;">
+ <DIV unselectable="on" class="roo-unselectable roo-layout-panel-hd breadcrumb roo-layout-title-west" xbuilderid="roo-gen18" 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-gen19"></DIV>
+ </DIV>
+ <DIV class="roo-layout-panel-body tab-content roo-tabs-top" xbuilderid="roo-gen20" style="overflow: hidden; height: 723px;">
+ <NAV class="navbar-light bg-light" xbuilderid="roo-gen142">
+ <UL class="nav nav-tabs" role="tablist" xbuilderid="roo-gen143" style="display: none;">
+ <LI class="nav-item" xbuilderid="roo-gen146">
+ <A class="nav-link active" href="#" unselectable="on" title="" xbuilderid="roo-gen145">Groups</A>
+ </LI>
+ </UL>
+ </NAV>
+ <DIV id="tab-body144" class=" tab-content roo-layout-tabs-body" style="position: relative; height: 723px;">
+ <DIV class="roo-layout-grid-wrapper roo-layout-active-content tab-pane" xbuilderid="roo-gen120" style="position: relative; display: block; zoom: 1; visibility: visible;">
+ <DIV xbuilderid="roo-gen121">
+ <DIV class="navbar roo-navbar-simple navbar-light bg-light" xbuilderid="roo-comp-1045" style="width: 218px;">
+ <DIV class="x-dlg-mask" xbuilderid="roo-gen122" style="width: 32px; height: 16px; display: none;"></DIV>
+ <UL class="nav navbar-nav mr-auto" xbuilderid="roo-comp-1047">
+ <DIV class="nav-item account-management-group-nav-item" xbuilderid="roo-comp-1049">
+ <BUTTON class="btn roo-button btn-outline-secondary btn-default dropdown dropdown-toggle" xbuilderid="roo-comp-1051">
+ <SPAN class="roo-button-text">Manage Groups</SPAN>
+ <SPAN class="caret"></SPAN>
+ <UL class="dropdown-menu" style="z-index:1000" xbuilderid="roo-comp-1053">
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1055">
+ <A class="dropdown-item" href="#">
+ <I class="fa fa-fa fa-plus"></I>
+ <SPAN>Add</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1057">
+ <A class="dropdown-item" href="#">
+ <I class="fa fa-fa fa-pencil"></I>
+ <SPAN>Edit</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1059">
+ <A class="dropdown-item" href="#">
+ <I class="fa fa-fa fa-trash"></I>
+ <SPAN>Delete</SPAN>
+ </A>
+ </LI>
+ <LI class="dropdown-menu-item" xbuilderid="roo-comp-1061">
+ <A class="dropdown-item" href="#">
+ <I class="fa fa-fa fa-refresh"></I>
+ <SPAN>Reload</SPAN>
+ </A>
+ </LI>
+ </UL>
+ </BUTTON>
+ </DIV>
+ </UL>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-comp-1063" class="table-fixed roo-layout-component-panel" style="width: 250px; height: 669px;">
+ <TABLE class="table table-body-fixed table-striped table-hover table-responsive table-fixed">
+ <THEAD xbuilderid="roo-gen137">
+ <TR>
+ <TH class="x-hcol-0 col-xs-12 col-12 col-sm-12 col-md-12" style="" sort="name">Name</TH>
+ </TR>
+ </THEAD>
+ <TBODY xbuilderid="roo-gen136" style="width: 250px; height: 620px;">
+ <TR xbuilderid="roo-gen148" style="width: 250px;">
+ <TD colspan="1"></TD>
+ </TR>
+ </TBODY>
+ </TABLE>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ <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>
+ </DIV>
+ </DIV>
+ </DIV>
+ </DIV>
+ <DIV xbuilderid="roo-gen21" class=" x-unselectable roo-splitbar-proxy roo-splitbar-proxy-h"></DIV>