add an explanation to admin controls as placeholders

app/assets/javascripts/app/controllers/_application_controller_generic.js.coffee

@@ -161,6 +161,7 @@ class App.ControllerGenericIndex extends App.Controller
           events:
             'click': @edit
         container: @container
+        explanation: @pageData.explanation or 'none'
       },
       @pageData.tableExtend
     )

app/assets/javascripts/app/controllers/_application_controller_table.js.coffee

@@ -104,7 +104,8 @@ class App.ControllerTable extends App.Controller
 
     # check if table is empty
     if _.isEmpty(data.objects)
-      table = '<p>-' + App.i18n.translateContent( 'none' ) + '-</p>'
+      table = App.view('generic/admin/empty')
+        explanation: data.explanation
       return $(table)
 
     # group by

app/assets/javascripts/app/controllers/text_module.js.coffee

@@ -21,6 +21,7 @@ class Index extends App.ControllerContent
         buttons: [
           { name: 'New TextModule', 'data-type': 'new', class: 'btn--success' }
         ]
+        explanation: 'Create Text Modules to spend less time writing responses. TextModules can include smart variables like the users name or email address.'
       container: @el.closest('.content')
     )
 

app/assets/javascripts/app/views/generic/admin/empty.jst.eco

@@ -0,0 +1 @@
+<p><%= @Ti( @explanation ) %></p>

app/assets/javascripts/app/views/object_manager/index.jst.eco

@@ -1,12 +1,10 @@
 <div class="page-header-title">
-  <div class="horizontal">
   <h1><%- @T( @head ) %> <small><%- @T( 'Object Manager' ) %></small></h1>
   <div class="page-header-meta">
     <a class="btn js-restore"><%- @T( 'Restore Attributes to default' ) %></a>
     <a class="btn btn--danger js-sync"><%- @T( 'Sync Changes' ) %> <span class="glyphicon glyphicon-lock"></span></a>
     <a class="btn btn--success js-new"><%- @T( 'New Attribute' ) %></a>
   </div>
-  </div>
 </div>
 <table class="table table-striped table-hover">
   <thead>

app/assets/stylesheets/zammad.css.scss

@@ -4801,6 +4801,21 @@ label + .wizard-buttonList {
   display: inherit;
 }
 
+.empty-space {
+  padding: 50px;
+  
+  svg {
+    width: 200px;
+    height: auto;
+  }
+  
+  .empty-space-tagline {
+    color: hsl(198, 19%, 72%);
+    margin-top: 15px;
+    font-size: 18px;
+  }
+}
+
 /*
 
   ----------------