From 3ca254c88e72aecbe11ae40708eb6b6e4401d842 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emanuel=20Sch=C3=BCtze?= <emanuel@intevation.de>
Date: Wed, 1 Feb 2017 23:24:36 +0100
Subject: [PATCH] Show/hide internal items in agenda sort view.

---
 openslides/agenda/static/js/agenda/site.js      |  1 +
 .../static/templates/agenda/item-sort.html      | 17 +++++++++++++----
 openslides/core/static/css/app.css              |  9 +++++++++
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/openslides/agenda/static/js/agenda/site.js b/openslides/agenda/static/js/agenda/site.js
index d29637ac2..6754e062e 100644
--- a/openslides/agenda/static/js/agenda/site.js
+++ b/openslides/agenda/static/js/agenda/site.js
@@ -572,6 +572,7 @@ angular.module('OpenSlidesApp.agenda.site', [
         }, function () {
             $scope.items = AgendaTree.getTree(Agenda.getAll());
         });
+        $scope.showInternalItems = true;
 
         // save parent and weight of moved agenda item (and all items on same level)
         $scope.treeOptions = {
diff --git a/openslides/agenda/static/templates/agenda/item-sort.html b/openslides/agenda/static/templates/agenda/item-sort.html
index 81387a137..eebe04d65 100644
--- a/openslides/agenda/static/templates/agenda/item-sort.html
+++ b/openslides/agenda/static/templates/agenda/item-sort.html
@@ -10,24 +10,33 @@
   </div>
 </div>
 
-<div class="details">
+<div class="details agenda-sort">
   <p translate>Drag and drop items to change the order of the agenda. Your modification will be saved immediately.</p>
 
+  <p>
+    <button class="btn btn-default btn-sm" ng-click="showInternalItems=!showInternalItems">
+      <translate ng-if="showInternalItems">Hide internal items</translate>
+      <translate ng-if="!showInternalItems">Show internal items</translate>
+    </button>
+
   <div ui-tree="treeOptions" id="tree-root">
     <ol ui-tree-nodes ng-model="items">
       <li ng-repeat="item in items" ui-tree-node ng-include="'nodes_renderer.html'">
     </ol>
   </div>
-  <p class="spacer">* <translate>Internal item</translate</p>
 </div>
 
 
 <!-- Nested node template -->
 <script type="text/ng-template" id="nodes_renderer.html">
-  <div ui-tree-handle>
-    <span ng-if="item.item.is_hidden">*</span>
+  <div ui-tree-handle ng-if="!item.item.is_hidden">
     {{ item.item.getListViewTitle() }}
   </div>
+  <div ui-tree-handle ng-if="item.item.is_hidden && showInternalItems" class="internal">
+    <i class="fa fa-ban"></i> &nbsp;
+    {{ item.item.getListViewTitle() }}
+  </div>
+
   <ol ui-tree-nodes="" ng-model="item.children">
     <li ng-repeat="item in item.children" ui-tree-node ng-include="'nodes_renderer.html'">
   </ol>
diff --git a/openslides/core/static/css/app.css b/openslides/core/static/css/app.css
index b6fd9b845..04529c763 100644
--- a/openslides/core/static/css/app.css
+++ b/openslides/core/static/css/app.css
@@ -1128,6 +1128,15 @@ img {
     width: 120px;
 }
 
+/** Agenda sort view **/
+.agenda-sort .internal {
+    padding: 7px;
+    opacity: 0.6;
+}
+.agenda-sort .angular-ui-tree-node {
+    min-height: 0;
+}
+
 /** Footer **/
 #footer {
     float: left;