Merge pull request #1997 from opf/feature/15122-notification-no-work-package-results

app/assets/stylesheets/content/_work_packages_table.sass

@@ -190,3 +190,23 @@ table.workpackages-table
   height:       $work-packages-table--footer-height
   background:   #f6f7f8
   z-index:      0
+
+.work-packages-table--no-results-container
+  position:     absolute
+  top:          $work-packages-table--header-height * 1.5
+  left:         0
+  right:        10px
+  background:   #fff
+  border:       1px solid #ddd
+  border-radius: $button_border_radius
+  padding:      20px
+
+.work-packages-table--no-results-title
+  // properties to reset h2
+  border:         0
+  font-weight:    normal
+  text-transform: none
+  color:          black
+
+.work-packages-table--no-results-description
+  color:          black

config/locales/js-de.yml

@@ -301,6 +301,10 @@ de:
       label_options: "Optionen"
       message_error_during_bulk_delete: Fehler beim Löschen der Arbeitspakete.
       message_successful_bulk_delete: Arbeitspakete erfolgreich gelöscht.
+      no_results:
+        title: Keine Arbeitspakete anzuzeigen
+        description_html: |
+          <p>Es wurden entweder keine Arbeitspaketet erzeugt oder alle Arbeitspakete wurden ausgefiltert.</p>
       properties:
         assignee: "Zugewiesen an"
         author: "Autor"

config/locales/js-en.yml

@@ -304,6 +304,10 @@ en:
       label_options: "Options"
       message_error_during_bulk_delete: An error occurred while trying to delete work packages.
       message_successful_bulk_delete: Successfully deleted work packages.
+      no_results:
+        title: No work packages to display
+        description_html: |
+          <p>Either none have been created or all work packages are filtered out.</p>
       properties:
         assignee: "Assignee"
         author: "Author"

public/templates/work_packages/work_packages_table.html

@@ -194,5 +194,13 @@
 </table>
 <div class="work-packages-table--header-background"></div>
 <div class="work-packages-table--footer-background" ng-if="displaySums"></div>
+<div class="work-packages-table--no-results-container" ng-if="!rows.length">
+  <h2 class="work-packages-table--no-results-title">
+    <i class="icon-info"></i>
+    {{ I18n.t('js.work_packages.no_results.title') }}
+  </h2>
+  <div class="work-packages-table--no-results-description"
+    ng-bind-html="I18n.t('js.work_packages.no_results.description_html')"></div>
+</div>
 </div>
 </div>