Commits

Anonymous committed 8e7ef88

Editing and presentation working fine now.

Comments (0)

Files changed (3)

txclib/static/css/txclient.css

 .navbar .btn-group {
   padding-top: 10px;
 }
+
+.show-grid .show-grid [class*="span"] {
+ background-color: #CCC;
+}
+
+
+div.reslist .row .tdbox {
+  padding: 5px;
+  vertical-align: middle;
+}
+
+div.reslist .row {
+ border-bottom: 1px solid #DDD;
+}

txclib/static/js/txclient.js

 
 $(function() {
 
-  /* Only show action links when we hover on the row */
-  $('.actions a, .links a').hide();
-  $('tr').hover(function() {
-      $(this).find('.actions a, .links a').addClass("selected").show();
-  }, function() {
-      $(this).find('.actions a, .links a').removeClass("selected").hide();
-  });
-
   /* AJAX for pull */
   $('.actions a').click(function(ev){
     var $this = $(this);

txclib/templates/index.html

       </div>
     </div>
 
-    <div class="container">
-    <div class="span9">
-      <div class="row">
+    <div class="container show-grid reslist">
+      {% for res in res_list %}
+      <div class="row" id="tr_{{ res.id }}">
+        <div class="span3 tdbox">
+          <span class="wr">
+            <span data-action='rename' class="resname edit" id="{{ res.id }}">{{ res.id }}</span>
+            <span class="links" style="margin-left: 0.5em;">
+              <a href="{{ res.r_url }}" target="_blank"><img src="{{ url_for('static', filename='img/icon-ext-link.png') }}" alt="Visit page" title="Resource on Transifex" /></a>
+            </span>
+          </span>
+        </div>
+        <div class="span5 tdbox">
+          <span class="edit resexpr" data-id="{{ res.id }}">{{ res.expr_highlight|safe }}</span></dd>
+        </div>
+        <div class="span2 actions tdbox">
+          <a href="#" data-action='pull' data-id="{{ res.id }}" title="Pull all languages (including source)">Pull</a>
+          <span class="result" style="display: none;"></span>
+          <a href="#" data-action='push' data-id="{{ res.id }}" title="Push all languages except source">Push</a>
+          <span class="result" style="display: none;"></span>
+        </div>
+      </div><!--/row-->
+      {% endfor %}
 
-        <table class="table">
-        <thead>
-          <tr>
-          <th width="30%"></th>
-          <th></th>
-          <th></th>
-          </tr>
-        </thead>
-        <tbody>
-        {% for res in res_list %}
-          <tr id="tr_{{ res.id }}" class="res">
-            <td class="r_name">
-              <span class="wr">
-                <span data-action='rename' class="resname edit" id="{{ res.id }}">{{ res.id }}</span>
-                <span class="links" style="margin-left: 0.5em;">
-                  <a href="{{ res.r_url }}" target="_blank"><img src="{{ url_for('static', filename='img/icon-ext-link.png') }}" alt="Visit page" title="Resource on Transifex" /></a>
-                </span>
-              </span>
-            </td>
-            <td>
-              <span class="edit resexpr" data-id="{{ res.id }}">{{ res.expr_highlight|safe }}</span></dd>
-            </td>
-            <td class="actions">
-              <a href="#" data-action='pull' data-id="{{ res.id }}" title="Pull all languages (including source)">Pull</a>
-              <span class="result" style="display: none;"></span>
-              <a href="#" data-action='push' data-id="{{ res.id }}" title="Push all languages except source">Push</a>
-              <span class="result" style="display: none;"></span>
-            </td>
-          </tr>
-        {% endfor %}
-        </tbody>
-        </table>
 
-
-      </div><!--/row-->
       <div class="row">
       <hr>
       <footer >
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.