From acd8ab7446345fd99a1754b928637d0d36f33447 Mon Sep 17 00:00:00 2001
From: yflory <yann.flory@xwiki.com>
Date: Mon, 27 Nov 2017 18:10:37 +0100
Subject: [PATCH] Add the markdown toolbar in profile

---
 customize.dist/src/less2/include/toolbar.less | 1 +
 www/profile/app-profile.less                  | 2 +-
 www/profile/inner.js                          | 8 +++++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/customize.dist/src/less2/include/toolbar.less b/customize.dist/src/less2/include/toolbar.less
index dbc30a3ec..5143e4872 100644
--- a/customize.dist/src/less2/include/toolbar.less
+++ b/customize.dist/src/less2/include/toolbar.less
@@ -175,6 +175,7 @@
             background-color: lighten(@bg-color, 20%);
             display: none;
             button {
+                height: @toolbar_line-height !important;
                 outline: 0;
                 color: @color;
                 .toolbar_button;
diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less
index b296f9804..f7cd747d3 100644
--- a/www/profile/app-profile.less
+++ b/www/profile/app-profile.less
@@ -125,7 +125,7 @@
         }
         .cp-app-profile-description-ok, .cp-app-profile-description-spin {
             position: absolute;
-            top: 2px;
+            bottom: 2px;
             right: 2px;
             display: none;
             z-index: 1000;
diff --git a/www/profile/inner.js b/www/profile/inner.js
index 66ae6aef1..9b48e2ca2 100644
--- a/www/profile/inner.js
+++ b/www/profile/inner.js
@@ -100,7 +100,6 @@ define([
                 'id': name+'Input',
                 placeholder: ph
             }).val(value);
-            var $icon = $('<span>', {'class': 'fa fa-pencil cp-app-profile-input-edit'});
             var editing = false;
             var todo = function () {
                 if (editing) { return; }
@@ -126,12 +125,11 @@ define([
                     $input.val(lastVal);
                 }
             });
-            $icon.click(function () { $input.focus(); });
             $input.focus(function () {
                 $input.width('');
             });
             $input.focusout(todo);
-            $block.append($input).append($icon);
+            $block.append($input);
         });
     };
 
@@ -354,6 +352,7 @@ define([
         var $spinner = $('<span>', {
             'class': 'cp-app-profile-description-spin fa fa-spinner fa-pulse'
         }).appendTo($block);
+
         var $textarea = $('<textarea>').val(APP.lm.proxy.description || '');
         $block.append($textarea);
         var editor = APP.editor = CodeMirror.fromTextArea($textarea[0], {
@@ -363,6 +362,9 @@ define([
             mode: "markdown",
         });
 
+        var markdownTb = common.createMarkdownToolbar(editor);
+        $block.prepend(markdownTb.toolbar);
+
         var onLocal = function () {
             $ok.hide();
             $spinner.show();