insufficient rights warning layout reference

hint: use the error class for the icon in the tabs list

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

@@ -754,4 +754,15 @@ class loadingPlaceholderRef extends App.ControllerContent
 
 App.Config.set( 'layout_ref/loading_placeholder', loadingPlaceholderRef, 'Routes' )
 
+class insufficientRightsRef extends App.ControllerContent
+
+  constructor: ->
+    super
+    @render()
+
+  render: ->
+    @html App.view('layout_ref/insufficient_rights')()
+
+App.Config.set( 'layout_ref/insufficient_rights', insufficientRightsRef, 'Routes' )
+
 App.Config.set( 'LayoutRef', { prio: 1700, parent: '#current_user', name: 'Layout Reference', target: '#layout_ref', role: [ 'Admin' ] }, 'NavBarRight' )

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

@@ -21,6 +21,7 @@
     <li><a href="#layout_ref/richtext">Richtext</a></li>
     <li><a href="#layout_ref/local_modal">Local Modal</a></li>
     <li><a href="#layout_ref/loading_placeholder">Loading Placeholder</a></li>
+    <li><a href="#layout_ref/insufficient_rights">Insufficient Rights Warning</a></li>
   </ul>
 
 </div>

app/assets/javascripts/app/views/layout_ref/insufficient_rights.jst.eco

@@ -0,0 +1,3 @@
+<div class="flex fullscreenMessage">
+  <div class="error icon"></div><h2>Opps.. I'm sorry, but you have insufficient rights to open this ticket.</h2>
+</div>

app/assets/javascripts/app/views/layout_ref/loading_placeholder.jst.eco

@@ -1,3 +1,3 @@
-<div class="flex loadingPlaceholder">
+<div class="flex fullscreenMessage">
   <div class="loading icon"></div><h2>Loading Ticket</h2>
 </div>

app/assets/stylesheets/zammad.css.scss

@@ -766,7 +766,7 @@ textarea,
     z-index: 1;
   }
 
-.loadingPlaceholder {
+.fullscreenMessage {
   @extend .centered;
   
   .icon {