Skip to content

Commit

Permalink
Fix tariqbuilds#86, tariqbuilds#87: broken refresh buttons.
Browse files Browse the repository at this point in the history 
Clicking the refresh icon would yield the wrong element ID. This moves
the refresh icon from a separate element to the button container, so the
icon is the button as opposed to being contained within it.
  • Loading branch information
@commonquail
commonquail committed Feb 8, 2014
1 parent df9fa53 commit 910ea88
Show file tree
Hide file tree
Showing 2 changed files with 19 additions and 32 deletions.
4 changes: 2 additions & 2 deletions css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -400,8 +400,8 @@ textarea {
vertical-align: middle;
}

.widget-header [class^="icon-refresh"]{
margin:4px;
.icon-refresh {
padding: 5px 10px;
}

.widget-content {
Expand Down
47 changes: 17 additions & 30 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,14 +59,13 @@
<div class="container">

<div class="lead" style="text-align: center;">
<br>
<div class="btn js-refresh-info" id="refresh-all">
<i class="icon-refresh pop" rel="popover"
data-content="Click here to refresh all widgets on the page"
data-original-title="Refresh All Widgets"></i>
</div>
<br>
A simple web dashboard to monitor your server.
<div class="btn icon-refresh pop js-refresh-info" rel="popover"
data-content="Click here to refresh all widgets on the page"
data-original-title="Refresh All Widgets" id="refresh-all">
</div>
<div>
A simple web dashboard to monitor your server.
</div>
</div>

<div class="row">
Expand All @@ -76,9 +75,7 @@
<div class="widget-header"> <i class="icon-info-sign"></i>
<h3>General Info</h3>

<div id="refresh-os" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>

<div id="refresh-os" class="btn icon-refresh js-refresh-info">
</div>

</div>
Expand All @@ -102,9 +99,7 @@ <h3>General Info</h3>
<div class="widget-header"> <i class="icon-laptop"></i>
<h3>Load average</h3>

<div id="refresh-cpu" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>

<div id="refresh-cpu" class="btn icon-refresh js-refresh-info">
</div>

</div>
Expand Down Expand Up @@ -147,8 +142,7 @@ <h3>Load average</h3>
<div class="widget-header">
<i class="icon-list-alt"></i>
<h3>RAM</h3>
<div id="refresh-ram" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-ram" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand Down Expand Up @@ -195,8 +189,7 @@ <h3>RAM</h3>
<div class="widget widget-table">
<div class="widget-header"> <i class="icon-list"></i>
<h3>Disk Usage</h3>
<div id="refresh-df" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-df" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -213,8 +206,7 @@ <h3>Disk Usage</h3>
<div class="widget widget-table action-table">
<div class="widget-header"> <i class="icon-group"></i>
<h3>Users</h3>
<div id="refresh-users" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-users" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -241,8 +233,7 @@ <h3>Users</h3>
<div class="widget widget-table">
<div class="widget-header"> <i class="icon-list"></i>
<h3>Software</h3>
<div id="refresh-whereis" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-whereis" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -260,8 +251,7 @@ <h3>Software</h3>
<div class="widget widget-table">
<div class="widget-header"> <i class="icon-monitor"></i>
<h3>IP</h3>
<div id="refresh-ip" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-ip" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -278,8 +268,7 @@ <h3>IP</h3>
<div class="widget widget-table">
<div class="widget-header"> <i class="icon-monitor"></i>
<h3>Internet Speed</h3>
<div id="refresh-ispeed" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-ispeed" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -299,8 +288,7 @@ <h3>Internet Speed</h3>
<div class="widget widget-table action-table">
<div class="widget-header"> <i class="icon-group"></i>
<h3>Online</h3>
<div id="refresh-online" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-online" class="btn icon-refresh js-refresh-info">
</div>
</div>
<!-- /widget-header -->
Expand All @@ -324,8 +312,7 @@ <h3>Online</h3>
<div class="widget widget-table">
<div class="widget-header"> <i class="icon-dashboard"></i>
<h3> Processes </h3>
<div id="refresh-ps" class="btn btn-mini js-refresh-info">
<i class="icon-refresh"></i>
<div id="refresh-ps" class="btn icon-refresh js-refresh-info">
</div>
<div class="pull-right">
<input type="text" id="filter-ps" class="widget-search" placeholder="search..." />
Expand Down

0 comments on commit 910ea88

Please sign in to comment.