From f0f652bd2ac9ef728074f666d41fd229c9508cb9 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Thu, 19 Dec 2019 10:42:02 +0200
Subject: [PATCH 01/14] Added local configuration

---
 webapp/src/main/webapp/WEB-INF/conf/configuration.xml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/main/webapp/WEB-INF/conf/configuration.xml b/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
index 0682dd2c..ff30239d 100644
--- a/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
+++ b/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
@@ -37,13 +37,13 @@
     <key>org.exoplatform.outlook.jcr.ContentLink</key>
     <type>org.exoplatform.outlook.jcr.ContentLink</type>
     <!-- Use below configuration to introduce explicit settings for content link URLs -->
-    <!-- init-params>
+    <init-params>
       <properties-param>
         <name>link-configuration</name>
-        <property name="server-host" value="${outlook.exo.server.host:}" />
-        <property name="server-schema" value="${outlook.exo.server.schema:http}" />
+        <property name="server-host" value="${outlook.exo.server.host:nik.exoplatform.com.ua}" />
+        <property name="server-schema" value="${outlook.exo.server.schema:https}" />
       </properties-param>
-    </init-params -->
+    </init-params>
   </component>
 
   <component>

From 6ea016d3228b5af72b9ec5a579c0f02bcd534257 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Fri, 20 Dec 2019 11:13:19 +0200
Subject: [PATCH 02/14] Fixed Outlook Save Attachments js error (missed var)
 and added vertical alignment for icons of the field in Destination folder
 block (.currentFolder)

---
 webapp/src/main/webapp/js/outlook.js    |  2 +-
 webapp/src/main/webapp/skin/outlook.css | 41 +++++++++++++++----------
 2 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/webapp/src/main/webapp/js/outlook.js b/webapp/src/main/webapp/js/outlook.js
