Switch the interface to Semantic-UI.
This commit is contained in:
Daniele Sluijters
@@ -1,104 +1,57 @@
|
||||
body {
|
||||
padding-top: 60px;
|
||||
margin: 0;
|
||||
font-family: "Open Sans", sans-serif;
|
||||
}
|
||||
th.headerSortUp {
|
||||
position: relative
|
||||
|
||||
a {
|
||||
color: #564F8A;
|
||||
text-decoration: none;
|
||||
}
|
||||
th.headerSortDown {
|
||||
position: relative
|
||||
|
||||
h1.ui.header.no-margin-bottom {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
th.header {
|
||||
position: relative
|
||||
|
||||
.tablesorter-header-inner {
|
||||
float: left;
|
||||
}
|
||||
th.header:after {
|
||||
content: "\f0dc";
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-decoration: inherit;
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
padding-right: 0.5em;
|
||||
float:right;
|
||||
|
||||
th.tablesorter-headerAsc::after {
|
||||
content: '\25b4' !important;
|
||||
float: right;
|
||||
}
|
||||
th.headerSortUp:after {
|
||||
content: "\f0de";
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-decoration: inherit;
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
padding-right: 0.5em;
|
||||
float:right;
|
||||
|
||||
th.tablesorter-headerDesc::after {
|
||||
content: '\25be' !important;
|
||||
float: right;
|
||||
}
|
||||
th.headerSortDown:after {
|
||||
content: "\f0dd";
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
text-decoration: inherit;
|
||||
color: #000;
|
||||
font-size: 18px;
|
||||
padding-right: 0.5em;
|
||||
float:right;
|
||||
|
||||
.ui.grid.padding-bottom {
|
||||
padding-bottom: 40px !important;
|
||||
}
|
||||
.stat {
|
||||
margin-bottom: 40px;
|
||||
|
||||
.status {
|
||||
width: 47%;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
.navbar .brand:hover {
|
||||
color: #fff;
|
||||
.count {
|
||||
width: 21%;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
.table tbody tr.error>td {
|
||||
background-color: #f2dede;
|
||||
|
||||
.no-margin-top {
|
||||
margin-top: -35px !important;
|
||||
}
|
||||
h1.error {
|
||||
color: rgb(223, 46, 27);
|
||||
|
||||
.absolute {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: #E8E8E8;
|
||||
}
|
||||
h1.success {
|
||||
color: #18BC9C;
|
||||
}
|
||||
h1.noop {
|
||||
color:#aaa;
|
||||
}
|
||||
tr.event {
|
||||
cursor: pointer;
|
||||
}
|
||||
td.message {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
background-color: #FFFFE9;
|
||||
}
|
||||
div[id^='message-event'] {
|
||||
display: none;
|
||||
padding: 4px 15px 4px 15px;
|
||||
}
|
||||
.label-count {
|
||||
width:25px;
|
||||
text-align:center;
|
||||
}
|
||||
.label-time {
|
||||
width:73px;
|
||||
text-align:center;
|
||||
}
|
||||
.label-status {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
.label-nothing {
|
||||
background-color:#ddd;
|
||||
color:#ddd;
|
||||
}
|
||||
.label.label-failed {
|
||||
background-color: rgb(231, 76, 60);
|
||||
}
|
||||
.label.label-changed {
|
||||
background-color: rgb(24, 188, 156);
|
||||
}
|
||||
.label.label-unreported {
|
||||
background-color: rgb(231, 76, 60);
|
||||
background-color: rgb(129, 145, 146);
|
||||
}
|
||||
.btn-lastreport {
|
||||
width:100px;
|
||||
|
||||
.absolute div {
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
9
puppetboard/static/js/tablesort.min.js
vendored
Normal file
9
puppetboard/static/js/tablesort.min.js
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
/*
|
||||
A simple, lightweight jQuery plugin for creating sortable tables.
|
||||
https://github.com/kylefox/jquery-tablesort
|
||||
Version 0.0.2
|
||||
*/
|
||||
$(function(){var a=window.jQuery;a.tablesort=function(d,c){var e=this;this.$table=d;this.$thead=this.$table.find("thead");this.settings=a.extend({},a.tablesort.defaults,c);this.$table.find("th").bind("click.tablesort",function(){e.sort(a(this))});this.direction=this.$th=this.index=null};a.tablesort.prototype={sort:function(d,c){var e=new Date,b=this,g=this.$table,n=0<this.$thead.length?g.find("tbody tr"):g.find("tr").has("td"),m=g.find("tr td:nth-of-type("+(d.index()+1)+")"),h=d.data().sortBy,k=[],
|
||||
l=m.map(function(c,e){return h?"function"===typeof h?h(a(d),a(e),b):h:null!=a(this).data().sortValue?a(this).data().sortValue:a(this).text()});if(0!==l.length){b.$table.find("th").removeClass(b.settings.asc+" "+b.settings.desc);this.direction="asc"!==c&&"desc"!==c?"asc"===this.direction?"desc":"asc":c;c="asc"==this.direction?1:-1;b.$table.trigger("tablesort:start",[b]);b.log("Sorting by "+this.index+" "+this.direction);for(var f=0,p=l.length;f<p;f++)k.push({index:f,cell:m[f],row:n[f],value:l[f]});
|
||||
k.sort(function(a,b){return a.value>b.value?1*c:a.value<b.value?-1*c:0});a.each(k,function(a,b){g.append(b.row)});d.addClass(b.settings[b.direction]);b.log("Sort finished in "+((new Date).getTime()-e.getTime())+"ms");b.$table.trigger("tablesort:complete",[b])}},log:function(d){(a.tablesort.DEBUG||this.settings.debug)&&console&&console.log&&console.log("[tablesort] "+d)},destroy:function(){this.$table.find("th").unbind("click.tablesort");this.$table.data("tablesort",null);return null}};a.tablesort.DEBUG=
|
||||
!1;a.tablesort.defaults={debug:a.tablesort.DEBUG,asc:"sorted ascending",desc:"sorted descending"};a.fn.tablesort=function(d){var c,e;return this.each(function(){c=a(this);(e=c.data("tablesort"))&&e.destroy();c.data("tablesort",new a.tablesort(c,d))})}});
|
||||
Reference in New Issue
Block a user