ui: Redesign the projects page

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 3e9a49d2b3c8716091231ec5691572548df924d9..13d40311e589d415a7407d2489e45fd4a7339b64 100644 (file)
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -158,26 +158,8 @@ input#reorder-change {
        font-weight:normal;
 }
 
-/* project list view */
-.project-set {
-}
-
-.project-set .project {
-       display: inline-block;
-       vertical-align: top;
-       background: #fcfcfc;
-       border: thin solid #f0f0f0;
-       box-shadow: 5px 5px 5px #c0c0c0;
-       margin: 2em 0.2em;
-       padding: 1em;
-       width: 20em;
-       min-height: 5em;
-}
-
-.project h2.project-title {
-       font-weight: bold;
-       font-size: 110%;
-       margin: 0.2em 0;
+.thumbnail {
+       min-height: 150px;
 }
 
 /* patch view */

diff --git a/patchwork/templates/patchwork/projects.html b/patchwork/templates/patchwork/projects.html
index 543a1d4390c1c46757f431ece7adbf61bec3c999..b027d7c321e11c6ded9dad95fca1544fcffdfe9c 100644 (file)
--- a/patchwork/templates/patchwork/projects.html
+++ b/patchwork/templates/patchwork/projects.html
@@ -6,22 +6,31 @@
 {% block body %}
 
 {% if projects %}
- <div class="project-set">
- {% for p in projects %}
- <div class="project">
-  <h2 class="project-title">
-   <a href="{% url 'patch-list' project_id=p.linkname %}"
-    >{{p.linkname}}</a>
-  </h2>
-  <div class="project-name">{{p.name}}</div>
+<div class="row" style="margin-top:20px;">
+{% for p in projects %}
+ <div class="col-sm-6 col-md-4">
+   <div class="thumbnail">
+     <div class="caption">
+      <h3>{{p.name}}</h3>
+      <p class="core-info">
+       <span>
+        <a href="{% url 'patch-list' project_id=p.linkname %}">
+         View patches
+        </a>
+       </span>
+      </p>
 {% if p.web_url %}
-  <div class="project-url"><a href="{{p.web_url}}">website</a></div>
+      <p><a href="{{p.web_url}}">{{p.web_url}}</a></p>
+{% else %}
+      <p><a href="{{p.webscm_url}}">{{p.webscm_url}}</a></p>
 {% endif %}
-  </div>
- {% endfor %}
+     </div>
+   </div>
  </div>
+{% endfor %}
+</div>
 {% else %}
- <p>Patchwork doesn't have any projects to display!</p>
+<p>Patchwork doesn't have any projects to display!</p>
 {% endif %}
 
 {% endblock %}