index a82f70b0..f09aec59 100644
--- a/webapp/src/main/webapp/js/outlook.js
+++ b/webapp/src/main/webapp/js/outlook.js
@@ -834,7 +834,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
 
           var item = Office.context.mailbox.item;
           if (item.attachments.length > 0) {
-            for (i = 0; i < item.attachments.length; i++) {
+            for (var i = 0; i < item.attachments.length; i++) {
               var att = item.attachments[i];
               var $li = $("<li class='ms-ListItem is-selectable'><span class='ms-ListItem-primaryText'>"
                 + att.name + "</span><span class='ms-ListItem-metaText attachmentSize'>" //
diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index d2111e6d..0a023ba4 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -3,7 +3,7 @@ body {
   padding: 0;
 }
 
-.logoIcon* {
+.logoIcon * {
   display: inline-block;
 }
 
@@ -36,7 +36,7 @@ body {
 }
 
 /* It is a workaround to do not show dropdown in right-upper corner in task pane of Outlook for Windows/Web */
-@media ( min-width : 280px) {
+@media ( min-width: 280px) {
   #outlook-pane .ms-Dropdown-items {
     top: auto;
     right: auto;
@@ -44,13 +44,14 @@ body {
     left: auto;
     max-width: 100%;
   }
+
   #outlook-pane .ms-Dropdown.ms-Dropdown--open .ms-Dropdown-items, #outlook-pane .ms-Dropdown.is-open .ms-Dropdown-items {
     position: absolute;
   }
 }
 
 /* Error banner (common) */
-.error-message>.ms-MessageBanner {
+.error-message > .ms-MessageBanner {
   min-width: 290px;
   background-color: #fde7e9;
   color: #a80000;
@@ -230,7 +231,7 @@ span[disabled] {
   display: block !important;
 }
 
-#path-info>.ms-ListItem {
+#path-info > .ms-ListItem {
   padding-left: 0px;
   padding-right: 0px;
 }
@@ -364,17 +365,17 @@ div.form-buttons {
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 25px, white);
 }
 
-.messageEditor, .messageEditorContainer>.messageText, .statusText, .topicText {
+.messageEditor, .messageEditorContainer > .messageText, .statusText, .topicText {
   height: 200px;
   overflow: hidden;
   padding: 0px;
 }
 
-.messageEditor, .messageEditorContainer>.messageText {
+.messageEditor, .messageEditorContainer > .messageText {
   max-height: 250px;
 }
 
-.messageSubject, .messageEditorContainer>input[name='messageSubject'] {
+.messageSubject, .messageEditorContainer > input[name='messageSubject'] {
   margin-bottom: -1px !important;
 }
 
@@ -477,7 +478,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   /*padding: 5px;*/
   text-overflow: ellipsis;
   font-family: "wf_segoe-ui_semilight", "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial,
-    sans-serif;
+  sans-serif;
 }
 
 .activity {
@@ -591,7 +592,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   height: max-content;
 }
 
-@media ( min-width : 480px) {
+@media ( min-width: 480px) {
   #outlook-userInfo .ms-PersonaCard {
     /*max-width: 90%;*/
     /*width: 80%;*/
@@ -599,9 +600,9 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   }
 }
 
-@media ( max-width : 480px) {
+@media ( max-width: 480px) {
   #outlook-userInfo .ms-Persona-imageArea, #outlook-userInfo .ms-Persona-image, #outlook-userInfo .ms-Persona-imageArea,
-    #outlook-userInfo .ms-Persona-image {
+  #outlook-userInfo .ms-Persona-image {
     /*min-height: 48px;*/
     /*min-width: 48px;*/
     /*width: 100%;*/
@@ -738,15 +739,17 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 
 .add-btn span {
   position: absolute;
-  top: 50%; margin-top: -4px;
-  left: 50%; margin-left: -1px;
+  top: 50%;
+  margin-top: -4px;
+  left: 50%;
+  margin-left: -1px;
   width: 3px;
   height: 14px;
   background-color: #0078d7;
   transition: 0.5s;
 }
 
-.add-btn span::before{
+.add-btn span::before {
   background-color: #0078d7;
   width: 3px;
   position: absolute;
@@ -776,9 +779,11 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 .ms-CommandBarSearch input {
   padding: 0 0 0 40px;
 }
+
 .ms-Sialog-Compose {
   display: flex;
 }
+
 .ms-Persona-compase {
   display: contents;
 }
@@ -823,10 +828,14 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 }
 
 .connections {
-    position: relative;
-    transition: 2s;
+  position: relative;
+  transition: 2s;
 }
 
 .compose-Persona {
   margin: 10px 15px 10px 0;
 }
+
+.currentFolder .pathControls .ms-ListItem-action .ms-Icon {
+  vertical-align: middle;
+}
\ No newline at end of file

From 5c2a6164a8a10392c42558e1a4e06f83a429aaf4 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Mon, 23 Dec 2019 16:23:54 +0200
Subject: [PATCH 03/14] Cleared local configuration

---
 webapp/src/main/webapp/WEB-INF/conf/configuration.xml | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/webapp/src/main/webapp/WEB-INF/conf/configuration.xml b/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
index ff30239d..0682dd2c 100644
--- a/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
+++ b/webapp/src/main/webapp/WEB-INF/conf/configuration.xml
@@ -37,13 +37,13 @@
     <key>org.exoplatform.outlook.jcr.ContentLink</key>
     <type>org.exoplatform.outlook.jcr.ContentLink</type>
     <!-- Use below configuration to introduce explicit settings for content link URLs -->
-    <init-params>
+    <!-- init-params>
       <properties-param>
         <name>link-configuration</name>
-        <property name="server-host" value="${outlook.exo.server.host:nik.exoplatform.com.ua}" />
-        <property name="server-schema" value="${outlook.exo.server.schema:https}" />
+        <property name="server-host" value="${outlook.exo.server.host:}" />
+        <property name="server-schema" value="${outlook.exo.server.schema:http}" />
       </properties-param>
-    </init-params>
+    </init-params -->
   </component>
 
   <component>

From b67be486fc0ac5d57677c37e89b05827e126a4cd Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Mon, 23 Dec 2019 16:29:35 +0200
Subject: [PATCH 04/14] Avoided style reformatting (outlook.css)

---
 webapp/src/main/webapp/skin/outlook.css | 37 +++++++++++--------------
 1 file changed, 16 insertions(+), 21 deletions(-)

diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index 0a023ba4..2dcdeb8b 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -3,7 +3,7 @@ body {
   padding: 0;
 }
 
-.logoIcon * {
+.logoIcon* {
   display: inline-block;
 }
 
@@ -36,7 +36,7 @@ body {
 }
 
 /* It is a workaround to do not show dropdown in right-upper corner in task pane of Outlook for Windows/Web */
-@media ( min-width: 280px) {
+@media ( min-width : 280px) {
   #outlook-pane .ms-Dropdown-items {
     top: auto;
     right: auto;
@@ -44,14 +44,13 @@ body {
     left: auto;
     max-width: 100%;
   }
-
   #outlook-pane .ms-Dropdown.ms-Dropdown--open .ms-Dropdown-items, #outlook-pane .ms-Dropdown.is-open .ms-Dropdown-items {
     position: absolute;
   }
 }
 
 /* Error banner (common) */
-.error-message > .ms-MessageBanner {
+.error-message>.ms-MessageBanner {
   min-width: 290px;
   background-color: #fde7e9;
   color: #a80000;
@@ -231,7 +230,7 @@ span[disabled] {
   display: block !important;
 }
 
-#path-info > .ms-ListItem {
+#path-info>.ms-ListItem {
   padding-left: 0px;
   padding-right: 0px;
 }
@@ -365,17 +364,17 @@ div.form-buttons {
   background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 25px, white);
 }
 
-.messageEditor, .messageEditorContainer > .messageText, .statusText, .topicText {
+.messageEditor, .messageEditorContainer>.messageText, .statusText, .topicText {
   height: 200px;
   overflow: hidden;
   padding: 0px;
 }
 
-.messageEditor, .messageEditorContainer > .messageText {
+.messageEditor, .messageEditorContainer>.messageText {
   max-height: 250px;
 }
 
-.messageSubject, .messageEditorContainer > input[name='messageSubject'] {
+.messageSubject, .messageEditorContainer>input[name='messageSubject'] {
   margin-bottom: -1px !important;
 }
 
@@ -478,7 +477,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   /*padding: 5px;*/
   text-overflow: ellipsis;
   font-family: "wf_segoe-ui_semilight", "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial,
-  sans-serif;
+    sans-serif;
 }
 
 .activity {
@@ -592,7 +591,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   height: max-content;
 }
 
-@media ( min-width: 480px) {
+@media ( min-width : 480px) {
   #outlook-userInfo .ms-PersonaCard {
     /*max-width: 90%;*/
     /*width: 80%;*/
@@ -600,9 +599,9 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   }
 }
 
-@media ( max-width: 480px) {
+@media ( max-width : 480px) {
   #outlook-userInfo .ms-Persona-imageArea, #outlook-userInfo .ms-Persona-image, #outlook-userInfo .ms-Persona-imageArea,
-  #outlook-userInfo .ms-Persona-image {
+    #outlook-userInfo .ms-Persona-image {
     /*min-height: 48px;*/
     /*min-width: 48px;*/
     /*width: 100%;*/
@@ -739,17 +738,15 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 
 .add-btn span {
   position: absolute;
-  top: 50%;
-  margin-top: -4px;
-  left: 50%;
-  margin-left: -1px;
+  top: 50%; margin-top: -4px;
+  left: 50%; margin-left: -1px;
   width: 3px;
   height: 14px;
   background-color: #0078d7;
   transition: 0.5s;
 }
 
-.add-btn span::before {
+.add-btn span::before{
   background-color: #0078d7;
   width: 3px;
   position: absolute;
@@ -779,11 +776,9 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 .ms-CommandBarSearch input {
   padding: 0 0 0 40px;
 }
-
 .ms-Sialog-Compose {
   display: flex;
 }
-
 .ms-Persona-compase {
   display: contents;
 }
@@ -828,8 +823,8 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 }
 
 .connections {
-  position: relative;
-  transition: 2s;
+    position: relative;
+    transition: 2s;
 }
 
 .compose-Persona {

From 407f732bd1ab2d0447be18f7b6a50b54d6f7c537 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Mon, 23 Dec 2019 17:07:33 +0200
Subject: [PATCH 05/14] Fixed Saved Attachment localization (added 'in')

---
 webapp/src/main/resources/locale/outlook/Outlook.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/main/resources/locale/outlook/Outlook.xml b/webapp/src/main/resources/locale/outlook/Outlook.xml
index 39c75e96..9121ec29 100644
--- a/webapp/src/main/resources/locale/outlook/Outlook.xml
+++ b/webapp/src/main/resources/locale/outlook/Outlook.xml
@@ -58,7 +58,7 @@
     <pathAddDescription>Create a new folder</pathAddDescription>
     <pathOpenDescription>Open in new window</pathOpenDescription>
     <savingAttachment>Saving your files...</savingAttachment>
-    <savedAttachment>Your files were successfully saved</savedAttachment>
+    <savedAttachment>Your files were successfully saved in</savedAttachment>
     <savedClickToOpen>Click a file in the list below to open it inside the intranet</savedClickToOpen>
     <addingNewFolder>Adding new folder</addingNewFolder>
     <enterFolderNameAndCreate>Provide a name for this new folder and then click "Add".</enterFolderNameAndCreate>

From 0b60b72f0a63285a0f16223a599b604d02bc94cf Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Fri, 27 Dec 2019 01:49:51 +0200
Subject: [PATCH 06/14] Fixed templates result status block alignment

---
 .../exoplatform/outlook/portlet/templates/addAttachment.gtmpl | 2 +-
 .../outlook/portlet/templates/convertToForum.gtmpl            | 4 ++--
 .../outlook/portlet/templates/convertToStatus.gtmpl           | 4 ++--
 .../exoplatform/outlook/portlet/templates/convertToWiki.gtmpl | 4 ++--
 .../exoplatform/outlook/portlet/templates/postStatus.gtmpl    | 4 ++--
 .../org/exoplatform/outlook/portlet/templates/search.gtmpl    | 4 ++--
 .../outlook/portlet/templates/startDiscussion.gtmpl           | 4 ++--
 7 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/addAttachment.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/addAttachment.gtmpl
index 5f79382f..c8223ca6 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/addAttachment.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/addAttachment.gtmpl
@@ -108,7 +108,7 @@
 
 	<div id="attaching" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.addingAttachment}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToForum.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToForum.gtmpl
index eb6ee7b3..64f3fd06 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToForum.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToForum.gtmpl
@@ -62,7 +62,7 @@
 
 	<div id="converting" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.convertingToForum}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -70,7 +70,7 @@
 	</div>
 	<div id="converted" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="convertedInfo"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToStatus.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToStatus.gtmpl
index cd84ee4d..62416dad 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToStatus.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToStatus.gtmpl
@@ -69,7 +69,7 @@
 
 	<div id="converting" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.convertingToStatus}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -77,7 +77,7 @@
 	</div>
 	<div id="converted" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="convertedInfo"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToWiki.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToWiki.gtmpl
index 4bb192dc..88184222 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToWiki.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/convertToWiki.gtmpl
@@ -62,7 +62,7 @@
 
 	<div id="converting" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.convertingToWiki}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -70,7 +70,7 @@
 	</div>
 	<div id="converted" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="convertedInfo"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/postStatus.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/postStatus.gtmpl
index 08115560..75552639 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/postStatus.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/postStatus.gtmpl
@@ -52,7 +52,7 @@
 
 	<div id="posting" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.postingStatus}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -60,7 +60,7 @@
 	</div>
 	<div id="posted" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="postedInfo"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/search.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/search.gtmpl
index 6f2303af..e6634be2 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/search.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/search.gtmpl
@@ -70,7 +70,7 @@
 
 	<div id="searching" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.searching}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -78,7 +78,7 @@
 	</div>
 	<div id="search-result" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="searchResult"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/startDiscussion.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/startDiscussion.gtmpl
index f27b5b71..324ae427 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/startDiscussion.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/startDiscussion.gtmpl
@@ -64,7 +64,7 @@
 
 	<div id="starting" class="ms-Grid-row centered" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8 text-centered">
+		<div class="ms-Grid-col ms-u-sm10 text-centered">
 			<div>&{Outlook.creatingTopic}</div>
 			<div class="ms-Spinner" style="display: inline-block;"></div>
 		</div>
@@ -72,7 +72,7 @@
 	</div>
 	<div id="started" class="ms-Grid-row" style="display: none;">
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>
-		<div class="ms-Grid-col ms-u-sm8">
+		<div class="ms-Grid-col ms-u-sm10">
 			<div class="startedInfo"></div>
 		</div>
 		<div class="ms-Grid-col ms-u-sm1 ms-u-md2 ms-u-lg2"></div>

From 6746cc348c1ca2e0a09dac45d0de2edc34ba1656 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Fri, 27 Dec 2019 16:54:19 +0200
Subject: [PATCH 07/14] Corrected brandBar position (defined the bottom
 position by setting the max block height - 100vh) and related trial message
 block (raised by 35 px).

---
 webapp/src/main/webapp/skin/outlook.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index 2dcdeb8b..c1dd60c7 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -18,6 +18,7 @@ body {
 #outlook-pane {
   min-height: 450px;
   position: relative;
+  height: 100vh;
 }
 
 #outlook-pane input {
@@ -833,4 +834,8 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 
 .currentFolder .pathControls .ms-ListItem-action .ms-Icon {
   vertical-align: middle;
+}
+
+#UIPortalApplication #UIPLFFooterwlcmScreen #WLCFooter .footerWLC {
+  bottom: 35px;
 }
\ No newline at end of file

From 602b655763d78f47107eb52b414d04e040237355 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Tue, 31 Dec 2019 16:06:38 +0200
Subject: [PATCH 08/14] Commented the link for
 Office.context.mailbox.item.addFileAttachmentAsync; corrected page content
 edit for Convert -> to Wiki and Convert -> to Discussion; refactored code

---
 webapp/src/main/webapp/js/outlook.js | 289 ++++++++++++++-------------
 1 file changed, 149 insertions(+), 140 deletions(-)

diff --git a/webapp/src/main/webapp/js/outlook.js b/webapp/src/main/webapp/js/outlook.js
index f09aec59..cd461323 100644
--- a/webapp/src/main/webapp/js/outlook.js
+++ b/webapp/src/main/webapp/js/outlook.js
@@ -158,7 +158,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           $("<i class='ms-Icon ms-Icon--alert ms-font-m ms-fontColor-error'></i><span>" + message + "</span>").appendTo($errorText);
           messageBanner.showBanner();
           $error.show("blind", {
-            "direction": "down"
+            "direction" : "down"
           });
           return message;
         };
@@ -296,11 +296,11 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
               $message.show();
             }
             return {
-              component: function () {
+              component : function () {
                 console.log("Start initSpacesDropdown component function");
                 return $dropdown;
               },
-              value: function () {
+              value : function () {
                 console.log("Start initSpacesDropdown selected function");
                 return selected;
               }
@@ -326,7 +326,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
         // Common listener to handle message recipients updates (in compose mode)
         var isRecipientsUpdating = false;
 
-        function initRecipientsChangedListener (onChangedHandler) {
+        function initRecipientsChangedListener(onChangedHandler) {
           console.log("> init RecipientsChanged listener");
           Office.context.mailbox.item.addHandlerAsync(Office.EventType.RecipientsChanged, function (event) {
             if (!isRecipientsUpdating) {
@@ -338,7 +338,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           });
         }
 
-        function searchPeople (str, $searchPlace) {
+        function searchPeople(str, $searchPlace) {
           var $users = $searchPlace.find(".compose-Persona");
           for (var i = 0; i < $users.length; i++) {
             var fullName = $($users[i]).data("full-name");
@@ -352,7 +352,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           }
         }
 
-        function showConnection (recipients = Office.context.mailbox.item.to, btn, isComposeMode) {
+        function showConnection(recipients = Office.context.mailbox.item.to, btn, isComposeMode) {
           var $userInfo = $("#outlook-userInfo");
           var $recipientsPanel = $userInfo.find(".recipients-panel");
           var $connections = $userInfo.find(".connections");
@@ -369,7 +369,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           }
         }
 
-        function openConnectionDetails () {
+        function openConnectionDetails() {
           $(this).toggleClass("activeMenu-btn");
           var $userDetails = $("#outlook-userInfo").find(".user-details-" + $(this).data("remote-id"));
           if ($(this).hasClass("activeMenu-btn")) {
@@ -380,13 +380,13 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           }
         }
 
-        function getConnections (recipients = Office.context.mailbox.item.to, isComposeMode = false) {
+        function getConnections(recipients = Office.context.mailbox.item.to, isComposeMode = false) {
           var $userInfo = $("#outlook-userInfo");
           var $users = $userInfo.find(".compose-Persona");
           var presentUsers = "";
           var $connections = $userInfo.find(".connections"); // TODO NO ID, use class connections!! change var name to connections
 
-          if ($users.length > 0){
+          if ($users.length > 0) {
             for (var i = 0; i < $users.length; i++) {
               var userEmail = $($users[i]).data("email");
               presentUsers += userEmail + ","
@@ -396,7 +396,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           }
 
           $connections.jzLoad("Outlook.userInfoConnections()", {
-            presentUsers: presentUsers
+            presentUsers : presentUsers
           }, function (response, status, jqXHR) {
             if (status === "error") {
               showError(jqXHR);
@@ -408,27 +408,27 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 var $this = $(this);
                 if (isComposeMode) {
                   var $user = $this.closest(".compose-Persona");
-                  addRecipients ($($user).data("full-name"),
+                  addRecipients($($user).data("full-name"),
                     $user.data("email"),
                     recipients);
                   $this.closest(".compose-Persona").remove();
                 } else {
                   Office.context.mailbox.displayNewMessageForm(
                     {
-                      toRecipients: [$(this).data("email")]
+                      toRecipients : [$(this).data("email")]
                     });
                 }
               });
 
               $connections.find(".ms-CommandBarSearch-input").keyup(function () {
-                searchPeople ($(this).val().toLowerCase(), $connections)
+                searchPeople($(this).val().toLowerCase(), $connections)
               })
             }
           });
         }
 
-        function showUserDetails (user, $placeToLoad) {
-          $placeToLoad.jzLoad("Outlook.userInfoDetails()", {user: user},
+        function showUserDetails(user, $placeToLoad) {
+          $placeToLoad.jzLoad("Outlook.userInfoDetails()", {user : user},
             function (response, status, jqXHR) {
               if (status === "error") {
                 showError(jqXHR);
@@ -436,15 +436,15 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             });
         }
 
-        function addRecipients (fullName, email, recipients) {
+        function addRecipients(fullName, email, recipients) {
           if (!recipients) { // TODO messageType!!!
             recipients = Office.context.mailbox.item.to;
           }
           isRecipientsUpdating = true;
           recipients.addAsync(
             [{
-              "displayName": fullName,
-              "emailAddress": email
+              "displayName" : fullName,
+              "emailAddress" : email
             }], function (asyncResult) {
               if (asyncResult.status === Office.AsyncResultStatus.Failed) {
                 console.log(">> addRecipients failed: " + asyncResult.error.message);
@@ -455,7 +455,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             });
         }
 
-        function logResultError (opName, result) {
+        function logResultError(opName, result) {
           var err = result.error;
           if (err) {
             console.log("> Recipients " + opName + " error " + err.name + ": " + err.message);
@@ -464,7 +464,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           }
         }
 
-        function removeRecipient(email){
+        function removeRecipient(email) {
           var item = Office.context.mailbox.item;
           var toRecipient = [];
           var ccRecipient = [];
@@ -477,8 +477,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 for (var i = 0; i < asyncResult.value.length; i++) {
                   if (email !== asyncResult.value[i].emailAddress.toLowerCase()) {
                     toRecipient.push({
-                      "displayName": asyncResult.value[i].displayName,
-                      "emailAddress": asyncResult.value[i].emailAddress.toLowerCase()
+                      "displayName" : asyncResult.value[i].displayName,
+                      "emailAddress" : asyncResult.value[i].emailAddress.toLowerCase()
                     });
                   }
                 }
@@ -491,8 +491,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                     for (var i = 0; i < asyncResult.value.length; i++) {
                       if (email !== asyncResult.value[i].emailAddress.toLowerCase()) {
                         ccRecipient.push({
-                          "displayName": asyncResult.value[i].displayName,
-                          "emailAddress": asyncResult.value[i].emailAddress.toLowerCase()
+                          "displayName" : asyncResult.value[i].displayName,
+                          "emailAddress" : asyncResult.value[i].emailAddress.toLowerCase()
                         });
                       }
                     }
@@ -505,8 +505,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                         for (var i = 0; i < asyncResult.value.length; i++) {
                           if (email !== asyncResult.value[i].emailAddress.toLowerCase()) {
                             bccRecipient.push({
-                              "displayName": asyncResult.value[i].displayName,
-                              "emailAddress": asyncResult.value[i].emailAddress.toLowerCase()
+                              "displayName" : asyncResult.value[i].displayName,
+                              "emailAddress" : asyncResult.value[i].emailAddress.toLowerCase()
                             });
                           }
                         }
@@ -539,7 +539,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           });
         }
 
-        function userInfoComposeInit () {
+        function userInfoComposeInit() {
           var $userInfo = $("#outlook-userInfo");
           var item = Office.context.mailbox.item;
           var recipients = [];
@@ -547,23 +547,23 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           // TODO copy-pasted code with Read mode
           var $bigPlus = $userInfo.find(".bigPlus");
           $bigPlus.click(function () {
-            if (showConnection (recipients[0], this, true)) {
-              initRecipients ();
+            if (showConnection(recipients[0], this, true)) {
+              initRecipients();
             }
           });
 
-          function initRecipients () {
+          function initRecipients() {
             var presentEmail = "";
             recipients = [];
 
-            function addPresentEmail (email) {
+            function addPresentEmail(email) {
               var emailAddress = email.emailAddress.toLowerCase();
               if (!presentEmail.includes(emailAddress)) {
                 presentEmail += emailAddress + ",";
               }
             }
 
-            function addPresentEmails (emails) {
+            function addPresentEmails(emails) {
               if (Array.isArray(emails)) {
                 emails.forEach(addPresentEmail);
               } else {
@@ -595,10 +595,10 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                           addPresentEmails(asyncResult.value);
                           recipients.push(item.bcc);
                         }
-                        if(recipients.length > 1){
+                        if (recipients.length > 1) {
                           recipients[0] = item.to;
                         }
-                        loadRecipients (presentEmail);
+                        loadRecipients(presentEmail);
                         if (presentEmail.length < 1) { // TODO why 5?
                           $bigPlus.click();
                         }
@@ -610,13 +610,13 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             });
           }
 
-          function loadRecipients (presentEmail) {
+          function loadRecipients(presentEmail) {
             // TODO messageType!!!
             var $recipients = $userInfo.find(".recipients-panel");
             $recipients.empty().show();
             $userInfo.find(".connections").hide();
             $recipients.jzLoad("Outlook.userInfoRecipients()", {
-              emails: presentEmail
+              emails : presentEmail
             }, function (response, status, jqXHR) {
               if (status === "error") {
                 showError(jqXHR);
@@ -658,10 +658,10 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           var item = Office.context.mailbox.item;
           var $userInfo = $("#outlook-userInfo");
 
-          function showAllConnections () {
+          function showAllConnections() {
             // TODO load into a dedicated element, like allConnections
             $userInfo.jzLoad("Outlook.userInfoConnections()", {
-              presentEmail: ""
+              presentEmail : ""
             }, function (response, status, jqXHR) {
               if (status === "error") {
                 showError(jqXHR);
@@ -670,10 +670,10 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 // TODO copy-pasted code with Compose mode
                 $userInfo.find(".ms-PersonaCard").PersonaCard();
                 $userInfo.find(".letter-btn").click(function () {
-                  Office.context.mailbox.displayNewMessageForm(
-                    {
-                      toRecipients: [$(this).data("email")]
-                    });
+                    Office.context.mailbox.displayNewMessageForm(
+                      {
+                        toRecipients : [$(this).data("email")]
+                      });
                   }
                 );
 
@@ -689,7 +689,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           function loadRecipients(byEmail) {
             var $recipients = $userInfo.find(".recipients-panel");
             $recipients.jzLoad("Outlook.userInfoRecipients()", {
-              emails: byEmail
+              emails : byEmail
             }, function (response, status, jqXHR) {
               if (status === "error") {
                 showError(jqXHR);
@@ -705,7 +705,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   $recipients.find(".letter-btn").click(function () {
                     Office.context.mailbox.displayNewMessageForm(
                       {
-                        toRecipients: [$(this).data("email")]
+                        toRecipients : [$(this).data("email")]
                       });
                   });
                   $recipients.find(".menu-btn").click(openConnectionDetails);
@@ -716,6 +716,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
 
           if (item.conversationId) {
             var recipientEmails = "";
+
             function addEmailsIfNotUser(recipients) {
               if (recipients != null) {
                 for (var i = 0; i < recipients.length; i++) {
@@ -725,6 +726,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 }
               }
             }
+
             // TODO need this if-block?
             if (from.emailAddress !== userEmail) {
               recipientEmails += from.emailAddress + ",";
@@ -736,7 +738,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             // TODO copy-pasted code with Compose mode
 
             $userInfo.find(".bigPlus").click(function () {
-              showConnection(null, this,false);
+              showConnection(null, this, false);
             });
             // Listener to update the message people
             initRecipientsChangedListener(function (event) {
@@ -799,8 +801,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if (groupId && path) {
               // console.log(">> loadFolder: " + groupId + " >> " + path);
               $folders.jzLoad("Outlook.folders()", {
-                groupId: groupId,
-                path: path
+                groupId : groupId,
+                path : path
               }, function (response, status, jqXHR) {
                 if (status == "error") {
                   process.reject(showError(jqXHR));
@@ -886,10 +888,10 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   function cancelSave() {
                     spinner.stop();
                     $savingAttachment.hide("blind", {
-                      "direction": "down"
+                      "direction" : "down"
                     });
                     $form.show("blind", {
-                      "direction": "down"
+                      "direction" : "down"
                     });
                   }
 
@@ -901,15 +903,15 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                       // console.log(">> savingAttachment: " + JSON.stringify(attachmentIds));
                       var $savedSpaceInfo = $savedAttachment.find(".savedSpaceInfo");
                       $savedSpaceInfo.jzLoad("Outlook.saveAttachment()", {
-                        groupId: groupId,
-                        path: path,
-                        comment: $comment.val(),
-                        ewsUrl: ewsUrl,
-                        userEmail: userEmail,
-                        userName: userName,
-                        messageId: messageId,
-                        attachmentToken: attachmentToken,
-                        attachmentIds: attachmentIds.join()
+                        groupId : groupId,
+                        path : path,
+                        comment : $comment.val(),
+                        ewsUrl : ewsUrl,
+                        userEmail : userEmail,
+                        userName : userName,
+                        messageId : messageId,
+                        attachmentToken : attachmentToken,
+                        attachmentIds : attachmentIds.join()
                       }, function (response, status, jqXHR) {
                         if (status == "error") {
                           showError(jqXHR);
@@ -943,7 +945,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 } else {
                   showError("Outlook.messages.attachmentNotSelected");
                   $form.animate({
-                    scrollTop: $attachments.offset().top - $form.offset().top + $form.scrollTop()
+                    scrollTop : $attachments.offset().top - $form.offset().top + $form.scrollTop()
                   });
                 }
               }
@@ -994,9 +996,9 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                       var newFolderName = $newFolderName.val();
                       if (newFolderName) {
                         $folders.jzLoad("Outlook.addFolder()", {
-                          groupId: groupId,
-                          path: path,
-                          name: newFolderName
+                          groupId : groupId,
+                          path : path,
+                          name : newFolderName
                         }, function (response, status, jqXHR) {
                           if (status == "error") {
                             $popup.hide();
@@ -1063,7 +1065,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin": "0px", "padding": "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
             $editorText = $("<div contenteditable=\"true\"></div>");
             $editorText.append($content.children());
             $content.append($editorText);
@@ -1109,11 +1111,11 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   var $tempText = $("<div style='display:none'></div>");
                   $textFrame.append($tempText);
                   $tempText.jzLoad("Outlook.getMessage()", {
-                    ewsUrl: ewsUrl,
-                    userEmail: userEmail,
-                    userName: userName,
-                    messageId: mid,
-                    messageToken: messageToken
+                    ewsUrl : ewsUrl,
+                    userEmail : userEmail,
+                    userName : userName,
+                    messageId : mid,
+                    messageToken : messageToken
                   }, function (response, status, jqXHR) {
                     if (status == "error") {
                       showError(jqXHR);
@@ -1139,26 +1141,26 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                           var modified = Office.context.mailbox.item.dateTimeModified;
                           var from = Office.context.mailbox.item.from;
                           $convertedInfo.jzLoad("Outlook.convertToStatus()", {
-                            groupId: groupId,
-                            messageId: mid,
-                            title: $title.val(),
-                            subject: $editorSubject ? $editorSubject.val() : $subject.text(),
-                            body: $text.html(),
-                            created: formatISODate(created),
-                            modified: formatISODate(modified),
-                            userName: userName,
-                            userEmail: userEmail,
-                            fromName: from.displayName,
-                            fromEmail: from.emailAddress
+                            groupId : groupId,
+                            messageId : mid,
+                            title : $title.val(),
+                            subject : $editorSubject ? $editorSubject.val() : $subject.text(),
+                            body : $text.html(),
+                            created : formatISODate(created),
+                            modified : formatISODate(modified),
+                            userName : userName,
+                            userEmail : userEmail,
+                            fromName : from.displayName,
+                            fromEmail : from.emailAddress
                           }, function (response, status, jqXHR) {
                             if (status == "error") {
                               showError(jqXHR);
                               spinner.stop();
                               $converting.hide("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                               $form.show("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                             } else {
                               clearError();
@@ -1243,19 +1245,19 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
               loadMenu("home");
             } else {
               $postedInfo.jzLoad("Outlook.postStatus()", {
-                groupId: groupId ? groupId : "",
-                message: $text.html(),
-                userName: userName,
-                userEmail: userEmail
+                groupId : groupId ? groupId : "",
+                message : $text.html(),
+                userName : userName,
+                userEmail : userEmail
               }, function (response, status, jqXHR) {
                 if (status == "error") {
                   showError(jqXHR);
                   spinner.stop();
                   $posting.hide("blind", {
-                    "direction": "down"
+                    "direction" : "down"
                   });
                   $form.show("blind", {
-                    "direction": "down"
+                    "direction" : "down"
                   });
                 } else {
                   clearError();
@@ -1273,8 +1275,9 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           var $convertToWiki = $("#outlook-convertToWiki");
           var $title = $convertToWiki.find("input[name='wikiTitle']");
           var $viewer = $convertToWiki.find("div.messageText");
-          var $textFrame = $viewer.find("iframe");
+          var $textFrame = $viewer.find("convertToWikiInit");
           var $text = $textFrame.contents().find("html");
+          var $editorText;
           $textFrame.on("load", function () {
             // XXX do it again for FF
             $text = $textFrame.contents().find("html");
@@ -1300,7 +1303,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin": "0px", "padding": "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
             $editorText = $("<div contenteditable='true'></div>");
             $editorText.append($content.children());
             $content.append($editorText);
@@ -1353,11 +1356,11 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   var $tempText = $("<div style='display:none'></div>");
                   $textFrame.append($tempText);
                   $tempText.jzLoad("Outlook.getMessage()", {
-                    ewsUrl: ewsUrl,
-                    userEmail: userEmail,
-                    userName: userName,
-                    messageId: mid,
-                    messageToken: messageToken
+                    ewsUrl : ewsUrl,
+                    userEmail : userEmail,
+                    userName : userName,
+                    messageId : mid,
+                    messageToken : messageToken
                   }, function (response, status, jqXHR) {
                     if (status == "error") {
                       showError(jqXHR);
@@ -1385,25 +1388,25 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                           // emailAddress
                           var from = Office.context.mailbox.item.from;
                           $convertedInfo.jzLoad("Outlook.convertToWiki()", {
-                            groupId: groupId,
-                            messageId: mid,
-                            subject: $title.val(),
-                            body: $text.html(),
-                            created: formatISODate(created),
-                            modified: formatISODate(modified),
-                            userName: userName,
-                            userEmail: userEmail,
-                            fromName: from.displayName,
-                            fromEmail: from.emailAddress
+                            groupId : groupId,
+                            messageId : mid,
+                            subject : $title.val(),
+                            body : $text.html(),
+                            created : formatISODate(created),
+                            modified : formatISODate(modified),
+                            userName : userName,
+                            userEmail : userEmail,
+                            fromName : from.displayName,
+                            fromEmail : from.emailAddress
                           }, function (response, status, jqXHR) {
                             if (status == "error") {
                               showError(jqXHR);
                               spinner.stop();
                               $converting.hide("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                               $form.show("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                             } else {
                               clearError();
@@ -1438,6 +1441,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
           var $viewer = $convertToForum.find("div.messageText");
           var $textFrame = $viewer.find("iframe");
           var $text = $textFrame.contents().find("html");
+          var $editorText;
           $textFrame.on("load", function () {
             // XXX do it again for FF
             $text = $textFrame.contents().find("html");
@@ -1465,7 +1469,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin": "0px", "padding": "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
             $editorText = $("<div contenteditable='true'></div>");
             $editorText.append($content.children());
             $content.append($editorText);
@@ -1517,11 +1521,11 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   var $tempText = $("<div style='display:none'></div>");
                   $textFrame.append($tempText);
                   $tempText.jzLoad("Outlook.getMessage()", {
-                    ewsUrl: ewsUrl,
-                    userEmail: userEmail,
-                    userName: userName,
-                    messageId: mid,
-                    messageToken: messageToken
+                    ewsUrl : ewsUrl,
+                    userEmail : userEmail,
+                    userName : userName,
+                    messageId : mid,
+                    messageToken : messageToken
                   }, function (response, status, jqXHR) {
                     if (status == "error") {
                       showError(jqXHR);
@@ -1550,25 +1554,25 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                           // emailAddress
                           var from = Office.context.mailbox.item.from;
                           $convertedInfo.jzLoad("Outlook.convertToForum()", {
-                            groupId: groupId,
-                            messageId: mid,
-                            subject: $topicName.val(),
-                            body: $text.html(),
-                            created: formatISODate(created),
-                            modified: formatISODate(modified),
-                            userName: userName,
-                            userEmail: userEmail,
-                            fromName: from.displayName,
-                            fromEmail: from.emailAddress
+                            groupId : groupId,
+                            messageId : mid,
+                            subject : $topicName.val(),
+                            body : $text.html(),
+                            created : formatISODate(created),
+                            modified : formatISODate(modified),
+                            userName : userName,
+                            userEmail : userEmail,
+                            fromName : from.displayName,
+                            fromEmail : from.emailAddress
                           }, function (response, status, jqXHR) {
                             if (status == "error") {
                               showError(jqXHR);
                               spinner.stop();
                               $converting.hide("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                               $form.show("blind", {
-                                "direction": "down"
+                                "direction" : "down"
                               });
                             } else {
                               clearError();
@@ -1686,20 +1690,20 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
               loadMenu("home");
             } else {
               $startedInfo.jzLoad("Outlook.startDiscussion()", {
-                groupId: groupId ? groupId : "",
-                name: $topicName.val(),
-                text: $topicText.html(),
-                userName: userName,
-                userEmail: userEmail
+                groupId : groupId ? groupId : "",
+                name : $topicName.val(),
+                text : $topicText.html(),
+                userName : userName,
+                userEmail : userEmail
               }, function (response, status, jqXHR) {
                 if (status == "error") {
                   showError(jqXHR);
                   spinner.stop();
                   $starting.hide("blind", {
-                    "direction": "down"
+                    "direction" : "down"
                   });
                   $form.show("blind", {
-                    "direction": "down"
+                    "direction" : "down"
                   });
                 } else {
                   clearError();
@@ -1845,8 +1849,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
 
           var searchFiles = function (text) {
             $documentSearchResults.jzLoad("Outlook.searchFiles()", {
-              sourceId: sourceId,
-              text: text
+              sourceId : sourceId,
+              text : text
             }, function (response, status, jqXHR) {
               if (status == "error") {
                 showError(jqXHR);
@@ -1906,8 +1910,8 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if (sourceId && path) {
               // console.log(">> loadChildred: " + sourceId + " >> " + path);
               $folderFiles.jzLoad("Outlook.exploreFiles()", {
-                sourceId: sourceId,
-                path: path
+                sourceId : sourceId,
+                path : path
               }, function (response, status, jqXHR) {
                 if (status == "error") {
                   process.reject();
@@ -1992,9 +1996,9 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 // var downloadUrl = $selected.data("downloadurl");
                 var fpath = $selected.data("path");
                 var $fileLink = $selected.jzAjax("Outlook.fileLink()", {
-                  type: 'POST',
-                  data: {
-                    nodePath: fpath
+                  type : 'POST',
+                  data : {
+                    nodePath : fpath
                   }
                 });
 
@@ -2011,9 +2015,14 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                 files.push($fileProcess);
 
                 $fileLink.done(function (response, status, jqXHR) {
+                  /*
+                  * The link should be correct. Use https, public ip and correct ssl (not self-signed) certificate
+                  * (https://docs.microsoft.com/en-us/outlook/add-ins/privacy-and-security)
+                  * */
                   var link = response.link;
                   var title = response.name;
-                  Office.context.mailbox.item.addFileAttachmentAsync(link, title, {}, function (asyncResult) {
+
+                  Office.context.mailbox.item.addFileAttachmentAsync(link, title, function (asyncResult) {
                     if (asyncResult.status === "succeeded") {
                       $docName.prepend("<i class='ms-Icon ms-Icon--checkbox ms-font-m ms-fontColor-green'>");
                       $fileProcess.resolve();
@@ -2183,7 +2192,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
                   // XXX force iOS don't use native style for inputs (shadow on upper border)
                   if (isIOS) {
                     $container.find("input[type='text'], textarea").css({
-                      "-webkit-appearance": "none"
+                      "-webkit-appearance" : "none"
                     });
                   }
                   try {

From 27fee3cd3d6bc18312067f03100bea75ae6d685c Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Tue, 31 Dec 2019 17:44:43 +0200
Subject: [PATCH 09/14] Added margin for .messageEditorIframe body (corrected
 intervals for the message body block (content))

---
 webapp/src/main/webapp/js/outlook.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/webapp/src/main/webapp/js/outlook.js b/webapp/src/main/webapp/js/outlook.js
index cd461323..b4ba18a5 100644
--- a/webapp/src/main/webapp/js/outlook.js
+++ b/webapp/src/main/webapp/js/outlook.js
@@ -1065,7 +1065,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "5px", "padding" : "0px"});
             $editorText = $("<div contenteditable=\"true\"></div>");
             $editorText.append($content.children());
             $content.append($editorText);
@@ -1303,7 +1303,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "5px", "padding" : "0px"});
             $editorText = $("<div contenteditable='true'></div>");
             $editorText.append($content.children());
             $content.append($editorText);
@@ -1469,7 +1469,7 @@ require(["SHARED/jquery", "SHARED/outlookFabricUI", "SHARED/outlookJqueryUI", "S
             if ($contentBody.length > 0) {
               $content = $contentBody;
             }
-            $editorFrame.contents().find("html, body").css({"margin" : "0px", "padding" : "0px"});
+            $editorFrame.contents().find("html, body").css({"margin" : "5px", "padding" : "0px"});
             $editorText = $("<div contenteditable='true'></div>");
             $editorText.append($content.children());
             $content.append($editorText);

From 9b21033c94e288b7b7737a49649e27b396557dad Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Thu, 2 Jan 2020 20:49:36 +0200
Subject: [PATCH 10/14] Corrected outlook-brand-bar position (set fixed
 position in order to avoid scrolling with other elements)

---
 webapp/src/main/webapp/skin/outlook.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index c1dd60c7..bb5c4065 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -31,7 +31,7 @@ body {
 }
 
 #outlook-brand-bar {
-  position: absolute;
+  position: fixed;
   bottom: 0px;
   width: 100%;
 }

From dfc9b63bc41f46126aebab9b7f0743aa8a3d57d1 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Fri, 3 Jan 2020 02:10:33 +0200
Subject: [PATCH 11/14] Added default images for users in the People menu

---
 .../portlet/templates/userInfoConnections.gtmpl  |   6 +++++-
 .../portlet/templates/userInfoDetails.gtmpl      |   6 +++++-
 .../src/main/webapp/images/outlook-user-img.png  | Bin 0 -> 1467 bytes
 3 files changed, 10 insertions(+), 2 deletions(-)
 create mode 100644 webapp/src/main/webapp/images/outlook-user-img.png

diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
index a3606363..8897bec3 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
@@ -42,7 +42,11 @@
                                       </font>
                                     </font>
                                   </div>
-                                  <img class="ms-Persona-image" src="${conn.avatarUrl}">
+                                  <% if (conn.avatarUrl) { %>
+                                    <img class="ms-Persona-image" src="${conn.avatarUrl}">
+                                  <% } else { %>
+                                    <img class="ms-Persona-image" src="/outlook/images/outlook-user-img.png">
+                                  <% } %>
                                 </div>
                                 <div class="ms-Persona-details less-details">
                                   <div class="ms-Persona-primaryText">
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
index 4a06df7f..b2df32cd 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
@@ -49,7 +49,11 @@
                             ${conn.firstName}${conn.lastName}</font>
                           </font>
                         </div>
-                        <img class="ms-Persona-image" src="${conn.avatarUrl}">
+                        <% if (conn.avatarUrl) { %>
+                          <img class="ms-Persona-image" src="${conn.avatarUrl}">
+                        <% } else { %>
+                          <img class="ms-Persona-image" src="/outlook/images/outlook-user-img.png">
+                        <% } %>
                       </div>
                       <div class="ms-Persona-details">
                         <div class="ms-Persona-primaryText">
diff --git a/webapp/src/main/webapp/images/outlook-user-img.png b/webapp/src/main/webapp/images/outlook-user-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..0bd481410d40af5bc832178b1a6cd5cd13f253aa
GIT binary patch
literal 1467
zcmaJ>dpOez7+$k!7Me>tNE($}Q<0-wlAq=>6`LeSxeUuSt6{li`VFC2?rK>h_gm31
z$0@n2s74d*L{1l{MvEPd(sW$Tob$)|?>x`<e(&?X@Ao~=_t%$2aCcEb>L4Kyhzi~n
z=PBpFH6Wn!e&+i-ik#NPc)B=3nxE;4<pLH890eed7UqT}5?rp8&bs~-1A(aW*08Rh
zQX2w+zzKL9;1%yLxe<9x$6PbxuhrEYM1_H)Hq7Pz<@n72ObTWjXQvK7*n3|Rn|*aA
zUt`Z*L4Q5|*&!=yqs`xgcLicEV&MN@d-aX;T$h#<R>M!1Ug!8=X;kW*OeTxWWHOn)
zO~rhXK^}shlz0Rnm=@K0Hx!x|3j_ksI?WvC#gdWkddxs3wPWC8o0xWQF*zkAh21pz
zh|LMHSe%>d<#fi-=?9DILhuBevc9LiKFh-qZQkDAqZMXRh~A2k>91O%kXV~Ck%-KV
zgr5VX@w!BFdkst0;Mx5HzlriTX(H1f{QlSohKJZ*b@4{gw)TZwZ)!4I(7(dLVA0jZ
zY|<+Ux6IO$fTG$tZ{ta&=1KWDHxw29p-0(C@rWQj9ll_cQOIF16#Dd)5=rzRSEa=G
z_&`*?rH+a`$;8+NET`NA5ZlW3Wg~n80;WET^4`ok!ASIp&mt4_<(cD(YCw@&I<I8?
zar>kq07vNbm(KuwkNwFgwY0&tU<|z$ppen3Z;=&`Ix{g@$Q0$b9z(BRZ|RSQFPJhi
zIeh-%TtBvZ4R38LHa7O*1fS7=t@A0yz?d~imCXfmTTf`?U}KGs7QTHOYfv@-Q_CXs
zwyP`AOc;fjj**Y_gbNqQYuC4)tw3OJ{OYCz9cCS{PpzujK{L$YV6OQ8*`#P(!k@vb
z1AxOW{ZF)e=<1DEH)&?!-n@CERY0WCXrq_*w1N=s#FN>$C6`YB(CN9%4bYBLxp~((
z!U(fnyIR8&q7cw(|AMyhGcTLFmf-VYy`d`M<*XlSSMuGel5dX*BZR$|CrOP+=)_qq
z@$H(rFDon2l2-m6E?lMChDxJlz|&QohoY?7+uLj6y5dq30C8;M`Sa~wrhcbR>FVkA
zy+60|Zs+HrGB*2<eZ=K`E2%nF1mll|Vit=f8~1JU#-g8__`csbKsrLeqIq{2{TFYp
z9CRp_^4*Oyy6hJFD*03MG7~x_NEzXK^5il0@U{eV*#YH&LMhYelg|Kln^F%B{0xY@
z$bB5?L+S2i@GD~8YaT=9g!kqTc452@)oNLz&qPxw7p8iAijwc=&wNcBiz+@E-_PU_
zjMF?amXm5m#PMc7u77fI@}YM1+u2!(q{WOWQw#Y(o1CBDON|tvbK_vP*DdsiNWsC3
zoW!2HnC*r$L$K1-(MqY*z`ENscTiP8G%V<0=iswnfnA}{FQWHpZ&{eer>DD41ZqcB
z`)jCDz{=b9C%dPuyVe7>l}(+hg}iA=#72;yai@TiTeIcp2^4o>H$QV0@yXt~>S8m7
z^-Zm^$FV%1QH<<;)i+t@u$qcLfpUX!C9v=94RLVoC*;se84D$LKg0Apf_TlTgY1^N
zA@#x|hGTaQh3PTElpL@1dvAdXxAHb$F2>llmtz@;r4u<$hldsytxv`wG!>O8SYI%r
zO-C*Ur(1l%J0`8iFa6TdL5dH4uKuM-km_8Xpx|frxO01$LxV6VEtt5$*Uyh!5M6$4
zXFZ&3p=~ABwV^Bv!2$NLK+}fu@db!XhmOanHtH!;Eh7N;(^(3!^(t+ghK8NoDP5b}
z>Ov4pUnexQp>zwuv}jNOHSX2^5cUF04$v;W5bJMX3Uj(ew3;-qF&aSvSvWAK!?ntj
zbmJBgLEWFD`10k;D>0TxK(*$%!xTODU(>_G<3H23=bw}_F0pt<92i_yRAH9xySIZ#
QmOoqw-pL);>=+3C4PvjV8UO$Q

literal 0
HcmV?d00001


From 18811b2cb38020597c65f074842e10ccf86038a4 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Fri, 3 Jan 2020 03:51:27 +0200
Subject: [PATCH 12/14] Corrected latest activities displaying (the date and
 title displaying)

---
 .../portlet/templates/userInfoDetails.gtmpl   | 12 ++++++-----
 webapp/src/main/webapp/skin/outlook.css       | 21 ++++++++++++-------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
index b2df32cd..0af28042 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
@@ -23,13 +23,15 @@
                 <ul class="ms--list">
                   <% if (activity.title) { %>
                   <li class="activity-title">
-                    <a href="${activity.link}" class="ms-Link ms-font-m-plus ms-fwt-sl ms-fcl-np a-link"
-                       target="_blank">
-                      ${activity.title}</a>
+                    <div class="activity-link-shell">
+                      <a href="${activity.link}" class="ms-Link ms-font-m-plus ms-fwt-sl ms-fcl-np a-link"
+                         target="_blank">
+                        ${activity.title}</a>
+                    </div>
                   </li>
-                  <% } %>
                   <% if (activity.postedDate) { %>
-                  <time class=" ms-fwt-sl ms-fcl-ns postedDate">${activity.postedDate}</time>
+                    <time class=" ms-fwt-sl ms-fcl-ns postedDate">${activity.postedDate}</time>
+                  <% } %>
                   <% } %>
                 </ul>
               </div>
diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index bb5c4065..fc48b941 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -1,3 +1,7 @@
+html {
+  overflow: hidden;
+}
+
 body {
   margin: 0;
   padding: 0;
@@ -19,6 +23,12 @@ body {
   min-height: 450px;
   position: relative;
   height: 100vh;
+  overflow: scroll;
+  -ms-overflow-style: none;
+}
+
+#outlook-pane::-webkit-scrollbar {
+  display: none;
 }
 
 #outlook-pane input {
@@ -472,11 +482,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 }
 
 .activity-title {
-  width: 80%;
-  white-space: nowrap;
-  overflow: hidden;
-  /*padding: 5px;*/
-  text-overflow: ellipsis;
+  width: 74%;
   font-family: "wf_segoe-ui_semilight", "Segoe UI Semilight", "Segoe WP Semilight", "Segoe UI", "Segoe WP", Tahoma, Arial,
     sans-serif;
 }
@@ -485,9 +491,9 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   background: #ffffff;
   border: 1px double white;
   text-align: left;
-  height: 25px;
   position: relative;
   padding: 0px;
+  border-bottom: 1px solid #c8c8c8;
 }
 
 .activity:hover {
@@ -511,7 +517,8 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   text-align: right;
   overflow: hidden;
   position: absolute;
-  right: -5px;
+  right: 0;
+  top: 0;
   font-size: 11px;
   width: 80px;
   bottom: 3px;

From ce4a7ec72b3e904affe49f82c6f1d7d6074b1016 Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Sat, 4 Jan 2020 01:56:53 +0200
Subject: [PATCH 13/14] Corrected eXo Platform -> People (user default icons
 changed, forgotten text tags added, blocks aligement (contacts) and vertical
 scroll bar corrected)

---
 .../templates/userInfoConnections.gtmpl       |   3 +-
 .../portlet/templates/userInfoDetails.gtmpl   |   5 ++--
 .../main/webapp/images/outlook-user-img.png   | Bin 1467 -> 0 bytes
 webapp/src/main/webapp/skin/outlook.css       |  28 ++++++++++--------
 4 files changed, 20 insertions(+), 16 deletions(-)
 delete mode 100644 webapp/src/main/webapp/images/outlook-user-img.png

diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
index 8897bec3..63625cd4 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoConnections.gtmpl
@@ -36,6 +36,7 @@
                               <div class="ms-Persona-compase">
                                 <div class="ms-Persona-imageArea">
                                   <div class="ms-Persona-initials ms-Persona-initials--darkBlue">
+                                    <i class="ms-Icon ms-Icon--person default-user-icon"></i>
                                     <font style="vertical-align: inherit;">
                                       <font style="vertical-align: inherit;">
                                         ${conn.firstName}${conn.lastName}
@@ -44,8 +45,6 @@
                                   </div>
                                   <% if (conn.avatarUrl) { %>
                                     <img class="ms-Persona-image" src="${conn.avatarUrl}">
-                                  <% } else { %>
-                                    <img class="ms-Persona-image" src="/outlook/images/outlook-user-img.png">
                                   <% } %>
                                 </div>
                                 <div class="ms-Persona-details less-details">
diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
index 0af28042..08bae12f 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/templates/userInfoDetails.gtmpl
@@ -47,14 +47,13 @@
                     <div class="ms-Persona">
                       <div class="ms-Persona-imageArea">
                         <div class="ms-Persona-initials ms-Persona-initials--darkBlue">
+                          <i class="ms-Icon ms-Icon--person default-user-icon"></i>
                           <font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                             ${conn.firstName}${conn.lastName}</font>
                           </font>
                         </div>
                         <% if (conn.avatarUrl) { %>
                           <img class="ms-Persona-image" src="${conn.avatarUrl}">
-                        <% } else { %>
-                          <img class="ms-Persona-image" src="/outlook/images/outlook-user-img.png">
                         <% } %>
                       </div>
                       <div class="ms-Persona-details">
@@ -81,6 +80,7 @@
             </div>
           </li>
           <li class="ms-PersonaCard-actionDetails detail-6 contact-detail personalPhones">
+            <div class="ms-PersonaCard-detailLine">
             <% if (userDet.isPhoneNumberPresent()) { %>
             <span class="ms-PersonaCard-detailLabel">&{Outlook.phone}</span>
             <% userDet.getPhones().each { phName, phNumber -> %>
@@ -136,6 +136,7 @@
             <% } else { %>
             <span class="ms-PersonaCard-detailLabel">&{Outlook.noInfo}</span>
             <% } %>
+            </div>
           </li>
           <li class="ms-PersonaCard-actionDetails detail-6 contact-detail personalIms">
             <div class="ms-PersonaCard-detailLine">
diff --git a/webapp/src/main/webapp/images/outlook-user-img.png b/webapp/src/main/webapp/images/outlook-user-img.png
deleted file mode 100644
index 0bd481410d40af5bc832178b1a6cd5cd13f253aa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1467
zcmaJ>dpOez7+$k!7Me>tNE($}Q<0-wlAq=>6`LeSxeUuSt6{li`VFC2?rK>h_gm31
z$0@n2s74d*L{1l{MvEPd(sW$Tob$)|?>x`<e(&?X@Ao~=_t%$2aCcEb>L4Kyhzi~n
z=PBpFH6Wn!e&+i-ik#NPc)B=3nxE;4<pLH890eed7UqT}5?rp8&bs~-1A(aW*08Rh
zQX2w+zzKL9;1%yLxe<9x$6PbxuhrEYM1_H)Hq7Pz<@n72ObTWjXQvK7*n3|Rn|*aA
zUt`Z*L4Q5|*&!=yqs`xgcLicEV&MN@d-aX;T$h#<R>M!1Ug!8=X;kW*OeTxWWHOn)
zO~rhXK^}shlz0Rnm=@K0Hx!x|3j_ksI?WvC#gdWkddxs3wPWC8o0xWQF*zkAh21pz
zh|LMHSe%>d<#fi-=?9DILhuBevc9LiKFh-qZQkDAqZMXRh~A2k>91O%kXV~Ck%-KV
zgr5VX@w!BFdkst0;Mx5HzlriTX(H1f{QlSohKJZ*b@4{gw)TZwZ)!4I(7(dLVA0jZ
zY|<+Ux6IO$fTG$tZ{ta&=1KWDHxw29p-0(C@rWQj9ll_cQOIF16#Dd)5=rzRSEa=G
z_&`*?rH+a`$;8+NET`NA5ZlW3Wg~n80;WET^4`ok!ASIp&mt4_<(cD(YCw@&I<I8?
zar>kq07vNbm(KuwkNwFgwY0&tU<|z$ppen3Z;=&`Ix{g@$Q0$b9z(BRZ|RSQFPJhi
zIeh-%TtBvZ4R38LHa7O*1fS7=t@A0yz?d~imCXfmTTf`?U}KGs7QTHOYfv@-Q_CXs
zwyP`AOc;fjj**Y_gbNqQYuC4)tw3OJ{OYCz9cCS{PpzujK{L$YV6OQ8*`#P(!k@vb
z1AxOW{ZF)e=<1DEH)&?!-n@CERY0WCXrq_*w1N=s#FN>$C6`YB(CN9%4bYBLxp~((
z!U(fnyIR8&q7cw(|AMyhGcTLFmf-VYy`d`M<*XlSSMuGel5dX*BZR$|CrOP+=)_qq
z@$H(rFDon2l2-m6E?lMChDxJlz|&QohoY?7+uLj6y5dq30C8;M`Sa~wrhcbR>FVkA
zy+60|Zs+HrGB*2<eZ=K`E2%nF1mll|Vit=f8~1JU#-g8__`csbKsrLeqIq{2{TFYp
z9CRp_^4*Oyy6hJFD*03MG7~x_NEzXK^5il0@U{eV*#YH&LMhYelg|Kln^F%B{0xY@
z$bB5?L+S2i@GD~8YaT=9g!kqTc452@)oNLz&qPxw7p8iAijwc=&wNcBiz+@E-_PU_
zjMF?amXm5m#PMc7u77fI@}YM1+u2!(q{WOWQw#Y(o1CBDON|tvbK_vP*DdsiNWsC3
zoW!2HnC*r$L$K1-(MqY*z`ENscTiP8G%V<0=iswnfnA}{FQWHpZ&{eer>DD41ZqcB
z`)jCDz{=b9C%dPuyVe7>l}(+hg}iA=#72;yai@TiTeIcp2^4o>H$QV0@yXt~>S8m7
z^-Zm^$FV%1QH<<;)i+t@u$qcLfpUX!C9v=94RLVoC*;se84D$LKg0Apf_TlTgY1^N
zA@#x|hGTaQh3PTElpL@1dvAdXxAHb$F2>llmtz@;r4u<$hldsytxv`wG!>O8SYI%r
zO-C*Ur(1l%J0`8iFa6TdL5dH4uKuM-km_8Xpx|frxO01$LxV6VEtt5$*Uyh!5M6$4
zXFZ&3p=~ABwV^Bv!2$NLK+}fu@db!XhmOanHtH!;Eh7N;(^(3!^(t+ghK8NoDP5b}
z>Ov4pUnexQp>zwuv}jNOHSX2^5cUF04$v;W5bJMX3Uj(ew3;-qF&aSvSvWAK!?ntj
zbmJBgLEWFD`10k;D>0TxK(*$%!xTODU(>_G<3H23=bw}_F0pt<92i_yRAH9xySIZ#
QmOoqw-pL);>=+3C4PvjV8UO$Q

diff --git a/webapp/src/main/webapp/skin/outlook.css b/webapp/src/main/webapp/skin/outlook.css
index fc48b941..08845bd5 100644
--- a/webapp/src/main/webapp/skin/outlook.css
+++ b/webapp/src/main/webapp/skin/outlook.css
@@ -1,7 +1,3 @@
-html {
-  overflow: hidden;
-}
-
 body {
   margin: 0;
   padding: 0;
@@ -23,12 +19,6 @@ body {
   min-height: 450px;
   position: relative;
   height: 100vh;
-  overflow: scroll;
-  -ms-overflow-style: none;
-}
-
-#outlook-pane::-webkit-scrollbar {
-  display: none;
 }
 
 #outlook-pane input {
@@ -493,7 +483,6 @@ textarea[name='activityTitle'], textarea[name='comment'] {
   text-align: left;
   position: relative;
   padding: 0px;
-  border-bottom: 1px solid #c8c8c8;
 }
 
 .activity:hover {
@@ -642,7 +631,7 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 }
 
 #outlook-userInfo .activities-list {
-  margin-bottom: 40px;
+  /*margin-bottom: 40px;*/
 }
 
 .ms-Persona-initials.ms-Persona-initials--darkBlue {
@@ -845,4 +834,19 @@ textarea[name='activityTitle'], textarea[name='comment'] {
 
 #UIPortalApplication #UIPLFFooterwlcmScreen #WLCFooter .footerWLC {
   bottom: 35px;
+}
+
+#outlook-userInfo .ms-OrgChart-listItem {
+  border-bottom: none;
+}
+
+.default-user-icon {
+  color: #c8c8c8;
+  margin-left: -7px;
+  background-color: white;
+  font-size: 60px;
+}
+
+.ms-Persona-primaryText {
+  width: unset;
 }
\ No newline at end of file

From 342e4260f7746ae5cdb73824394dc9fb93eb875b Mon Sep 17 00:00:00 2001
From: Nick Riabovol <nick.riabovol@gmail.com>
Date: Tue, 28 Jan 2020 18:55:24 +0200
Subject: [PATCH 14/14] Added getRelationshipsByStatus limit: 50

---
 .../src/main/java/org/exoplatform/outlook/portlet/Outlook.java  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webapp/src/main/java/org/exoplatform/outlook/portlet/Outlook.java b/webapp/src/main/java/org/exoplatform/outlook/portlet/Outlook.java
index c218fd6e..ac4a2ec0 100644
--- a/webapp/src/main/java/org/exoplatform/outlook/portlet/Outlook.java
+++ b/webapp/src/main/java/org/exoplatform/outlook/portlet/Outlook.java
@@ -1932,7 +1932,7 @@ private RealtimeListAccess<ExoSocialActivity> getActivity(String name) throws Ex
   @Deprecated
   private List<Relationship> getRelationships(String name) throws Exception {
     Identity userIdentity = identityManager.getOrCreateIdentity(OrganizationIdentityProvider.NAME, name, true);
-    List<Relationship> relationships = relationshipManager.getRelationshipsByStatus(userIdentity, CONFIRMED, 0, 0);
+    List<Relationship> relationships = relationshipManager.getRelationshipsByStatus(userIdentity, CONFIRMED, 0, 50);
     return relationships;
   }