]> git.pld-linux.org Git - projects/pld-builder.new.git/commitdiff
make filter toolbox float at the top
authorElan Ruusamäe <glen@pld-linux.org>
Fri, 26 Apr 2013 07:51:52 +0000 (10:51 +0300)
committerElan Ruusamäe <glen@pld-linux.org>
Fri, 26 Apr 2013 07:51:52 +0000 (10:51 +0300)
PLD_Builder/bqueue.py
PLD_Builder/script.js
PLD_Builder/style.css

index 65546bf10c406c65cbca379e34cb5ee7de15919d..e8d544a440c092baf151e5cc5d6be998c819da9a 100644 (file)
@@ -46,13 +46,18 @@ class B_Queue:
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
         <script type="text/javascript" src="script.js"></script>
     </head>
-<body>\n"""
+<body>
+<div id="header">
+    <div id="requesters-filter">Filter by requesters:<br></div>
+</div>
+<div id="content">
+"""
         )
         self.requests.reverse()
         for r in self.requests:
             r.dump_html(f)
         self.requests.reverse()
-        f.write("</body></html>\n")
+        f.write("</div></body></html>\n")
         f.flush()
         os.fsync(f.fileno())
         f.close()
index 4f11345269536d7e99a212876afc43d1a6d42895..8c137d30b5fab7ce637ce69e4160e600101478d9 100644 (file)
@@ -26,8 +26,11 @@ jQuery(function($) {
                        }
                });
 
-               var $filter = $('<div id=requesters-filter>Filter by requesters:<br></div>');
-               $('body').prepend($filter);
+               var $filter = $('#requesters-filter');
+               if ($filter.length == 0) {
+                       $filter = $('<div id=requesters-filter>Filter by requesters:<br></div>');
+                       $('body').prepend($filter);
+               }
                requesters.forEach(function(r) {
                        var $button = $('<button class=request-filter>'+ r + '</button>');
                        $button.on('click', function() {
index e0379a218c984f9985c162113650b52e0b1d49b4..95fc7e5cc07a70fef87c6f83968e3aef0c20aa29 100644 (file)
@@ -36,7 +36,7 @@ pre {
                position: relative;
        }
 
-       div {
+       div.request {
                background-color: white;
                margin: 10px 0px;
                padding: 2px;
@@ -55,12 +55,31 @@ pre {
                background-color: #ffffcc;
                color: black;
        }
+
+       #header {
+               background-color: white;
+               border: 1px solid black;
+               padding: 0.5em;
+               position: fixed;
+               z-index: 100;
+       }
+
+       #content {
+               clear: both;
+               margin-top: 5em;
+               overflow: auto;
+               position: absolute;
+               width: 100%;
+       }
 }
 @media print {
        a {
                background-color: inherit;
                color: inherit;
        }
+       #header {
+               display: none;
+       }
 }
 
 @media projection {
This page took 0.113361 seconds and 4 git commands to generate.