Applies design of mockup to searchresults-page.

ckanext/odsh/i18n/de/LC_MESSAGES/ckanext-odsh.po

@@ -39,3 +39,13 @@ msgstr "Namensnennung"
 
 msgid "Spatial extension"
 msgstr "räumliche Ausdehnung"
+
+msgid "{number} dataset found"
+msgid_plural "{number} datasets found"
+msgstr[0] "{number} Datensatz gefunden X"
+msgstr[1] "{number} Datensätze gefunden X"
+
+msgid "{number} dataset found for \"{query}\""
+msgid_plural "{number} datasets found for \"{query}\""
+msgstr[0] "{number} Ergebnis für \"{query}\""
+msgstr[1] "{number} Ergebnisse für \"{query}\""

ckanext/odsh/public/odsh.css

@@ -60,13 +60,24 @@ input, button, select, textarea {
     width: 1000px;
 }
 
+.search-form {
+    border-bottom: 4px solid #dbdbdb;
+    padding-bottom: 5px;
+}
+
 .search-form .control-order-by select {
     width: 225px;
     margin: 0;
+    border: 1px;
+    background-color: #f2f2f2;
+    color: black;
 }
 
 .search-form h2 {
     margin-top: 0px;
+    font-size: 25px;
+    color: #003064;
+    font-weight: 300;
 }
 
 .module-content:first-child {
@@ -227,3 +238,80 @@ label.mylabel::after {
     display: table-cell;
     vertical-align: top;
 }
+
+.pill {
+    background-color: #F6F7F9;
+    border-radius: 0px;
+    color:black;
+    font-size: 12px;
+    margin-right: 2px;
+}
+
+.pill a.remove {
+    color: black;
+    font-size: 10px;
+    position: relative;
+    top: -8px;
+    right: -8px;    
+}
+
+.container-fluid.odsh-dataset-item {
+    padding: 20px 0px 20px 0px;
+    border-bottom: 2px solid #DBDBDB;
+}
+
+.dataset-content {
+    float:left;
+    width: 70%;
+}
+
+.dataset-heading {
+    margin-right: 30px;
+}
+
+.dataset-empty {
+    margin-right: 30px;
+    color: darkgrey;
+}
+
+.dataset-meta {
+    float:right;
+    width: 30%;
+}
+
+ul.dataset-resources {
+    margin: 0px 0px 10px 0px;
+}
+
+.dataformat-label {
+    background-color: #1c355e !important;
+    padding: 3px 3px 1px 3px;
+    font-size: 14px;
+    margin-right: 4px;
+}
+
+.dataset-stars {
+    margin-bottom: 10px;
+}
+
+.odsh-star {
+    margin-right: 5px;
+    font-size: 20px;
+    color: #1c355e;    
+}
+
+.dataformat-label:hover {
+    background-color: #d7004d !important;
+}
+
+.dataset-info p {
+    font-size: 12px;
+    margin-bottom: 1px;
+    color: black;
+}
+
+.breadcrumb>li a {
+    font-weight: normal !important;
+    font-size: 15px;
+    color: #003064 !important;
+}

ckanext/odsh/templates/snippets/package_item.html

@@ -22,10 +22,10 @@ Example:
 {% set org = package.organization.title or package.organization.name or '-' %}
 {% set access_count=(package.tracking_summary.total if package.tracking_summary) or '-' %}
 {% set timerange_label ='Zeitraum' %}
-{% set access_count_label ='Zugriffe' %}
+{% set access_count_label ='Aufrufe' %}
 
 {% block package_item %}
-<li class="{{ item_class or "dataset-item" }}">
+<div class="container-fluid odsh-dataset-item">
   {% block content %}
   <div class="dataset-content">
     {% block heading %}
@@ -62,34 +62,42 @@ Example:
     {% if notes %}
     <div>{{ notes|urlize }}</div>
     {% else %}
-    <p class="empty">{{ _("This dataset has no description") }}</p>
+    <p class="dataset-empty">{{ _("This dataset has no description") }}</p>
     {% endif %}
     {% endblock %}
   </div>
+  <div class="dataset-meta">
     {% block resources %}
     {% if package.resources and not hide_resources %}
     {% block resources_outer %}
-  <ul class="dataset-resources unstyled">
+    <ul class="dataset-resources">
       {% block resources_inner %}
       {% for resource in h.dict_list_reduce(package.resources, 'format') %}
       <li>
-      <a href="{{ h.url_for(controller='package', action='read', id=package.name) }}" class="label" data-format="{{ resource.lower() }}">{{
+	<a href="{{ h.url_for(controller='package', action='read', id=package.name) }}" class="label dataformat-label" data-format="{{ resource.lower() }}">{{
           resource }}</a>
       </li>
       {% endfor %}
       {% endblock %}
     </ul>
-  <span> {{_('Organizations')}}: {{org}}</span>
-  <span> {{_('License')}}: {{license}}</span>
-  <span> {{timerange_label}}: {{timerange}}</span>
-  <span> {{access_count_label}}: {{access_count}}</span>
+    <div class="dataset-stars">
+      <i class="fa fa-star odsh-star"></i><i class="fa fa-star odsh-star"></i><i class="fa fa-star odsh-star"></i><i class="fa fa-star odsh-star"></i><i class="fa fa-star-o odsh-star"></i>
+    </div>
+
+    <div class="dataset-info">
+      <p> {{_('Lizenz')}}: {{license}}</p>
+      <p> {{_('Herausgeber')}}: {{org}} </p>
+      <p> {{timerange_label}}: {{timerange}}</p>
+      <p> {{access_count_label}}: {{access_count}}</p>
+    </div>
     {% endblock %}
     {% endif %}
     {% endblock %}
+  </div>
   {% block package_openness %}
   <div class="module module-narrow module-shallow context-info">
   </div>
   {% endblock %}
   {% endblock %}
-</li>
+</div>
 {% endblock %}

ckanext/odsh/templates/snippets/package_list.html

@@ -16,12 +16,12 @@ Example:
 #}
 {% block package_list %}
   {% if packages %}
-    <ul class="{{ list_class or 'dataset-list unstyled' }}">
+    <div class="{{ list_class or 'dataset-list unstyled' }}">
     	{% block package_list_inner %}
 	      {% for package in packages %}
 	        {% snippet 'snippets/package_item.html', package=package, item_class=item_class, hide_resources=hide_resources, banner=banner, truncate=truncate, truncate_title=truncate_title %}
 	      {% endfor %}
 	    {% endblock %}
-    </ul>
+    </div>
   {% endif %}
 {% endblock %}