Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

added single queue stub

  • Loading branch information...
commit d4c9e20e2ef97a3434b9892caf8c0027220d1fa9 1 parent 1239086
Iurii Ogiienko authored July 30, 2011
111  static/css/style.css
@@ -122,28 +122,31 @@ footer {
122 122
 #main_menu{
123 123
     float: right;
124 124
     border-right: 1px solid #010101;
125  
-border-left: 1px solid #2b2b2b;
126  
-margin: 0;
127  
-    }
  125
+    border-left: 1px solid #2b2b2b;
  126
+    margin: 0;
  127
+}
128 128
 
129 129
 #main_menu li{
130  
-width: 108px;
131  
-border-left: 1px solid #010101;
132  
-border-right: 1px solid #2b2b2b;
133  
-font-weight: bold;
134  
-line-height: 6.3;
135  
-font-size: 12px;
136  
-list-style: none;
137  
-text-align: center;
138  
-float: left;
139  
-color: #f1f1f1;
140  
-font-family: Ubuntu, Monaco, Calibri, Tahoma, Arial, sans-serif;
141  
-vertical-align: middle;
142  
-    }
  130
+    width: 108px;
  131
+    border-left: 1px solid #010101;
  132
+    border-right: 1px solid #2b2b2b;
  133
+    font-weight: bold;
  134
+    line-height: 6.3;
  135
+    font-size: 12px;
  136
+    list-style: none;
  137
+    text-align: center;
  138
+    float: left;
  139
+    color: #f1f1f1;
  140
+    font-family: Ubuntu, Monaco, Calibri, Tahoma, Arial, sans-serif;
  141
+    vertical-align: middle;
  142
+}
  143
+#main_menu li a{
  144
+    text-decoration: none;
  145
+}
143 146
 
144 147
 #main_menu li.selected{
145  
-background-color: rgba(0,0,0, 0.25);
146  
-    }
  148
+    background-color: rgba(0,0,0, 0.25);
  149
+}
147 150
 
148 151
 aside{
149 152
     width: 48%;
@@ -153,9 +156,13 @@ aside{
153 156
 /* BLOCK STYLE*/
154 157
 
155 158
 .block{
156  
-padding-top: 10px;
157  
-width: 48%;
158  
-    }
  159
+    padding-top: 10px;
  160
+    width: 48%;
  161
+}
  162
+
  163
+.block a{
  164
+    text-decoration: none;
  165
+}
159 166
 
160 167
 .block h2{
161 168
 font-size: 24px;
@@ -213,6 +220,66 @@ aside .block{
213 220
 }
214 221
 
215 222
 
  223
+/* SINGLE QUEUE ITEM*/
  224
+
  225
+#queues_list a{
  226
+    text-decoration: none;
  227
+}
  228
+
  229
+#queues_list .queue_item{
  230
+    list-style: none inside none;
  231
+    margin-bottom: 24px;
  232
+}
  233
+
  234
+#queues_list .queue_item.collapsed{
  235
+    margin-bottom: 6px;
  236
+}
  237
+
  238
+.queue_headline{
  239
+    font-size: 12px;
  240
+    color: #b8b8b8;
  241
+    line-height: 2;
  242
+    border-bottom: 1px solid #010101;
  243
+    padding-left: 12px;
  244
+    background-color: rgba(0,0,0, 0.25);
  245
+}
  246
+.queue_headline h3{
  247
+    font-size: 16px;
  248
+}
  249
+
  250
+.queue_headline .short_info{
  251
+    float: right;
  252
+    margin: 0 10px;
  253
+}
  254
+.queue_headline .expand_queue{
  255
+    float: right;
  256
+    color: #969696;
  257
+    font-weight: bolder;
  258
+    margin: 0 10px;
  259
+    cursor: pointer;
  260
+}
  261
+
  262
+.queue_headline .workers_value{
  263
+    color: #ffe825;
  264
+}
  265
+
  266
+.queue_headline .mem_value{
  267
+    color: #1696ff;
  268
+}
  269
+
  270
+.queue_headline .cpu_value{
  271
+    color: #0f0;
  272
+}
  273
+
  274
+.queue_details{
  275
+    border-top: 1px solid #2b2b2b;
  276
+    background: rgba(0,0,0,0.15);
  277
+}
  278
+
  279
+
  280
+
  281
+
  282
+
216 283
 
217 284
 
218 285
 
@@ -261,4 +328,4 @@ aside .block{
261 328
   @page { margin: 0.5cm; }
262 329
   p, h2, h3 { orphans: 3; widows: 3; }
263 330
   h2, h3{ page-break-after: avoid; }
264  
-}
  331
+}
11  templates/dashboard/queue/queue.html
... ...
@@ -0,0 +1,11 @@
  1
+<div class="queue_headline">
  2
+
  3
+    <a href="#" class="expand_queue" title="Show queue details">&dArr;</a>
  4
+    <a href="#" class="short_info workers_value" title="Number of workers">5</a>
  5
+    <a href="#" class="short_info mem_value" title="Memory">80%</a>
  6
+    <a href="#" class="short_info cpu_value" title="CPU">55%</a>
  7
+
  8
+    <h3>[Name of Queue]</h3>
  9
+
  10
+</div>
  11
+
2  templates/dashboard/queue/queue_list.html
@@ -5,7 +5,7 @@
5 5
     <ul id="queues_list">
6 6
         
7 7
         <li class="queue_item">
8  
-            QUEUE ITEM
  8
+            {% include 'dashboard/queue/queue.html' %}
9 9
         </li>
10 10
 
11 11
     </ul>

0 notes on commit d4c9e20

Please sign in to comment.
Something went wrong with that request. Please try again.