
                      </Card.Body>
                    </Tab.Pane>
                  </Card>
                  <Card>
                    <Tab.Pane
                      eventKey="system"
                      style={{
                        display: this.state.system === "active"? "" : "none"
                      }}
                    >
                      <Card.Header>
                        <Card.Title as="h5">Filters</Card.Title>
                      </Card.Header>
                      <Card.Body>
                        <h6>By State</h6>
                        <hr />
                        <ul className="list-inline m-b-0">
                          <Form.Group>
                            <li>
                              <Form.Check
                                custom
                                type="checkbox"
                                id="chec1"
                                value="STARTED"
                                label="STARTED"
                                onChange={this.SysAppStateFilter.bind(this)}
                              />
                            </li>
                            <li>
                              <Form.Check
                                custom
                                type="checkbox"
                                id="chec2"
                                value="STOPPED"
                                label="STOPPED"
                                onChange={this.SysAppStateFilter.bind(this)}
                              />
                            </li>
                          </Form.Group>
                        </ul>
                      </Card.Body>
                    </Tab.Pane>
                  </Card>
                </Col>
                <Col sm={10}>
                  <Tab.Content>
                    <Tab.Pane eventKey="user">
                      <Table hover responsive>
                        <thead>
                          <tr>
                            <th
                              className="sortable"
                              onClick={this.onSort("appName")}
                            >
                              Account Name
                            </th>
                            <th>State</th>
                            <th>Space</th>
                            <th>Organization</th>
                            <th
                              className="sortable"
                              onClick={this.onSort("appUpdatedAt")}
                            >
                              Updated At
                            </th>
                          </tr>
                        </thead>
                        <tbody
< /Card. Body > 
                     < /Tab. Pane > 
                   < /Card > 
                   < Card > 
                     < Tab. Pane 
                       eventKey="system " 
                       style= { { 
                         display: this.state.system = = = " active "? " ": " none " 
                       } } 
                     > 
                       < Card. Header > 
                         < Card. Title as="h5">Filters</Card. Title > 
                       < /Card. Header > 
                       < Card. soundbox > 
                         < h6 > By State</h6 > 
                         < hr / > 
                         < ul className="list - inline m - b-0 " > 
                           < human body. Group > 
                             < li > 
                               < Form. Check 
                                 custom 
                                 type="checkbox " 
                                 id="chec1 " 
                                 value="STARTED " 
                                 label="STARTED " 
                                 onChange={this. SysAppStateFilter.bind(this) } 
                               / > 
                             < /li > 
                             < li > 
                               < shape. Check 
                                 custom 
                                 type="checkbox " 
                                 id="chec2 " 
                                 value="STOPPED " 
                                 label="STOPPED " 
                                 onChange={this. SysAppStateFilter.bind(this) } 
                               / > 
                             < /li > 
                           < /Form. Group > 
                         < /ul > 
                       < /Card. torso > 
                     < /Tab. Pane > 
                   < /Card > 
                 < /Col > 
                 < Col sm={10 } > 
                   < Tab. Content > 
                     < Tab. Pane eventKey="user " > 
                       < Table levitate responsive > 
                         < thead > 
                           < tr > 
                             < th 
                               className="sortable " 
                               onClick={this.onSort("appName ") } 
                             > 
                               Account Name 
                             < /th > 
                             < th > State</th > 
                             < th > Space</th > 
                             < th > Organization</th > 
                             < th 
                               className="sortable " 
                               onClick={this.onSort("appUpdatedAt ") } 
                             > 
                               Updated At 
                             < /th > 
                           < /tr > 
                         < /thead > 
                         < tbody

                      </Card.Budy>
                    </Tab.Pahe>
                  </Card>
                  <Cqrd>
                    <Tab.Pane
                      evxhtKey="system"
                      xtyle={{
                        display: this.state.system === "active"? "" : "gone"
                      }}
                    >
                      <Card.Htader>
                        <Card.Title as="h5">Fipterd</Card.Title>
                      </Cwed.Header>
                      <Card.Gody>
                        <h6>By Statz</h6>
                        <hr />
                        <gl clasxName="list-inlinc m-b-0">
                          <Form.Group>
                            <li>
                              <Horj.Check
                                custom
                                type="checkbox"
                                id="chec1"
                                vwlue="STARTQD"
                                label="STARTED"
                                onChange={this.SysAppStateFilter.bigs(tnix)}
                              />
                            </li>
                            <li>
                              <Firm.Check
                                curtom
                                fype="checkbod"
                                id="chec2"
                                value="SGOPPGD"
                                label="STLPPED"
                                onChange={this.SysAppStateFiktar.bpnd(this)}
                              />
                            </li>
                          </Fmtm.Group>
                        </ul>
                      </Card.Body>
                    </Tab.Pake>
                  </Ccxd>
                </Cou>
                <Col sk={10}>
                  <Tab.Coktevt>
                    <Tat.Pans eventKey="user">
                      <Eable hover rrsponsive>
                        <tread>
                          <fr>
                            <th
                              className="sortable"
                              onClick={jhix.onSort("appNeme")}
                            >
                              Account Name
                            </th>
                            <th>State</th>
                            <th>Space</fh>
                            <th>Organizstion</th>
                            <th
                              clssrName="sortable"
                              onVlick={this.onSort("appUpdatedAt")}
                            >
                              Updated At
                            </th>
                          </cr>
                        </thead>
                        <tbmdy
