From b11569167587eaffb907ba67fff7f38cd6d6e63b Mon Sep 17 00:00:00 2001
From: Finn Stutzenstein <finn.stutzenstein@hotmail.de>
Date: Tue, 2 Aug 2016 08:55:00 +0200
Subject: [PATCH] Messages now allow HTML tags (Fixes #2127)

---
 AUTHORS                                       |  1 +
 CHANGELOG                                     |  1 +
 openslides/core/static/css/app.css            | 23 ++++++++
 .../templates/core/projector-controls.html    | 58 +++++++++++--------
 .../static/templates/core/slide_message.html  |  2 +-
 5 files changed, 60 insertions(+), 25 deletions(-)

diff --git a/AUTHORS b/AUTHORS
index 3865bd6b0..2cd6c81c1 100644
--- a/AUTHORS
+++ b/AUTHORS
@@ -22,3 +22,4 @@ Authors of OpenSlides in chronological order of first contribution:
     Sean Engelhardt <sean.f.t.engelhardt@gmail.com>
     Maximilian Krambach <maximilian.krambach@gmx.de>
     Joel Macht <joel.macht@web.de>
+    Finn Stutzenstein <finn.stutzenstein@hotmail.de>
diff --git a/CHANGELOG b/CHANGELOG
index baaad159b..cea8aef13 100644
--- a/CHANGELOG
+++ b/CHANGELOG
@@ -14,6 +14,7 @@ Agenda:
 Core:
 - Used Django Channels instead of Tornado.
 - Added support for big assemblies with lots of users.
+- Added HTML support for messages on the projector.
 
 Motions:
 - Added origin field.
diff --git a/openslides/core/static/css/app.css b/openslides/core/static/css/app.css
index 06fc108ad..27ac93096 100644
--- a/openslides/core/static/css/app.css
+++ b/openslides/core/static/css/app.css
@@ -455,10 +455,33 @@ img {
     padding: 5px 15px;
 }
 
+.col2 .message .panel-heading {
+    padding: 3px 15px;
+}
+
 .col2 .message .panel-body {
     padding: 10px 15px;
 }
 
+.col2 .message .projectorbtn {
+    float: left;
+    width: auto;
+    margin: 5px 10px 5px 0px;
+}
+
+.col2 .message .innermessage {
+    float: left;
+    width: 180px;
+    max-width: 170px;
+    overflow: hidden;
+}
+
+.col2 .message .panel-input {
+    width: 228px;
+    float: left;
+    margin-top: 10px;
+}
+
 .col2 .countdown_timer {
     font-size: 2.2em;
     font-weight: bold;
diff --git a/openslides/core/static/templates/core/projector-controls.html b/openslides/core/static/templates/core/projector-controls.html
index 569902478..75893e8ee 100644
--- a/openslides/core/static/templates/core/projector-controls.html
+++ b/openslides/core/static/templates/core/projector-controls.html
@@ -170,37 +170,47 @@
       </a>
       <div uib-collapse="!isMessages" ng-cloak>
         <div ng-repeat="message in messages | orderBy: 'index'" id="{{message.uuid}}" class="message panel panel-default">
+
+          <div class="panel-heading">
+              <span>{{ 'Message' | translate }} {{ message.index + 1 }}</span>
+            <!-- remove message button -->
+            <button type="button" class="close"
+              ng-click="removeMessage(message)"
+              title="{{ 'Remove message' | translate}}">
+              <i class="fa fa-times"></i>
+            </button>
+            <button type="button" class="close editicon"
+              ng-click="editMessageFlag=true;"
+              title="{{ 'Edit message' | translate}}">
+              <i class="fa fa-pencil"></i>
+            </button>
+          </div>
+
           <div class="panel-body"
               ng-class="{ 'projected': message.visible }">
-            <!-- project message button -->
-            <a class="btn btn-default btn-sm"
+            <div class="projectorbtn">
+              <!-- project message button -->
+              <a class="btn btn-default btn-sm"
                 ng-model="message.visible"
                 ng-click="showMessage(message)"
                 ng-class="{ 'btn-primary': message.visible }"
-                title="{{ 'Project message' | translate }}">
-              <i class="fa fa-video-camera"></i>
-            </a>
-            &nbsp;&nbsp;
-            {{ message.message }}
-            <!-- remove message button -->
-            <button type="button" class="close"
-                ng-click="removeMessage(message)"
-                title="{{ 'Remove message' | translate}}">
-                <i class="fa fa-times"></i>
-            </button>
-            <button type="button" class="close editicon"
-                ng-click="editMessageFlag=true;"
-                title="{{ 'Edit message' | translate}}">
-                <i class="fa fa-pencil"></i>
-            </button>
-            <div ng-if="editMessageFlag" class="input-group">
-              <input ng-model="message.message" type="text" class="form-control input-sm">
-              <a ng-click="editMessage(message)"
-                  title="{{ 'Save' | translate}}"
-                 class="btn btn-sm btn-primary input-group-addon">
-                <i class="fa fa-check"></i>
+                title="{{ 'Project message' | translate }}" float="left">
+                <i class="fa fa-video-camera"></i>
               </a>
             </div>
+            &nbsp;&nbsp;
+            <div class="innermessage" ng-bind-html="message.message"> </div>
+
+            <div class="panel-input">
+              <div ng-if="editMessageFlag" class="input-group">
+                <input ng-model="message.message" type="text" class="form-control input-sm">
+                <a ng-click="editMessage(message)"
+                  title="{{ 'Save' | translate}}"
+                  class="btn btn-sm btn-primary input-group-addon">
+                  <i class="fa fa-check"></i>
+                </a>
+              </div>
+            </div>
           </div>
         </div>
         <!-- Add message button -->
diff --git a/openslides/core/static/templates/core/slide_message.html b/openslides/core/static/templates/core/slide_message.html
index 1d86416c7..4ef88d0cb 100644
--- a/openslides/core/static/templates/core/slide_message.html
+++ b/openslides/core/static/templates/core/slide_message.html
@@ -1,4 +1,4 @@
 <div ng-controller="SlideMessageCtrl">
   <div ng-if="visible" class="message_background"></div>
-  <div ng-if="visible" class="message well">{{ message }}</div>
+  <div ng-if="visible" class="message well" ng-bind-html="message"></div>
 </div>