diff options
Diffstat (limited to 'ui/imports/ui/components/dashboard/dashboard.html')
-rw-r--r-- | ui/imports/ui/components/dashboard/dashboard.html | 137 |
1 files changed, 21 insertions, 116 deletions
diff --git a/ui/imports/ui/components/dashboard/dashboard.html b/ui/imports/ui/components/dashboard/dashboard.html index 5781374..fcc1d6e 100644 --- a/ui/imports/ui/components/dashboard/dashboard.html +++ b/ui/imports/ui/components/dashboard/dashboard.html @@ -10,140 +10,45 @@ --> <template name="Dashboard"> - <div class="flex-box"> + <div class="os-dashboard"> - <div class="flex-box-1 site-sidenav-collapse"> + <div class="site-sidenav-collapse"> <i class="material-icons">menu</i> </div> - <div class="flex-box-3 main-layout-no-nav"> + <div class="sm-main-layout-no-nav"> <!-- this flex box separate environment cards from alerts --> - <div class="flex-box "> + <div class="sm-main-row"> <!-- this flex box for environment cards --> - <div class="flex-box-3 flex-box flex-col"> + <div class="sm-environments"> {{#each envItem in envList}} - <div class="cards-flex-col-h500 white flex-box-1 "> - <div class="flex-box justify-content-between"> - <div class="flex-box-1"> - <i class="material-icons">view_carousel</i> - </div> - <div class="flex-box-3"> - <h3>Enviroment name: {{ envItem.name }}</h3> - <table class="table table-striped"> - <tbody> - <tr> - <th>Distribution</th> - <td> {{ envItem.distribution }} </td> - </tr> - <tr> - <th>Number of regions: {{ regoinsCount (envItem.name) }}</th> - <td> - <div class="dropdown"> - <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> - Select region from dropdown - <span class="caret"></span> - </button> - <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> - {{#each regionItem in regoins (envItem.name) }} - <li> - <a href="{{pathFor route='environment' - data=(asHash _id=(idToStr envItem._id)) - query=(asHash - selectedNodeId=(idToStr regionItem._id ) ) }}" - >{{ regionItem.object_name }}</a> - </li> - {{/each}} - </ul> - </div> - </td> - </tr> - <tr> - <th>Number of projects: {{ projectsCount (envItem.name) }}</th> - <td> - <div class="dropdown"> - <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> - Select project from dropdown - <span class="caret"></span> - </button> - <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> - {{#each projectItem in projects (envItem.name) }} - <li> - <a href="{{pathFor route='environment' - data=(asHash _id=(idToStr envItem._id)) - query=(asHash selectedNodeId=(idToStr projectItem._id)) }}" - >{{ projectItem.object_name }}</a> - </li> - {{/each}} - </ul> - </div> - - </td> - </tr> - </tbody> - </table> - <h5>Enviroment summary:</h5> - <div class="flex-box justify-content-around"> - <div class="cards-w300-h60 white blue-text flex-box-1"> - <div class="flex-box "> - <div class="flex-box-1"> - <i class="fa fa-desktop"></i> - </div> - <div class="flex-box-3"> - <p>Number of instances {{ instancesCount (envItem.name)}}</p> - </div> - </div> - </div> - <div class="cards-w300-h60 white blue-text flex-box-1"> - <div class="flex-box "> - <div class="flex-box-1"> - <i class="fa fa-object-group"></i> - </div> - <div class="flex-box-3"> - <p>Number of vServices {{ vservicesCount (envItem.name) }}</p> - </div> - </div> - </div> - </div> - <div class="flex-box justify-content-around"> - <div class="cards-w300-h60 white blue-text flex-box-1"> - <div class="flex-box "> - <div class="flex-box-1"> - <i class="fa fa-compress"></i> - </div> - <div class="flex-box-3"> - <p>Number of vConnectors {{ vconnectorsCount (envItem.name) }}</p> - </div> - </div> - </div> - <div class="cards-w300-h60 white blue-text flex-box-1"> - <div class="flex-box "> - <div class="flex-box-1"> - <i class="fa fa-server" aria-hidden="true"></i> - </div> - <div class="flex-box-3"> - <p>Number of hosts {{ hostsCount (envItem.name) }}</p> - </div> - </div> - </div> - </div> - </div> - </div> + <div class="item"> + {{> EnvironmentBox (argsEnvBox + envItem.name + (regoinsCount envItem.name) + (regoins envItem.name) + (projectsCount envItem.name) + (projects envItem.name) + (instancesCount envItem.name) + (vservicesCount envItem.name) + (vconnectorsCount envItem.name) + ) }} </div> {{/each}} <!-- envItem in envList --> </div> <!-- flex box for environment cards --> <!-- this flex box for alerts cards --> - <div class="flex-box-1 flex-box flex-col "> + <div class="sm-side-container"> <div class="sm-messages-section"> {{#each messagesInfoBox in (getListMessagesInfoBox) }} - <div class="sm-message-box"> - {{> MessagesInfoBox (argsMessagesInfoBox messagesInfoBox - (messageCount messagesInfoBox.level)) }} - </div> + <div class="sm-message-box"> + {{> MessagesInfoBox (argsMessagesInfoBox messagesInfoBox + (messageCount messagesInfoBox.level)) }} + </div> {{/each }} </div> |