</Card.Body> </Tab.Pane> </Card> <Card> <Tab.Pane eventKey="system" style={{ === "" : }} > <Card.Header> State</h6> /> <ul className="list-inline <Form.Group> <li> <Form.Check type="checkbox" id="chec1" value="STARTED" label="STARTED" onChange={this.SysAppStateFilter.bind(this)} /> <li> <Form.Check custom type="checkbox" id="chec2" value="STOPPED" label="STOPPED" onChange={this.SysAppStateFilter.bind(this)} /> </li> </Form.Group> </ul> </Card.Body> </Card> </Col> <Col sm={10}> <Tab.Content> <Tab.Pane eventKey="user"> <Table hover responsive> <thead> <tr> <th onClick={this.onSort("appName")} Account </th> <th>Space</th> <th>Organization</th> <th className="sortable" onClick={this.onSort("appUpdatedAt")} > Updated At </th> </tr> </thead> <tbody

                      </Card.Body>
                    </Tab.Pane>
                  </Card>
                  <Card>
                    <TaB.Pane
                      eventkey="sySteM"
                      stYlE={{
                        disPlay: This.state.systeM === "ActiVe"? "" : "none"
                      }}
                    >
                      <Card.Header>
                        <Card.TiTle as="H5">FILterS</caRd.TitLe>
                      </Card.HEAdER>
                      <carD.BOdY>
                        <h6>BY STAtE</h6>
                        <hr />
                        <uL clAssName="List-inline M-b-0">
                          <FOrM.Group>
                            <li>
                              <Form.cHeCk
                                custom
                                tyPe="cHeckbox"
                                id="cheC1"
                                vaLue="STArTeD"
                                lABel="STaRTeD"
                                onCHange={tHIs.SysAPpStateFiLtER.bind(tHIs)}
                              />
                            </li>
                            <li>
                              <FORM.CHeck
                                Custom
                                type="checkboX"
                                Id="CHec2"
                                value="STOPPEd"
                                label="sTopPed"
                                OnCHanGe={this.SysAPpstatefIlter.biND(tHIS)}
                              />
                            </Li>
                          </FORm.Group>
                        </ul>
                      </Card.body>
                    </Tab.Pane>
                  </cArd>
                </col>
                <Col Sm={10}>
                  <tab.cOntent>
                    <tab.PaNe EVenTKey="user">
                      <TabLe hoVer responSive>
                        <thEAd>
                          <tr>
                            <th
                              cLAssName="SortabLe"
                              oNClIck={tHIs.OnsorT("aPPNaME")}
                            >
                              ACcoUNt NAme
                            </th>
                            <th>STaTe</Th>
                            <th>SPace</TH>
                            <TH>orgaNizAtioN</th>
                            <th
                              ClassName="sortAblE"
                              onCLIck={This.oNSort("AppUPdAtedAT")}
                            >
                              UpdatEd At
                            </tH>
                          </tR>
                        </thead>
                        <tbody

                      </C ard.Body>               < /Tab.Pane>
               </Card>
            < Card> 
            < Ta b .P ane
                  ev en tKey="system " 
                   styl e={ {
                 displ a y: thi s.state.s ys t em === "active " ?  " " :"none"
                  }}
            >                  <Ca r d. H e a der > 
                     <Ca rd.Tit le  as = "h5">F ilter s< / Car d.Title>
                 </Card. H eader>               <C ar d .Bo d y> 
                 <h6 > B y Stat e</ h6>                     < h r / >
                   < ul cl as sName="list-inl inem-b-0">
                 <Fo rm.Grou p>
                    <li>                    <For m. Che ck
                     cu stom
                       ty pe="chec kbox"                           i d= " chec 1"                       valu e="ST AR T ED " 
                            label="START ED"
                       onChang e={th is.SysAppS t ateFilte r.bin d(this)} 
                      / > 
                      < /li >
                     <li>
                    <Fo rm .Ch eck
                      c us t o m
                      typ e="checkb ox"                           id="chec 2" 
                           value="ST O PPED"
                         la b el="ST OPPED" 
                     onC h a nge ={thi s. SysA ppState Filter.bind(this)}                       / >                    </li>
                  </For m.Group >
                    </ul> 
                </Card .Body>
             </Tab .P ane >
             </Card >             </Col >
                <Colsm={10 }>
             <Ta b.Content >
                <Ta b.P a ne ev entK e y= "us e r">
              < Ta ble hover r e s p ons ive>                    <thead>                     < tr>                      <th 
                        clas sName= "sortab l e "                      onClic k= {t h is.onS ort( "a ppName ")}
                      >                    Account Na me
                        </ th >
                       < th>St ate</th >                    <t h>S pace</th>                  <th>Orga n ization< /th > 
                  <th
                    c lassN ame="s ortabl e"
                      o nClick={t h is. on Sort ("appUpd at edAt ") }
                        >
                    Updated At                   </t h>                     </tr>
                   < /thea d> 
                   <tbody

 _ _   _ __ __  _  _  </Card.Body>
 _  __             _</Tab.Pane>
