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

ui: add checks for sessions and a double line list

This commit is contained in:
Jack Pearkes 2014-06-09 11:12:41 -04:00
parent 9c07ea5adc
commit 3efe6201b5
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui/index.html
View File

@ -498,12 +498,17 @@
{{errorMessage}} {{errorMessage}}
{{#each session in sessions }} {{#each session in sessions }}
<div class="list-group-item list-condensed"> <div class="list-group-item list-condensed double-line">
<div class="bg-light-gray list-bar-horizontal"></div> <div class="bg-light-gray list-bar-horizontal"></div>
<div class="name"> <div class="name">
{{session.ID}} {{session.ID}}
<button {{ action "invalidateSession" session.ID }} {{ bind-attr class=":btn :btn-danger :pull-right :btn-list isLoading:btn-warning" }}>Invalidate</button> <button {{ action "invalidateSession" session.ID }} {{ bind-attr class=":btn :btn-danger :pull-right :btn-list isLoading:btn-warning" }}>Invalidate</button>
</div> </div>
<ul class="list-inline sub">
{{#each check in session.Checks}}
<li class="bold">{{check}}</li>
{{/each}}
</ul>
</div> </div>
{{/each}} {{/each}}

15
ui/styles/_lists.scss
View File

@ -51,6 +51,11 @@
margin-top: 4px; margin-top: 4px;
height: 40px; height: 40px;
&.double-line {
height: 50px;
}
font-weight: 700; font-weight: 700;
.name { .name {
@ -64,6 +69,16 @@
color: $gray-light; color: $gray-light;
} }
} }
ul.sub {
li {
padding: 0;
}
margin: 0;
font-size: 12px;
color: $gray-light;
}
} }
.list-bar-horizontal { .list-bar-horizontal {