Commit 83d88e579851b5ff969c0a1367a3e8428b2b3317
1 parent
28eeae124d
Exists in
master
status design changes
Showing
2 changed files
with
4 additions
and
4 deletions
Show diff stats
app/views/fbo-Clients/fboClients.html
| 1 | <div class="row wrapper border-bottom white-bg page-heading"> | 1 | <div class="row wrapper border-bottom white-bg page-heading"> |
| 2 | <div class="col-lg-10"> | 2 | <div class="col-lg-10"> |
| 3 | <h2>FBO Clients</h2> | 3 | <h2>FBO Clients</h2> |
| 4 | <!-- <ol class="breadcrumb"> | 4 | <!-- <ol class="breadcrumb"> |
| 5 | <li> | 5 | <li> |
| 6 | <a href="index.dashboard">Home</a> | 6 | <a href="index.dashboard">Home</a> |
| 7 | </li> | 7 | </li> |
| 8 | <li class="active"> | 8 | <li class="active"> |
| 9 | <strong>Clients</strong> | 9 | <strong>Clients</strong> |
| 10 | </li> | 10 | </li> |
| 11 | </ol> --> | 11 | </ol> --> |
| 12 | </div> | 12 | </div> |
| 13 | <div class="col-lg-2"> | 13 | <div class="col-lg-2"> |
| 14 | </div> | 14 | </div> |
| 15 | </div> | 15 | </div> |
| 16 | <div class="wrapper wrapper-content animated fadeInRight"> | 16 | <div class="wrapper wrapper-content animated fadeInRight"> |
| 17 | <div class="row"> | 17 | <div class="row"> |
| 18 | <div class="col-sm-8"> | 18 | <div class="col-sm-8"> |
| 19 | <div class="ibox"> | 19 | <div class="ibox"> |
| 20 | 20 | ||
| 21 | <div class="ibox-content"> | 21 | <div class="ibox-content"> |
| 22 | <div class="pull-left"> | 22 | <div class="pull-left"> |
| 23 | <span class="text-muted small pull-right"></span> | 23 | <span class="text-muted small pull-right"></span> |
| 24 | <h5 style="font-size: 24px;font-weight: 100;">Clients</h5> | 24 | <h5 style="font-size: 24px;font-weight: 100;">Clients</h5> |
| 25 | </div> | 25 | </div> |
| 26 | <div class="pull-right"> | 26 | <div class="pull-right"> |
| 27 | <button type="button" class="btn btn-w-m btn-warning" ui-sref="index.dashboard">+ Add Client</button> | 27 | <button type="button" class="btn btn-w-m btn-warning" ui-sref="index.dashboard">+ Add Client</button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="clearfix"></div> | 29 | <div class="clearfix"></div> |
| 30 | 30 | ||
| 31 | 31 | ||
| 32 | <!-- <p> | 32 | <!-- <p> |
| 33 | All clients need to be verified before you can send email and set a project. | 33 | All clients need to be verified before you can send email and set a project. |
| 34 | </p> --> | 34 | </p> --> |
| 35 | <div class="input-group" style="width: 70%;"> | 35 | <div class="input-group" style="width: 70%;"> |
| 36 | 36 | ||
| 37 | <input type="text" placeholder="Search client " class="input form-control" ng-keyup="$event.keyCode == 13 && searchData()" ng-model="searchQuery"> | 37 | <input type="text" placeholder="Search client " class="input form-control" ng-keyup="$event.keyCode == 13 && searchData()" ng-model="searchQuery"> |
| 38 | <span class="input-group-btn"> | 38 | <span class="input-group-btn"> |
| 39 | <button type="button" class="btn btn btn-primary" ng-click="searchData()"> <i class="fa fa-search"></i> Search</button> | 39 | <button type="button" class="btn btn btn-primary" ng-click="searchData()"> <i class="fa fa-search"></i> Search</button> |
| 40 | </span> | 40 | </span> |
| 41 | </div> | 41 | </div> |
| 42 | <div class="clients-list"> | 42 | <div class="clients-list"> |
| 43 | <ul class="nav nav-tabs" id="tabClient"> | 43 | <ul class="nav nav-tabs" id="tabClient"> |
| 44 | <span class="pull-right small text-muted">{{clientLength}} Clients</span> | 44 | <span class="pull-right small text-muted">{{clientLength}} Clients</span> |
| 45 | <li class="active customTab1"><a data-toggle="tab" ng-click="fboAdmin()" id="fbo"><i class="fa fa-user"></i> FBO Clients</a></li> | 45 | <li class="active customTab1"><a data-toggle="tab" ng-click="fboAdmin()" id="fbo"><i class="fa fa-user"></i> FBO Clients</a></li> |
| 46 | <li class="customTab2"><a data-toggle="tab" ng-click="fboDept()" id="flightDetp"><i class="fa fa-briefcase"></i> FBO Department Clients</a></li> | 46 | <li class="customTab2"><a data-toggle="tab" ng-click="fboDept()" id="flightDetp"><i class="fa fa-briefcase"></i> FBO Department Clients</a></li> |
| 47 | </ul> | 47 | </ul> |
| 48 | <div class="tab-content"> | 48 | <div class="tab-content"> |
| 49 | <div id="tab-1" class="tab-pane"> | 49 | <div id="tab-1" class="tab-pane"> |
| 50 | <div class="full-height-scroll"> | 50 | <div class="full-height-scroll"> |
| 51 | <div class="table-responsive"> | 51 | <div class="table-responsive"> |
| 52 | <table class="table table-striped table-hover"> | 52 | <table class="table table-striped table-hover"> |
| 53 | <tbody> | 53 | <tbody> |
| 54 | <tr ng-repeat="client in fboClient" ui-sref="index.updateFBO({id: client.user.id})" style="cursor: pointer;"> | 54 | <tr ng-repeat="client in fboClient" ui-sref="index.updateFBO({id: client.user.id})" style="cursor: pointer;"> |
| 55 | <td class="client-link">{{client.user.companyName}}</td> | 55 | <td class="client-link">{{client.user.companyName}}</td> |
| 56 | <td> {{client.user.firstName}}</td> | 56 | <td> {{client.user.firstName}}</td> |
| 57 | <td><i class="fa fa-flag"></i> {{client.user.lastName}}</td> | 57 | <td><i class="fa fa-flag"></i> {{client.user.lastName}}</td> |
| 58 | <td class="client-status"><span class="label label-primary">{{client.user.account.user.status}}</span></td> | 58 | <td class="client-status"><span ng-if="client.user.account.user.status == 'ACTIVE'" class="label label-primary">{{client.user.account.user.status}}</span><span ng-if="client.user.account.user.status == 'INACTIVE'" class="label label-danger">{{client.user.account.user.status}}</span><span ng-if="client.user.account.user.status == 'PENDING'" class="label label-default">{{client.user.account.user.status}}</span></td> |
| 59 | </tr> | 59 | </tr> |
| 60 | 60 | ||
| 61 | </tbody> | 61 | </tbody> |
| 62 | </table> | 62 | </table> |
| 63 | </div> | 63 | </div> |
| 64 | </div> | 64 | </div> |
| 65 | </div> | 65 | </div> |
| 66 | <div id="tab-2" class="tab-pane"> | 66 | <div id="tab-2" class="tab-pane"> |
| 67 | <div class="full-height-scroll"> | 67 | <div class="full-height-scroll"> |
| 68 | <div class="table-responsive"> | 68 | <div class="table-responsive"> |
| 69 | <table class="table table-striped table-hover"> | 69 | <table class="table table-striped table-hover"> |
| 70 | <tbody> | 70 | <tbody> |
| 71 | <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;"> | 71 | <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;"> |
| 72 | <td><a data-toggle="tab" href="#company-1" class="client-link">{{dept.user.companyName}}</a></td> | 72 | <td><a data-toggle="tab" href="#company-1" class="client-link">{{dept.user.companyName}}</a></td> |
| 73 | <td>{{dept.user.firstName}}</td> | 73 | <td>{{dept.user.firstName}}</td> |
| 74 | <td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td> | 74 | <td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td> |
| 75 | <td class="client-status"><span class="label label-primary">{{dept.user.account.user.status}}</span></td> | 75 | <td class="client-status"><span ng-if="dept.user.account.user.status == 'ACTIVE'" class="label label-primary">{{dept.user.account.user.status}}</span><span ng-if="dept.user.account.user.status == 'INACTIVE'" class="label label-danger">{{dept.user.account.user.status}}</span><span ng-if="dept.user.account.user.status == 'PENDING'" class="label label-default">{{dept.user.account.user.status}}</span></td> |
| 76 | </tr> | 76 | </tr> |
| 77 | </tbody> | 77 | </tbody> |
| 78 | </table> | 78 | </table> |
| 79 | </div> | 79 | </div> |
| 80 | </div> | 80 | </div> |
| 81 | </div> | 81 | </div> |
| 82 | </div> | 82 | </div> |
| 83 | </div> | 83 | </div> |
| 84 | </div> | 84 | </div> |
| 85 | </div> | 85 | </div> |
| 86 | </div> | 86 | </div> |
| 87 | </div> | 87 | </div> |
| 88 | </div> | 88 | </div> |
app/views/flightDept/flightDept.html
| 1 | <div class="row wrapper border-bottom white-bg page-heading"> | 1 | <div class="row wrapper border-bottom white-bg page-heading"> |
| 2 | <div class="col-lg-10"> | 2 | <div class="col-lg-10"> |
| 3 | <h2>FBO Clients</h2> | 3 | <h2>FBO Clients</h2> |
| 4 | <!-- <ol class="breadcrumb"> | 4 | <!-- <ol class="breadcrumb"> |
| 5 | <li> | 5 | <li> |
| 6 | <a href="index.dashboard">Home</a> | 6 | <a href="index.dashboard">Home</a> |
| 7 | </li> | 7 | </li> |
| 8 | <li class="active"> | 8 | <li class="active"> |
| 9 | <strong>Clients</strong> | 9 | <strong>Clients</strong> |
| 10 | </li> | 10 | </li> |
| 11 | </ol> --> | 11 | </ol> --> |
| 12 | </div> | 12 | </div> |
| 13 | <div class="col-lg-2"> | 13 | <div class="col-lg-2"> |
| 14 | </div> | 14 | </div> |
| 15 | </div> | 15 | </div> |
| 16 | <div class="wrapper wrapper-content animated fadeInRight"> | 16 | <div class="wrapper wrapper-content animated fadeInRight"> |
| 17 | <div class="row"> | 17 | <div class="row"> |
| 18 | <div class="col-sm-8"> | 18 | <div class="col-sm-8"> |
| 19 | <div class="ibox"> | 19 | <div class="ibox"> |
| 20 | 20 | ||
| 21 | <div class="ibox-content"> | 21 | <div class="ibox-content"> |
| 22 | <div class="pull-left"> | 22 | <div class="pull-left"> |
| 23 | <span class="text-muted small pull-right"></span> | 23 | <span class="text-muted small pull-right"></span> |
| 24 | <h5 style="font-size: 24px;font-weight: 100;">Clients</h5> | 24 | <h5 style="font-size: 24px;font-weight: 100;">Clients</h5> |
| 25 | </div> | 25 | </div> |
| 26 | <div class="pull-right"> | 26 | <div class="pull-right"> |
| 27 | <button type="button" class="btn btn-w-m btn-warning" ui-sref="index.flight">+ Add Client</button> | 27 | <button type="button" class="btn btn-w-m btn-warning" ui-sref="index.flight">+ Add Client</button> |
| 28 | </div> | 28 | </div> |
| 29 | <div class="clearfix"></div> | 29 | <div class="clearfix"></div> |
| 30 | 30 | ||
| 31 | 31 | ||
| 32 | <!-- <p> | 32 | <!-- <p> |
| 33 | All clients need to be verified before you can send email and set a project. | 33 | All clients need to be verified before you can send email and set a project. |
| 34 | </p> --> | 34 | </p> --> |
| 35 | <div class="input-group" style="width: 70%;"> | 35 | <div class="input-group" style="width: 70%;"> |
| 36 | 36 | ||
| 37 | <input type="text" placeholder="Search client " class="input form-control" ng-keyup="$event.keyCode == 13 && searchData()" ng-model="searchQuery"> | 37 | <input type="text" placeholder="Search client " class="input form-control" ng-keyup="$event.keyCode == 13 && searchData()" ng-model="searchQuery"> |
| 38 | <span class="input-group-btn"> | 38 | <span class="input-group-btn"> |
| 39 | <button type="button" class="btn btn btn-primary" ng-click="searchData()"> <i class="fa fa-search"></i> Search</button> | 39 | <button type="button" class="btn btn btn-primary" ng-click="searchData()"> <i class="fa fa-search"></i> Search</button> |
| 40 | </span> | 40 | </span> |
| 41 | </div> | 41 | </div> |
| 42 | <div class="clients-list"> | 42 | <div class="clients-list"> |
| 43 | <ul class="nav nav-tabs" id="tabClient"> | 43 | <ul class="nav nav-tabs" id="tabClient"> |
| 44 | <span class="pull-right small text-muted">{{clientLength}} Clients</span> | 44 | <span class="pull-right small text-muted">{{clientLength}} Clients</span> |
| 45 | <li class="customTab1"><a data-toggle="tab" ng-click="fboAdmin()" id="fbo"><i class="fa fa-user"></i> FBO Clients</a></li> | 45 | <li class="customTab1"><a data-toggle="tab" ng-click="fboAdmin()" id="fbo"><i class="fa fa-user"></i> FBO Clients</a></li> |
| 46 | <li class="active customTab2"><a data-toggle="tab" ng-click="fboDept()" id="flightDetp"><i class="fa fa-briefcase"></i> FBO Department Clients</a></li> | 46 | <li class="active customTab2"><a data-toggle="tab" ng-click="fboDept()" id="flightDetp"><i class="fa fa-briefcase"></i> FBO Department Clients</a></li> |
| 47 | </ul> | 47 | </ul> |
| 48 | <div class="tab-content"> | 48 | <div class="tab-content"> |
| 49 | <div id="tab-1" class="tab-pane"> | 49 | <div id="tab-1" class="tab-pane"> |
| 50 | <div class="full-height-scroll"> | 50 | <div class="full-height-scroll"> |
| 51 | <div class="table-responsive"> | 51 | <div class="table-responsive"> |
| 52 | <table class="table table-striped table-hover"> | 52 | <table class="table table-striped table-hover"> |
| 53 | <tbody> | 53 | <tbody> |
| 54 | <tr ng-repeat="client in fboClient" ui-sref="index.updateFBO({id: client.user.id})" style="cursor: pointer;"> | 54 | <tr ng-repeat="client in fboClient" ui-sref="index.updateFBO({id: client.user.id})" style="cursor: pointer;"> |
| 55 | <td class="client-link">{{client.user.companyName}}</td> | 55 | <td class="client-link">{{client.user.companyName}}</td> |
| 56 | <td> {{client.user.firstName}}</td> | 56 | <td> {{client.user.firstName}}</td> |
| 57 | <td><i class="fa fa-flag"></i> {{client.user.lastName}}</td> | 57 | <td><i class="fa fa-flag"></i> {{client.user.lastName}}</td> |
| 58 | <td class="client-status"><span class="label label-primary">{{client.user.account.user.status}}</span></td> | 58 | <td class="client-status"><span ng-if="client.user.account.user.status == 'ACTIVE'" class="label label-primary">{{client.user.account.user.status}}</span><span ng-if="client.user.account.user.status == 'INACTIVE'" class="label label-danger">{{client.user.account.user.status}}</span><span ng-if="client.user.account.user.status == 'PENDING'" class="label label-default">{{client.user.account.user.status}}</span></td> |
| 59 | </tr> | 59 | </tr> |
| 60 | 60 | ||
| 61 | </tbody> | 61 | </tbody> |
| 62 | </table> | 62 | </table> |
| 63 | </div> | 63 | </div> |
| 64 | </div> | 64 | </div> |
| 65 | </div> | 65 | </div> |
| 66 | <div id="tab-2" class="tab-pane"> | 66 | <div id="tab-2" class="tab-pane"> |
| 67 | <div class="full-height-scroll"> | 67 | <div class="full-height-scroll"> |
| 68 | <div class="table-responsive"> | 68 | <div class="table-responsive"> |
| 69 | <table class="table table-striped table-hover"> | 69 | <table class="table table-striped table-hover"> |
| 70 | <tbody> | 70 | <tbody> |
| 71 | <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;"> | 71 | <tr ng-repeat="dept in fboDeptList" ui-sref="index.updateFBODept({id: dept.user.id})" style="cursor: pointer;"> |
| 72 | <td><a data-toggle="tab" href="#company-1" class="client-link">{{dept.user.companyName}}</a></td> | 72 | <td><a data-toggle="tab" href="#company-1" class="client-link">{{dept.user.companyName}}</a></td> |
| 73 | <td>{{dept.user.firstName}}</td> | 73 | <td>{{dept.user.firstName}}</td> |
| 74 | <td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td> | 74 | <td><i class="fa fa-flag"></i> {{dept.user.lastName}}</td> |
| 75 | <td class="client-status"><span class="label label-primary">{{dept.user.account.user.status}}</span></td> | 75 | <td class="client-status"><span ng-if="dept.user.account.user.status == 'ACTIVE'" class="label label-primary">{{dept.user.account.user.status}}</span><span ng-if="dept.user.account.user.status == 'INACTIVE'" class="label label-danger">{{dept.user.account.user.status}}</span><span ng-if="dept.user.account.user.status == 'PENDING'" class="label label-default">{{dept.user.account.user.status}}</span></td> |
| 76 | </tr> | 76 | </tr> |
| 77 | </tbody> | 77 | </tbody> |
| 78 | </table> | 78 | </table> |
| 79 | </div> | 79 | </div> |
| 80 | </div> | 80 | </div> |
| 81 | </div> | 81 | </div> |
| 82 | </div> | 82 | </div> |
| 83 | </div> | 83 | </div> |
| 84 | </div> | 84 | </div> |
| 85 | </div> | 85 | </div> |
| 86 | </div> | 86 | </div> |
| 87 | </div> | 87 | </div> |
| 88 | </div> | 88 | </div> |