Add an "edit mode" for the Rooms

app/widgets/Rooms/Rooms.php

@@ -63,18 +63,18 @@ class Rooms extends \Movim\Widget\Base
         Notification::append(null, $this->__('chatrooms.disconnected'));
     }
 
-    private function refreshRooms()
+    private function refreshRooms($edit = false)
     {
-        RPC::call('MovimTpl.fill', '#rooms_widget', $this->prepareRooms());
+        RPC::call('MovimTpl.fill', '#rooms_widget', $this->prepareRooms($edit));
         RPC::call('Rooms.refresh');
     }
 
     /**
      * @brief Get the Rooms
      */
-    public function ajaxDisplay()
+    public function ajaxDisplay($edit = false)
     {
-        $this->refreshRooms();
+        $this->refreshRooms($edit);
     }
 
     /**
@@ -285,7 +285,7 @@ class Rooms extends \Movim\Widget\Base
         }
     }
 
-    function prepareRooms()
+    function prepareRooms($edit = false)
     {
         $view = $this->tpl();
         $cod = new \modl\ConferenceDAO();
@@ -306,6 +306,7 @@ class Rooms extends \Movim\Widget\Base
             $connected = array_merge($connected, $list);
         }
 
+        $view->assign('edit', $edit);
         $view->assign('conferences', $connected);
         $view->assign('room', $this->get('r'));
 

app/widgets/Rooms/_rooms.tpl

@@ -1,20 +1,39 @@
 {if="!$c->supported('anonymous') && $c->getView() != 'room'"}
-    <ul class="list divided spaced active">
+    <ul class="list divided spaced {if="!$edit"}active{/if}">
         <li class="subheader">
+            <span class="control icon active gray" onclick="Rooms_ajaxDisplay({if="$edit"}false{else}true{/if});">
+                {if="$edit"}
+                    <i class="zmdi zmdi-check"></i>
+                {else}
+                    <i class="zmdi zmdi-settings"></i>
+                {/if}
+            </span>
             <p>
                 <span class="info">{$conferences|count}</span>
                 {$c->__('chatrooms.title')}
             </p>
         </li>
         {loop="$conferences"}
-            <li data-jid="{$value->conference}"
+            <li {if="!$edit"} data-jid="{$value->conference}" {/if}
                 {if="$value->nick != null"} data-nick="{$value->nick}" {/if}
                 class="room {if="$value->connected"}online{/if}">
                 <span data-key="chat|{$value->conference}" class="counter"></span>
                 {if="$value->connected"}
-                    <span class="primary icon small bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts"></i></span>
+                    <span class="primary icon small bubble color {$value->name|stringToColor}">
+                        <i class="zmdi zmdi-accounts"></i>
+                    </span>
                 {else}
-                    <span class="primary disabled icon small bubble color {$value->name|stringToColor}"><i class="zmdi zmdi-accounts-outline"></i></span>
+                    <span class="primary disabled icon small bubble color {$value->name|stringToColor}">
+                        <i class="zmdi zmdi-accounts-outline"></i>
+                    </span>
+                {/if}
+                {if="$edit"}
+                    <span class="control icon active gray" onclick="Rooms_ajaxRemoveConfirm('{$value->conference}');">
+                        <i class="zmdi zmdi-delete"></i>
+                    </span>
+                    <span class="control icon active gray" onclick="Rooms_ajaxEdit('{$value->conference}');">
+                        <i class="zmdi zmdi-edit"></i>
+                    </span>
                 {/if}
                 <p class="normal line">{$value->name} <span class="second">{$value->conference}</span></p>
             </li>

themes/material/css/listn.css

@@ -163,6 +163,10 @@ ul.list li > ul.list.card {
 
 /* Subheader */
 
+ul.list li.subheader {
+    overflow: hidden;
+}
+
 ul.list li.subheader > p {
     font-size: 1.75rem;
     line-height: 5rem;