status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

ui: link to panels, drop actions

This commit is contained in:
Jack Pearkes 2014-04-25 13:52:52 -04:00
parent 4cbdc94e29
commit 81c1f3a313
2 changed files with 7 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
ui/index.html
View File

@ -99,8 +99,8 @@
{{#each node in model }}
<div {{bind-attr class=":panel node.hasFailingChecks:panel-warning:panel-success"}}>
<div class="panel-bar"></div>
{{#link-to 'nodes.show' node.Node tagName="div" href=false class="panel panel-link" }}
<div {{ bind-attr class=":panel-bar node.hasFailingChecks:bg-orange:bg-green" }}></div>
<div class="panel-heading">
<h3 class="panel-title">
{{#link-to 'nodes.show' node.Node class='subtle'}}{{node.Node}}{{/link-to}}
@ -118,7 +118,7 @@
{{/each}}
</ul>
</div>
</div>
{{/link-to}}
{{/each}}
</script>
@ -164,8 +164,8 @@
{{#each check in model.Checks }}
<div {{bind-attr class=":panel model.hasFailingChecks:panel-warning:panel-success"}}>
<div class="panel-bar"></div>
<div class="panel">
<div {{bind-attr class=":panel-bar model.hasFailingChecks:bg-orange:bg-green"}} ></div>
<div class="panel-heading">
<h3 class="panel-title">
{{check.Name}}
@ -192,8 +192,8 @@
{{#each service in model.Services }}
{{#link-to 'services.show' service.Service }}
<div class="panel panel-default panel-link panel-short">
<div class="panel-bar"></div>
<div class="panel panel-link panel-short">
<div class="panel-bar bg-light-gray"></div>
<div class="panel-heading">
<h3 class="panel-title">
{{service.Service}}

24
ui/styles/_panels.scss
View File

@ -45,30 +45,6 @@
border-top-right-radius: 3px;
}
&.panel-default {
.panel-bar {
background-color: $gray-background;
}
}
&.panel-success {
.panel-bar {
background-color: $green-faded;
}
}
&.panel-danger {
.panel-bar {
background-color: $red-faded;
}
}
&.panel-warning {
.panel-bar {
background-color: $orange-faded;
}
}
&.panel-link {
border-bottom-width: 4px;
}