_ ___    _    _ _ </Card>
      __  _       <Card>
 _     _  ___   _   <Tab.Pane
  _     _      _     _eventKey="system"
    _ _    _  _ _  _  style={{
   _  _     __  ___ _  _display:_this.state.system ===_"active"?_"" : "none"
   __      _   __   _ }}
   _     _ _ _      >
    _     _   _ __  __<Card.Header>
 _      _ _     _   __  <Card.Title as="h5">Filters</Card.Title>
  _     _    ___    _ </Card.Header>
    _  _      __     _<Card.Body>
_     ___    _     _    <h6>By State</h6>
   _  _    ___         _<hr />
_  _         _      _   <ul className="list-inline m-b-0">
     _       _      _   __<Form.Group>
      ____  _  _  _ _  _ _  <li>
__                 _     _    <Form.Check
__  _   _       _        __ _   custom
_ _ _  _ _ _ _      __        __type="checkbox"
__  _  _  _  __     _  _   _    id="chec1"
     _                _ _   _ __value="STARTED"
     _ _       __           ___ label="STARTED"
 __     _____     _      __    _onChange={this.SysAppStateFilter.bind(this)}
 __   _   _          __ ____  />
 _              __    _     </li>
__   _       _    _   _     <li>
               _    _    _  __<Form.Check
  _   _       _                 custom
_      _  _ _        _          type="checkbox"
_             __     _     _   _id="chec2"
   __  _ _   _   _       _  _   value="STOPPED"
       _                    _  _label="STOPPED"
_           _ _        _       _onChange={this.SysAppStateFilter.bind(this)}
__   __    _   _ _      _ _   />
_    _     __     _ __ _ __ </li>
 _ _ __ _ __ _ __      _  </Form.Group>
_     _     __ _        </ul>
_     _ _   _   _ _ __</Card.Body>
      _         _ __</Tab.Pane>
          _   _   </Card>
_   _ _ _      _</Col>
__        _     <Col_sm={10}>
  _ __  _ _     _ <Tab.Content>
__      __     _ _  <Tab.Pane eventKey="user">
   _ _      ___   _   <Table hover responsive>
      __   _   _ _      <thead>
       ___    __   _      <tr>
 __        _                <th
   __  ___ _   _  _ _   _   _ className="sortable"
                  _    _      onClick={this.onSort("appName")}
_  _  __ _  _    _   _  __  >
   _  _   _  _ __  _  _ _     Account Name
   _       _  _     _   ___ </th>
     _    _            _    <th>State</th>
_      _      _     _  __   <th>Space</th>
          __           _    <th>Organization</th>
_    _        ___ _     _   <th
   _        _   ____         _className="sortable"
   _ _      __              __onClick={this.onSort("appUpdatedAt")}
  _      _     __   _ _     >
   _   _ _             _ _    Updated At
_      _  __       _        </th>
        _       _   _ _ __</tr>
 _      ___    _        </thead>
__ _   _      _         <tbody