From fa497c2dc7570f5402bfdc21f8dee45a970ef618 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc=20S=C3=A1nchez?= <sanchezfauste@gmail.com>
Date: Fri, 29 Jun 2018 16:27:36 +0200
Subject: [PATCH] Adding TinyMCE editor on add case update form

---
 portal/static/portal/cases_detail.js             | 14 +-------------
 portal/templates/portal/module_detail_cases.html |  9 ++++++++-
 portal/views.py                                  |  2 +-
 3 files changed, 10 insertions(+), 15 deletions(-)

diff --git a/portal/static/portal/cases_detail.js b/portal/static/portal/cases_detail.js
index ea91c67..720a135 100644
--- a/portal/static/portal/cases_detail.js
+++ b/portal/static/portal/cases_detail.js
@@ -1,16 +1,4 @@
 $( document ).ready(function() {
-    
-    $('textarea').each(function () {
-        this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;resize:none;');
-    }).on('input', function () {
-        this.style.height = 'auto';
-        this.style.height = (this.scrollHeight) + 'px';
-        if (this.value.length > 0) {
-            $('#update-case-form-submit-button').prop('disabled', false);
-        } else {
-            $('#update-case-form-submit-button').prop('disabled', true);
-        }
-    });
 
     $('#update-case-form').submit(function(event) {
         // Stop the browser from submitting the form.
@@ -36,7 +24,7 @@ $( document ).ready(function() {
             $('#update_case_modal').each(function () {
                 $('#update-case-text').val('');
                 $('#update-case-attachment').val(null);
-                $('#update-case-form-submit-button').prop('disabled', true);
+                tinyMCE.get('update-case-text').load();
                 $('#case-updates').append(response.case_update);
                 $(this).find('.modal-body').html(
                     '<div class="alert alert-success" role="alert">'
diff --git a/portal/templates/portal/module_detail_cases.html b/portal/templates/portal/module_detail_cases.html
index b811ff5..3184aba 100644
--- a/portal/templates/portal/module_detail_cases.html
+++ b/portal/templates/portal/module_detail_cases.html
@@ -33,11 +33,18 @@ <h5 class="card-title">{% trans "Update case" %}</h5>
         <label for="update-case-attachment-label">{% trans "Attachments:" %}</label>
         <input type="file" class="form-control-file" id="update-case-attachment" name="update-case-attachment" multiple>
       </div>
-      <button type="submit" class="btn btn-primary" id="update-case-form-submit-button" disabled><span class="oi oi-share"></span> {% trans "Add update" %}</button>
+      <button type="submit" class="btn btn-primary" id="update-case-form-submit-button"><span class="oi oi-share"></span> {% trans "Add update" %}</button>
     </form>
   </div>
 </div>
 
+<script src="{% static 'portal/tinymce/tinymce.min.js' %}"></script>
+<script>
+    tinymce.init({
+        selector: '#update-case-text'
+    });
+</script>
+
 <!-- Modal -->
 <div class="modal fade" id="update_case_modal" tabindex="-1" role="dialog" aria-labelledby="update_case_modal_title" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered" role="document">
diff --git a/portal/views.py b/portal/views.py
index 51fee85..f19e478 100644
--- a/portal/views.py
+++ b/portal/views.py
@@ -435,7 +435,7 @@ def add_case_update(request):
             case_update['contact_id'] = request.user.userattr.contact_id
             case_update['case_id'] = request.POST['case-id']
             case_update['name'] = update_case_text[:45]
-            case_update['description'] = update_case_text.replace('\n', '<br>')
+            case_update['description'] = update_case_text
             case_update['internal'] = 0
             try:
                 SuiteCRM().save_bean(case_update)