From d5b1bc40ca045e53dbc720a8722c580858739a21 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Thu, 3 Sep 2020 04:37:05 -0300
Subject: [PATCH 01/15] chore: changing text editor

---
 src/adonisjs/public/dccs/css/dccs.css            |  6 +++---
 src/adonisjs/public/dccs/edit/inplace-editor.js  | 10 +++++-----
 .../public/dccs/edit/inplace-text-editor.js      | 16 ++++++++--------
 src/adonisjs/public/themes/simple/css/theme.css  |  4 ++--
 src/adonisjs/resources/views/author/author.edge  |  4 ++--
 5 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/adonisjs/public/dccs/css/dccs.css b/src/adonisjs/public/dccs/css/dccs.css
index 30f577352..f97354ee2 100644
--- a/src/adonisjs/public/dccs/css/dccs.css
+++ b/src/adonisjs/public/dccs/css/dccs.css
@@ -36,7 +36,7 @@
 }
 
 .inplace-editor-floating {
-   position: absolute;
+   position: relative;
    background-color: white;
    border-radius: 1px;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.5);
@@ -45,7 +45,7 @@
 
 .inplace-editor {
    background-color: white;
-   overflow: hidden;
+   /* overflow: hidden; */
 }
 
 .annotation-bar {
@@ -63,4 +63,4 @@
    flex-direction: row;
    justify-content: flex-end;
    cursor: pointer;
-}
\ No newline at end of file
+}
diff --git a/src/adonisjs/public/dccs/edit/inplace-editor.js b/src/adonisjs/public/dccs/edit/inplace-editor.js
index 6bc57ee46..f4c9cd6dc 100644
--- a/src/adonisjs/public/dccs/edit/inplace-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-editor.js
@@ -76,11 +76,11 @@ class EditDCC {
     this._editorToolbar.classList.add('inplace-editor-floating')
     this._editorToolbar.innerHTML = html
 
-    this._editorToolbar.style.left = this._transformRelativeX(
-      this._elementWrapperRect.left - this._containerRect.left)
-    this._editorToolbar.style.bottom = this._transformRelativeY(
-      this._containerRect.height -
-            (this._elementWrapperRect.top - this._containerRect.top))
+    // this._editorToolbar.style.left = this._transformRelativeX(
+    //   this._elementWrapperRect.left - this._containerRect.left)
+    // this._editorToolbar.style.bottom = this._transformRelativeY(
+    //   this._containerRect.height -
+    //         (this._elementWrapperRect.top - this._containerRect.top))
     this._editorWrapper.appendChild(this._editorToolbar)
   }
 
diff --git a/src/adonisjs/public/dccs/edit/inplace-text-editor.js b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
index 6a37b6e4d..03407f13d 100644
--- a/src/adonisjs/public/dccs/edit/inplace-text-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
@@ -132,14 +132,14 @@ class EditDCCText extends EditDCC {
 
   _buildEditorPanel () {
     const editor = document.createElement('div')
-    editor.style.position = 'absolute'
-    editor.style.left = this._transformRelativeX(
-      this._elementWrapperRect.left - this._containerRect.left)
-    editor.style.top = this._transformRelativeY(
-      this._elementWrapperRect.top - this._containerRect.top)
-    editor.style.width = this._transformRelativeX(this._elementWrapperRect.width)
-    editor.style.height =
-         this._transformRelativeY(this._elementWrapperRect.height)
+    editor.style.position = 'sticky'
+    // editor.style.left = this._transformRelativeX(
+    //   this._elementWrapperRect.left - this._containerRect.left)
+    // editor.style.top = this._transformRelativeY(
+    //   this._elementWrapperRect.top - this._containerRect.top)
+    // editor.style.width = this._transformRelativeX(this._elementWrapperRect.width)
+    // editor.style.height =
+    //      this._transformRelativeY(this._elementWrapperRect.height)
     if (this._svgDraw) {
       editor.innerHTML =
             EditDCCText.editorTemplate.svg
diff --git a/src/adonisjs/public/themes/simple/css/theme.css b/src/adonisjs/public/themes/simple/css/theme.css
index 1f696fe39..4ede88b8f 100644
--- a/src/adonisjs/public/themes/simple/css/theme.css
+++ b/src/adonisjs/public/themes/simple/css/theme.css
@@ -44,7 +44,7 @@
 /* .styt-main, .styt-button, input[type="text"], textarea { */
 .styt-main, .styt-button, .styt-button-option {
    /* font-size: 4vmin; */
-   font-size: 3vmin;
+   font-size: 1.8rem;
 }
 
 .styt-main-text {
@@ -121,4 +121,4 @@
    padding: .375rem .75rem;
    width: 100%;
    margin-bottom: 1rem;
-}
\ No newline at end of file
+}
diff --git a/src/adonisjs/resources/views/author/author.edge b/src/adonisjs/resources/views/author/author.edge
index 58851ca5d..1c1435642 100644
--- a/src/adonisjs/resources/views/author/author.edge
+++ b/src/adonisjs/resources/views/author/author.edge
@@ -145,7 +145,7 @@
       </div>
       <!-- End of toolbar -->
 
-      <div class="d-flex">
+      <div class="d-flex h-75">
           <div id="navigation-block" style="position:relative" class="w-25">
             <div class="sty-navigation-block">
               <div class="sty-navigation-panel std-border">
@@ -164,7 +164,7 @@
                 </div>
             </div>
             <div class="w-100">
-              <div id="inplace-editor-wrapper" class="sticky-top std-border">
+              <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
                 <div id="knot-panel" class="sty-knot-panel"></div>
               </div>
             </div>

From 8d2cf8fa2b67125776622654713ba329f8d02199 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Thu, 10 Sep 2020 22:46:01 -0300
Subject: [PATCH 02/15] WIP (text-editor): Changing absolute position to nested
 grids

---
 .../app/Controllers/Http/QuestController.js   | 172 +++++++++---------
 src/adonisjs/public/author/css/author.css     |   8 +-
 src/adonisjs/public/author/js/draft.js        |   4 +-
 src/adonisjs/public/dccs/css/dccs.css         |   3 +
 .../public/dccs/edit/inplace-editor.js        |  26 +--
 .../public/dccs/edit/inplace-text-editor.js   |   2 +-
 .../public/themes/simple/css/theme.css        |   6 +-
 .../public/themes/simple/detailed.html        |   2 +-
 .../public/themes/simple/exam_zoom.html       |   2 +-
 src/adonisjs/public/themes/simple/input.html  |  49 +++--
 src/adonisjs/public/translator/translator.js  |  39 ++--
 .../resources/views/author/author.edge        |  17 +-
 src/adonisjs/start/routes.js                  |   3 +-
 13 files changed, 169 insertions(+), 164 deletions(-)

diff --git a/src/adonisjs/app/Controllers/Http/QuestController.js b/src/adonisjs/app/Controllers/Http/QuestController.js
index 1b1f378b1..cff02bda4 100644
--- a/src/adonisjs/app/Controllers/Http/QuestController.js
+++ b/src/adonisjs/app/Controllers/Http/QuestController.js
@@ -5,95 +5,89 @@ const axios = use('axios')
 const view = use('View')
 
 class QuestController {
-  async getCasesByQuestAuthor({ request, response }) {
-		try{
-			const params = request.all()
-			console.log('------------------------COR DA QUEST');
-			console.log(params.color);
-			var responseData = [];
-			let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quest/cases"
-
-			var config = {
-				method: 'get',
-				url: endpoint_url,
-				data: {
-					questId: params.id
-				},
-				headers: {
-					'Authorization': 'Bearer ' + request.cookie('token')
-				}
-			};
-
-
-			await axios(config)
-			.then(function (endpoint_response) {
-				console.log('============ Retrieving cases for selected quests');
-				console.log(endpoint_response.data);
-				const busResponse = []
-				for (const c in endpoint_response.data) {
-					busResponse.push({
-						id: endpoint_response.data[c].id,
-						title: endpoint_response.data[c].title,
-
-					})
-
-				}
-				responseData[0] = busResponse;
-			})
-
-			.catch(function (error) {
-				console.log(error);
-			});
-		} catch(e){
-			console.log(e)
-		}
-
-		return view.render('author.drafts-cases', { cases: responseData[0]});
-
-	}
-
-async getQuestsAuthor({ request, response }) {
-		try{
-			var responseData = [];
-			let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quests"
-
-			var config = {
-				method: 'get',
-				url: endpoint_url,
-				headers: {
-					'Authorization': 'Bearer ' + request.cookie('token')
-				}
-			};
-
-
-			await axios(config)
-			.then(function (endpoint_response) {
-				console.log('============ Retrieving quests');
-				console.log(endpoint_response.data);
-				const busResponse = []
-				for (const c in endpoint_response.data) {
-					busResponse.push({
-						id: endpoint_response.data[c].id,
-						title: endpoint_response.data[c].title,
-						color: endpoint_response.data[c].color,
-						url: endpoint_response.data[c].url,
-
-					})
-
-				}
-				responseData[0] = busResponse;
-			})
-
-			.catch(function (error) {
-				console.log(error);
-			});
-		} catch(e){
-			console.log(e)
-		}
-
-		return view.render('author.drafts-quest', { quests: responseData[0]});
-
-	}
+  async getCasesByQuestAuthor ({ request, response }) {
+    try {
+      const params = request.all()
+      // console.log('------------------------COR DA QUEST')
+      // console.log(params.color)
+      var responseData = []
+      const endpoint_url = Env.get('HARENA_MANAGER_URL') + '/api/v1/author/quest/cases'
+
+      var config = {
+        method: 'get',
+        url: endpoint_url,
+        data: {
+          questId: params.id
+        },
+        headers: {
+          Authorization: 'Bearer ' + request.cookie('token')
+        }
+      }
+
+      await axios(config)
+        .then(function (endpoint_response) {
+          console.log('============ Retrieving cases for selected quests')
+          console.log(endpoint_response.data)
+          const busResponse = []
+          for (const c in endpoint_response.data) {
+            busResponse.push({
+              id: endpoint_response.data[c].id,
+              title: endpoint_response.data[c].title
+
+            })
+          }
+          responseData[0] = busResponse
+        })
+
+        .catch(function (error) {
+          console.log(error)
+        })
+    } catch (e) {
+      console.log(e)
+    }
+
+    return view.render('author.drafts-cases', { cases: responseData[0] })
+  }
+
+  async getQuestsAuthor ({ request, response }) {
+    try {
+      var responseData = []
+      const endpoint_url = Env.get('HARENA_MANAGER_URL') + '/api/v1/author/quests'
+
+      var config = {
+        method: 'get',
+        url: endpoint_url,
+        headers: {
+          Authorization: 'Bearer ' + request.cookie('token')
+        }
+      }
+
+      await axios(config)
+        .then(function (endpoint_response) {
+          console.log('============ Retrieving quests')
+          console.log(endpoint_response.data)
+          const busResponse = []
+          for (const c in endpoint_response.data) {
+            busResponse.push({
+              id: endpoint_response.data[c].id,
+              title: endpoint_response.data[c].title,
+              color: endpoint_response.data[c].color,
+              url: endpoint_response.data[c].url
+
+            })
+          }
+          responseData[0] = busResponse
+        })
+
+        .catch(function (error) {
+          console.log(error)
+        })
+    } catch (e) {
+      console.log(e)
+    }
+
+    return view.render('author.drafts-quest', { quests: responseData[0] })
+  }
 
   async getCasesByQuest ({ request, response }) {
     try {
diff --git a/src/adonisjs/public/author/css/author.css b/src/adonisjs/public/author/css/author.css
index b7c29ebfd..a3e5d043a 100644
--- a/src/adonisjs/public/author/css/author.css
+++ b/src/adonisjs/public/author/css/author.css
@@ -133,8 +133,8 @@
 }
 
 .sty-knot-panel {
-   flex: 55%;
-   min-width: 20%;
+   /* flex: 55%;
+   min-width: 20%; */
    overflow: scroll;
    height: 100%;
 }
@@ -144,13 +144,13 @@
    height: 100%;
 }
 
-.sty-lock {
+/* .sty-lock {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
-}
+} */
 
 .sty-lock:hover {
    background: rgba(0, 0, 0, 0.3);
diff --git a/src/adonisjs/public/author/js/draft.js b/src/adonisjs/public/author/js/draft.js
index 4b259f0fe..2fbcbff0b 100644
--- a/src/adonisjs/public/author/js/draft.js
+++ b/src/adonisjs/public/author/js/draft.js
@@ -20,8 +20,8 @@ class DraftManager {
 
     this._boxesPanel = document.querySelector('#case-boxes')
     // this._draftSelect(authorState.userid, advanced);
-    document.getElementsByClassName('buttons-container').length > 0 ?
-      this._draftQuestCasesSelect(advanced) : this._draftSelect(advanced)
+    document.getElementsByClassName('buttons-container').length > 0
+      ? this._draftQuestCasesSelect(advanced) : this._draftSelect(advanced)
   }
 
   async _draftSelect (advanced) {
diff --git a/src/adonisjs/public/dccs/css/dccs.css b/src/adonisjs/public/dccs/css/dccs.css
index f97354ee2..5273b5517 100644
--- a/src/adonisjs/public/dccs/css/dccs.css
+++ b/src/adonisjs/public/dccs/css/dccs.css
@@ -45,6 +45,9 @@
 
 .inplace-editor {
    background-color: white;
+   position: relative;
+   height: 100% !important;
+   weight: 100% !important;
    /* overflow: hidden; */
 }
 
diff --git a/src/adonisjs/public/dccs/edit/inplace-editor.js b/src/adonisjs/public/dccs/edit/inplace-editor.js
index f4c9cd6dc..df65efba1 100644
--- a/src/adonisjs/public/dccs/edit/inplace-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-editor.js
@@ -73,7 +73,7 @@ class EditDCC {
 
   _buildToolbarPanel (html) {
     this._editorToolbar = document.createElement('div')
-    this._editorToolbar.classList.add('inplace-editor-floating')
+    this._editorToolbar.classList.add('inplace-editor-floating', 'col')
     this._editorToolbar.innerHTML = html
 
     // this._editorToolbar.style.left = this._transformRelativeX(
@@ -151,20 +151,20 @@ class EditDCC {
     panelExtended.classList.add('inplace-editor-floating')
     panelExtended.innerHTML = html
 
-    panelExtended.style.left = this._transformRelativeX(
-      this._elementRect.left - this._containerRect.left)
+    // panelExtended.style.left = this._transformRelativeX(
+    //   this._elementRect.left - this._containerRect.left)
 
     // tests the middle of the element against the middle of the container
-    if (modality != 'properties' ||
-          (this._elementRect.top + (this._elementRect.height / 2) >
-           this._containerRect.top + (this._containerRect.height / 2))) {
-      panelExtended.style.bottom = this._transformRelativeY(
-        this._containerRect.height -
-            (this._elementRect.top - this._containerRect.top))
-    } else {
-      panelExtended.style.top =
-            this._transformRelativeY(this._elementRect.bottom - this._containerRect.top)
-    }
+    // if (modality != 'properties' ||
+    //       (this._elementRect.top + (this._elementRect.height / 2) >
+    //        this._containerRect.top + (this._containerRect.height / 2))) {
+    //   panelExtended.style.bottom = this._transformRelativeY(
+    //     this._containerRect.height -
+    //         (this._elementRect.top - this._containerRect.top))
+    // } else {
+    //   panelExtended.style.top =
+    //         this._transformRelativeY(this._elementRect.bottom - this._containerRect.top)
+    // }
 
     this._extendedSub = {
       cancel: panelExtended.querySelector('#ext-cancel'),
diff --git a/src/adonisjs/public/dccs/edit/inplace-text-editor.js b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
index ca7c86c9a..86c74e69c 100644
--- a/src/adonisjs/public/dccs/edit/inplace-text-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
@@ -221,7 +221,7 @@ class EditDCCText extends EditDCC {
         }
       })
     if (selectOptions) { this._quill.setContents(oldDelta) }
-    this._editor.classList.add('inplace-editor')
+    this._editor.classList.add('w-100', 'inplace-editor')
 
     // toolbar customization
     // document.querySelector('.ql-link').innerHTML =
diff --git a/src/adonisjs/public/themes/simple/css/theme.css b/src/adonisjs/public/themes/simple/css/theme.css
index b52756e90..fc9aee995 100644
--- a/src/adonisjs/public/themes/simple/css/theme.css
+++ b/src/adonisjs/public/themes/simple/css/theme.css
@@ -10,7 +10,7 @@
  ******/
 
 .styt-main-frame {
-   position: absolute;
+   /* position: absolute; */
    left: 0px;
    right: 0px;
    top: 0px;
@@ -19,7 +19,7 @@
 }
 
 .styt-main {
-   position: absolute;
+   /* position: absolute; */
    left: 15px;
    right: 15px;
    top: 10px;
@@ -54,7 +54,7 @@
 }
 
 .styt-button-frame {
-   position: absolute;
+   /* position: absolute; */
    bottom: 0px;
    width: 100%;
    /* display: flex; */
diff --git a/src/adonisjs/public/themes/simple/detailed.html b/src/adonisjs/public/themes/simple/detailed.html
index 79d988357..c433a9aa1 100644
--- a/src/adonisjs/public/themes/simple/detailed.html
+++ b/src/adonisjs/public/themes/simple/detailed.html
@@ -14,4 +14,4 @@
    <div id="action-2-wrapper" class="styt-button" style="display:none">
       <div id="action-2"></div>
    </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/adonisjs/public/themes/simple/exam_zoom.html b/src/adonisjs/public/themes/simple/exam_zoom.html
index 4d1043f80..b3792e619 100644
--- a/src/adonisjs/public/themes/simple/exam_zoom.html
+++ b/src/adonisjs/public/themes/simple/exam_zoom.html
@@ -10,4 +10,4 @@
 </div>
 <div id="action-1-wrapper" class="styt-button-frame">
    <div id="action-1" class="styt-button"></div>
-</div>
\ No newline at end of file
+</div>
diff --git a/src/adonisjs/public/themes/simple/input.html b/src/adonisjs/public/themes/simple/input.html
index 37dc26e56..464845bfd 100644
--- a/src/adonisjs/public/themes/simple/input.html
+++ b/src/adonisjs/public/themes/simple/input.html
@@ -1,21 +1,30 @@
-<div class="styt-main-frame">
-   <div class="styt-main">
-      <div class="styt-main-text">
-         <dcc-styler xstyle="out" distribution="generic" targeted="action">
-            {knot}
-         </dcc-styler>
-         <div id="role-1-text"></div>
-         <div id="role-1"></div>
-         <br><br>
-         <div id="role-2-text"></div>
-         <div id="role-2"></div>
-         <br><br>
-         <div id="role-3-text"></div>
-         <div id="role-3"></div>
-         <br><br>
-      </div>
-   </div>
+
+
+<div class="row">
+  <div class="styt-main-frame">
+     <div class="styt-main">
+        <div class="styt-main-text">
+           <dcc-styler xstyle="out" distribution="generic" targeted="action">
+              {knot}
+           </dcc-styler>
+           <div id="role-1-text"></div>
+           <div id="role-1"></div>
+           <br><br>
+           <div id="role-2-text"></div>
+           <div id="role-2"></div>
+           <br><br>
+           <div id="role-3-text"></div>
+           <div id="role-3"></div>
+           <br><br>
+        </div>
+     </div>
+  </div>
+
+</div>
+
+
+<div class="row">
+  <div id="action-1-wrapper" class="styt-button-frame">
+     <div id="action-1" class="styt-button"></div>
+  </div>
 </div>
-<div id="action-1-wrapper" class="styt-button-frame">
-   <div id="action-1" class="styt-button"></div>
-</div>
\ No newline at end of file
diff --git a/src/adonisjs/public/translator/translator.js b/src/adonisjs/public/translator/translator.js
index c57fc3dcb..ed05e2b15 100644
--- a/src/adonisjs/public/translator/translator.js
+++ b/src/adonisjs/public/translator/translator.js
@@ -734,7 +734,7 @@ class Translator {
               scramble: true,
               options: {}
             }, compiled[c - 1]._source)
-          this._transferOption(optionGroup.options, compiled[c-1])
+          this._transferOption(optionGroup.options, compiled[c - 1])
           compiled[c - 1] = optionGroup
         }
         if (optionGroup != null) {
@@ -748,19 +748,19 @@ class Translator {
     }
   }
 
-  _transferOption(options, compiledItem) {
-      options[compiledItem.label] = {
-        target: (compiledItem.target)
-          ? compiledItem.target : '(default)'
-      }
-      if (compiledItem.message) {
-        options[compiledItem.label].message =
+  _transferOption (options, compiledItem) {
+    options[compiledItem.label] = {
+      target: (compiledItem.target)
+        ? compiledItem.target : '(default)'
+    }
+    if (compiledItem.message) {
+      options[compiledItem.label].message =
                  compiledItem.message
-      }
-      if (compiledItem.state) {
-        options[compiledItem.label].state = compiledItem.state
-        options[compiledItem.label].operation = compiledItem.operation
-      }
+    }
+    if (compiledItem.state) {
+      options[compiledItem.label].state = compiledItem.state
+      options[compiledItem.label].operation = compiledItem.operation
+    }
   }
 
   // check if both are quoted or subordinated
@@ -1532,10 +1532,7 @@ class Translator {
     if (matchArray[3] != null) { option.divert = matchArray[3].trim() }
     if (matchArray[4] != null) { option.target = matchArray[4].trim() }
     if (matchArray[5] != null) { option.message = matchArray[5].trim() }
-    if (matchArray[6] != null)
-      { option.operation = matchArray[6].trim() }
-    else if (matchArray[8] != null)
-      { option.operation = matchArray[8].trim() }
+    if (matchArray[6] != null) { option.operation = matchArray[6].trim() } else if (matchArray[8] != null) { option.operation = matchArray[8].trim() }
     if (matchArray[7] != null) { option.state = matchArray[7].trim() }
 
     return option
@@ -1582,8 +1579,7 @@ class Translator {
 
   _optionObjToMd (obj) {
     let state = ''
-    if (obj.state && obj.operation)
-      state = ' ' + ((obj.operation == ">") ? '>' : '') + '((' + obj.state + '))' + ((obj.operation == "?") ? '?' : '')
+    if (obj.state && obj.operation) { state = ' ' + ((obj.operation == '>') ? '>' : '') + '((' + obj.state + '))' + ((obj.operation == '?') ? '?' : '') }
     return Translator.markdownTemplates.option
       .replace('{subtype}', (obj.subtype == '_') ? '' : obj.subtype + ' ')
       .replace('{label}', (obj.label) ? obj.label : '')
@@ -1956,8 +1952,7 @@ class Translator {
         first = false
         const option = obj.options[op]
         let state = ''
-        if (option.state && option.operation)
-          state = ' ' + ((option.operation == ">") ? '>' : '') + '((' + option.state + '))' + ((option.operation == "?") ? '?' : '')
+        if (option.state && option.operation) { state = ' ' + ((option.operation == '>') ? '>' : '') + '((' + option.state + '))' + ((option.operation == '?') ? '?' : '') }
         md += Translator.markdownTemplates.choice
           .replace('{label}', op)
           .replace('{target}',
@@ -1965,7 +1960,7 @@ class Translator {
               ? option.target : '')
           .replace('{message}',
             (option.message ? '"' + option.message + '"' : ''))
-          .replace("{state}", state)
+          .replace('{state}', state)
       }
     } else {
       let extraAttr = ''
diff --git a/src/adonisjs/resources/views/author/author.edge b/src/adonisjs/resources/views/author/author.edge
index c99339f45..2ab981e4f 100644
--- a/src/adonisjs/resources/views/author/author.edge
+++ b/src/adonisjs/resources/views/author/author.edge
@@ -124,15 +124,16 @@
             </div>
           </div>
         -->
-          <div class="col-2">
+          <!-- <div class="col-2">
 
-          </div>
+          </div> -->
         </nav>
       </div>
       <!-- End of toolbar -->
 
       <div class="d-flex h-75">
-          <div id="navigation-block" style="position:relative" class="w-25">
+        <!-- Container displayng the flow of the case -->
+          <div id="navigation-block" class="w-25" style="position:relative">
             <div class="sty-navigation-block">
               <div class="sty-navigation-panel std-border">
                 <div id="navigation-panel"></div>
@@ -141,7 +142,9 @@
               </div>
             </div>
           </div>
+        <!-- End of container displayng the flow of the case -->
 
+        <!-- Container displaying the case -->
           <div class="w-75 d-flex" id="knot-main">
             <div id="navigator-expansion" class="sty-navigation-expansion">
                 <div id="navigation-set" class="sty-navigation-set">
@@ -150,8 +153,10 @@
                 </div>
             </div>
             <div class="w-100">
-              <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
-                <div id="knot-panel" class="sty-knot-panel"></div>
+               <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
+                 <div id="knot-panel" class="d-flex sty-knot-panel w-100 h-100">
+
+                 </div>
               </div>
             </div>
             <div id="properties-expansion" class="sty-navigation-expansion">
@@ -159,7 +164,7 @@
                 <dcc-button id="button-retract-prop" topic="control/properties/retract" label="Retract" image="/author/icons/icon-expansion-right.svg" style="display:none"></dcc-button>
             </div>
           </div>
-
+        <!-- End of container displaying the case -->
           <div id="elements-main" class="d-flex">
             <div id="elements-block" class="sty-elements-block" style="position:relative; display:none">
                <!--
diff --git a/src/adonisjs/start/routes.js b/src/adonisjs/start/routes.js
index 243487ac7..5fa8ae5ec 100644
--- a/src/adonisjs/start/routes.js
+++ b/src/adonisjs/start/routes.js
@@ -72,10 +72,9 @@ Route.group(() => {
 }).prefix('drafts')
 
 Route.group(() => {
-	Route.post(  'link/case',		'CaseController.linkCase')
+  Route.post('link/case',		'CaseController.linkCase')
 }).prefix('/quest').middleware('auth')
 
-
 /*
 let harenaManagerUrl =
    Env.get("HARENA_MANAGER_URL", "http://localhost:3000/api/v1/");

From 7827ea69072dc784da5b6d5d7dce3c2867e972a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Santanch=C3=A8?= <santanche@gmail.com>
Date: Sat, 12 Sep 2020 09:27:20 -0300
Subject: [PATCH 03/15] feat (doc): update in the modules documentation

---
 README.md | 26 ++++++++++++++++++++++----
 1 file changed, 22 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 99bd26964..45d797edc 100644
--- a/README.md
+++ b/README.md
@@ -139,14 +139,32 @@ Learn and try to instantiate and customize Digital Content Components (DCCs) at
 
 # Directory Map
 
-* **author** - Front-end of the authoring environment that runs in the client side. The `author.html` plus the `js/index.js` files are the main modules. The Javascript files of the module are in the `[js]` directory.
+* **author** - Front-end of the authoring environment that runs on the client-side. The `author.html` plus the `js/index.js` files are the main modules. The Javascript files of the module are in the `[js]` directory.
+
+* **player** - Kernel of the HTML cases player. This kernel is used by the `translator` module to produce the final HTML version of the cases, which have the player kernel inside them.
+
+* **translator** - Translates the markdown document of a case to the final case executed in the player using HTML, CSS, and Javascript. In the process, it produces an intermediary object representation of the case.
 
 * **dccs** - Digital Content Components (DCCs) library. The authoring environment and the generated cases use web components to execute active web tasks, e.g., buttons, animations, inputs, etc. These web components follow the DCC standard and are stored in this directory.
 
-* **infra** - Contains infrastructure related modules, which are shared by the Author and Player platforms -- e.g., the bus service.
+* **flow** - Flow representation and processing. For example, several cases can be dynamically composed in a flow controlled by this module.
+
+* **scripts** - Scripts programming via box programming through Blockly.
+
+* **context** - Semantic related data management, related to controlled vocabularies, taxonomies, and ontologies. For example, semantic annotations of medical texts are resolved by this module.
+
+* **infra** - Contains infrastructure-related modules, which are shared by the Author and Player platforms -- e.g., the bus service.
 
 * **lib** - External javascript libraries adopted by both platforms (author and player).
 
-* **player** - Kernel of the HTML cases player. This kernel is used by the `translator` module to produce the final HTML version of the cases, which have the player kernel inside them.
+* **themes** - HTML + CSS + DCC themes that are used to render cases.
 
-* **translator** - Translates the markdown document of a case to the final case executed in the player using HTML, CSS, and Javascript. In the process, it produces an intermediary object representation of the case.
+* **templates** - Case templates adopted at the beginning of the authoring process.
+
+## To Refactor
+
+* **start** - Environment landing page. Deprecated, it was replaced by an AdonisJS/Edge approach.
+
+* **modules** - Miniature environment to render cases used in the author environment to preview the case render. It will be transferred to the author directory.
+
+* **resources** - Aggregates resources shared by several modules. It will be transferred to a specific AdonisJS directory.
\ No newline at end of file

From c1afa347a6d788c6c668dee144dd507c78681dd3 Mon Sep 17 00:00:00 2001
From: Matheus Mota <smota.matheus@gmail.com>
Date: Sun, 13 Sep 2020 19:31:48 -0300
Subject: [PATCH 04/15] indicating dummy favicon

---
 src/adonisjs/resources/views/index.edge | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/adonisjs/resources/views/index.edge b/src/adonisjs/resources/views/index.edge
index d59c92f6b..b62116fc9 100644
--- a/src/adonisjs/resources/views/index.edge
+++ b/src/adonisjs/resources/views/index.edge
@@ -11,6 +11,8 @@
   <link rel="stylesheet" href="start/css/main.css"/>
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"/>
 
+  <!-- Favicon -->  
+  <link rel="shortcut icon" href="#">
 
   <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
   <script src="{{ assetsUrl('infra/bus.js') }}"></script>

From 391d31a3b41f9ad79b8390c020fef4349bdd6312 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Mon, 14 Sep 2020 03:43:26 -0300
Subject: [PATCH 05/15] feat (routes): add playground route and fix 'draft.js'
 routes

DCC playground route added;
Fix player and author href in 'drafts;
---
 src/adonisjs/public/author/js/draft.js | 4 ++--
 src/adonisjs/start/routes.js           | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/adonisjs/public/author/js/draft.js b/src/adonisjs/public/author/js/draft.js
index 4b259f0fe..ce9d48f34 100644
--- a/src/adonisjs/public/author/js/draft.js
+++ b/src/adonisjs/public/author/js/draft.js
@@ -50,13 +50,13 @@ class DraftManager {
           Basic.service.authorPropertyStore('caseId', this.id.substring(1))
           // window.location.href = "http://0.0.0.0:10010/author/author.html";
           window.location.href =
-                  'author?id=' + this.id.substring(1)
+                  '/author?id=' + this.id.substring(1)
         }
       )
       previewButton.addEventListener('click',
         function () {
           Basic.service.authorPropertyStore('caseId', this.id.substring(1))
-          window.location.href = 'player/case?id=' +
+          window.location.href = '/player/case?id=' +
                                       this.id.substring(1) +
                                       '&preview'
         }
diff --git a/src/adonisjs/start/routes.js b/src/adonisjs/start/routes.js
index 243487ac7..17e398ff9 100644
--- a/src/adonisjs/start/routes.js
+++ b/src/adonisjs/start/routes.js
@@ -1,6 +1,6 @@
 /* global use */
 'use strict'
-
+const Helpers = use('Helpers')
 /*
 |--------------------------------------------------------------------------
 | Routes
@@ -81,6 +81,10 @@ let harenaManagerUrl =
    Env.get("HARENA_MANAGER_URL", "http://localhost:3000/api/v1/");
 */
 
+Route.get('translator/playground', ({ view, request }) => {
+  return Helpers.publicPath('translator/playground/index.html')
+})
+
 Route.get('player', 'QuestController.getQuests').as('player_home')
 
 Route.get('player/quest', 'QuestController.getCasesByQuest').as('player_quest')

From 25c25bdf68d70f60658a6e304c41a484f504711f Mon Sep 17 00:00:00 2001
From: faguim <pantoja.ti@gmail.com>
Date: Mon, 14 Sep 2020 09:59:10 -0300
Subject: [PATCH 06/15] feat(case creation): add level of complexity. Closes
 #198

---
 src/adonisjs/app/Controllers/Http/CaseController.js      | 9 ++++++---
 src/adonisjs/resources/views/author/template-case.edge   | 8 ++++++++
 .../resources/views/layout/partials/settings-modal.edge  | 9 +++++++++
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/adonisjs/app/Controllers/Http/CaseController.js b/src/adonisjs/app/Controllers/Http/CaseController.js
index 268e2292a..69fdb4bfa 100644
--- a/src/adonisjs/app/Controllers/Http/CaseController.js
+++ b/src/adonisjs/app/Controllers/Http/CaseController.js
@@ -60,7 +60,8 @@ class CaseController {
             specialty: params.specialty,
             keywords: params.keywords,
             source: markdown,
-            original_date: params.creationDate
+            original_date: params.creationDate,
+            complexity: params.complexity
           },
           headers: {
             Authorization: 'Bearer ' + token
@@ -130,11 +131,12 @@ class CaseController {
 
   async update ({ request, session, response }) {
     try {
+      console.log('update')
       const params = request.all()
       // console.log('UPDATE STARTING........')
       const endpointUrl =
       Env.get('HARENA_MANAGER_URL') + '/api/v1/case/' + params.case_id
-
+console.log(params.complexity)
       const token = request.cookie('token')
       const config = {
         method: 'PUT',
@@ -147,7 +149,8 @@ class CaseController {
           specialty: params.specialty,
           keywords: params.keywords,
           originalDate: params.originalDate,
-          source: params.source
+          source: params.source,
+          complexity: params.complexity
         },
         headers: {
           Authorization: 'Bearer ' + token
diff --git a/src/adonisjs/resources/views/author/template-case.edge b/src/adonisjs/resources/views/author/template-case.edge
index 7263cc519..2f4203055 100644
--- a/src/adonisjs/resources/views/author/template-case.edge
+++ b/src/adonisjs/resources/views/author/template-case.edge
@@ -61,6 +61,14 @@
                   <label for="specialty">Specialty</label>
                   <input type="text" class="form-control" id="specialty" name="specialty" placeholder="Inform the case specialty">
                 </div>
+                <div class="form-group">
+                  <label for="complexity">Complexity</label>
+                  <select name="complexity" id="complexity" value={{caseComplexity}}>
+                    <option value={{caseComplexity}} selected disabled hidden>{{caseComplexity}}</option>
+                    <option value="undergraduate">Undergraduate</option>
+                    <option value="postgraduate">Postgraduate</option>
+                  </select>
+                </div>
                 <div class="form-group">
                   <label for="keywords">Keywords</label>
                   <textarea class="form-control" id="keywords" name="keywords" aria-describedby="keywords-help"></textarea>
diff --git a/src/adonisjs/resources/views/layout/partials/settings-modal.edge b/src/adonisjs/resources/views/layout/partials/settings-modal.edge
index 222bb95a2..8062509bf 100644
--- a/src/adonisjs/resources/views/layout/partials/settings-modal.edge
+++ b/src/adonisjs/resources/views/layout/partials/settings-modal.edge
@@ -39,6 +39,15 @@
             <label for="domain">Domain</label>
             <input type="text" class="form-control" id="domain" name="domain" value="{{caseDomain}}" placeholder="Inform the case domain">
           </div>
+
+          <div class="form-group">
+            <label for="complexity">Complexity</label>
+            <select name="complexity" id="complexity" value={{caseComplexity}}>
+               <option value={{caseComplexity}} selected disabled hidden>{{caseComplexity}}</option>
+               <option value="undergraduate">Undergraduate</option>
+               <option value="postgraduate">Postgraduate</option>
+            </select>
+          </div>
           <div class="form-group">
             <label for="specialty">Specialty</label>
             <input type="text" class="form-control" id="specialty" name="specialty" value="{{caseSpecialty}}" placeholder="Inform the case specialty">

From d1c76ea58076e5119b04b00a369e9e312ed32714 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Mon, 14 Sep 2020 11:12:56 -0300
Subject: [PATCH 07/15] fix (case/complexity): add get complexity on getCase()

---
 src/adonisjs/app/Controllers/Http/CaseController.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/adonisjs/app/Controllers/Http/CaseController.js b/src/adonisjs/app/Controllers/Http/CaseController.js
index 69fdb4bfa..f526cdd1f 100644
--- a/src/adonisjs/app/Controllers/Http/CaseController.js
+++ b/src/adonisjs/app/Controllers/Http/CaseController.js
@@ -196,10 +196,11 @@ console.log(params.complexity)
           const caseSpecialty = responseContent.specialty
           const caseKeywords = responseContent.keywords
           const caseOriginalDate = responseContent.original_date
+          const caseComplexity = responseContent.complexity
           const caseSource = responseContent.source.replace(/"/gm, '\\"')
 
           return view.render('author.author',
-            { caseId, caseTitle, caseDescription, caseLanguage, caseInstitution, caseDomain, caseSpecialty, caseKeywords, caseOriginalDate, caseSource })
+            { caseId, caseTitle, caseDescription, caseLanguage, caseInstitution, caseDomain, caseSpecialty, caseKeywords, caseOriginalDate, caseComplexity, caseSource })
         })
         .catch(function (error) {
           console.log(error)

From 72cbaf97f16e1f74a63d7eced6052e42eabf1a2d Mon Sep 17 00:00:00 2001
From: faguim <pantoja.ti@gmail.com>
Date: Mon, 14 Sep 2020 15:55:54 -0300
Subject: [PATCH 08/15] feat(issue demands): closes issues #215 #198 #197 #87

---
 .../app/Controllers/Http/CaseController.js    | 17 +++++---
 .../author/js/dcc-author-server-proxy.js      |  2 +
 .../resources/views/author/template-case.edge | 40 +++++++++++--------
 .../views/layout/partials/settings-modal.edge | 27 +++++++++----
 4 files changed, 56 insertions(+), 30 deletions(-)

diff --git a/src/adonisjs/app/Controllers/Http/CaseController.js b/src/adonisjs/app/Controllers/Http/CaseController.js
index 69fdb4bfa..3d5b9d8dc 100644
--- a/src/adonisjs/app/Controllers/Http/CaseController.js
+++ b/src/adonisjs/app/Controllers/Http/CaseController.js
@@ -61,7 +61,8 @@ class CaseController {
             keywords: params.keywords,
             source: markdown,
             original_date: params.creationDate,
-            complexity: params.complexity
+            complexity: params.complexity,
+            institution: params.institution
           },
           headers: {
             Authorization: 'Bearer ' + token
@@ -131,12 +132,12 @@ class CaseController {
 
   async update ({ request, session, response }) {
     try {
-      console.log('update')
+      console.log('update ---------------------------- ')
       const params = request.all()
       // console.log('UPDATE STARTING........')
       const endpointUrl =
       Env.get('HARENA_MANAGER_URL') + '/api/v1/case/' + params.case_id
-console.log(params.complexity)
+
       const token = request.cookie('token')
       const config = {
         method: 'PUT',
@@ -149,8 +150,9 @@ console.log(params.complexity)
           specialty: params.specialty,
           keywords: params.keywords,
           originalDate: params.originalDate,
-          source: params.source,
-          complexity: params.complexity
+          complexity: params.complexity,
+          institution: params.institution,
+          source: params.source
         },
         headers: {
           Authorization: 'Bearer ' + token
@@ -196,10 +198,12 @@ console.log(params.complexity)
           const caseSpecialty = responseContent.specialty
           const caseKeywords = responseContent.keywords
           const caseOriginalDate = responseContent.original_date
+          const caseComplexity = responseContent.complexity
+
           const caseSource = responseContent.source.replace(/"/gm, '\\"')
 
           return view.render('author.author',
-            { caseId, caseTitle, caseDescription, caseLanguage, caseInstitution, caseDomain, caseSpecialty, caseKeywords, caseOriginalDate, caseSource })
+            { caseId, caseTitle, caseDescription, caseLanguage, caseInstitution, caseDomain, caseSpecialty, caseKeywords, caseOriginalDate, caseSource, caseComplexity })
         })
         .catch(function (error) {
           console.log(error)
@@ -226,6 +230,7 @@ console.log(params.complexity)
 
       await axios(config)
         .then(function (endpointResponse) {
+          console.log('here')
           console.log(endpointResponse.data)
           // return view.render('author.author')
 
diff --git a/src/adonisjs/public/author/js/dcc-author-server-proxy.js b/src/adonisjs/public/author/js/dcc-author-server-proxy.js
index 6b43fcda3..74d820afa 100644
--- a/src/adonisjs/public/author/js/dcc-author-server-proxy.js
+++ b/src/adonisjs/public/author/js/dcc-author-server-proxy.js
@@ -179,6 +179,8 @@ class DCCAuthorServer {
           domain: document.getElementById('domain').value,
           specialty: document.getElementById('specialty').value,
           keywords: document.getElementById('keywords').value,
+          institution: document.getElementById('institution').value,
+          complexity: document.getElementById('complexity').value,
           source: message.source
         },
         headers: {
diff --git a/src/adonisjs/resources/views/author/template-case.edge b/src/adonisjs/resources/views/author/template-case.edge
index 2f4203055..056d2c48a 100644
--- a/src/adonisjs/resources/views/author/template-case.edge
+++ b/src/adonisjs/resources/views/author/template-case.edge
@@ -37,38 +37,46 @@
                   <label for="description">Description</label>
                   <textarea class="form-control" id="description" name="description"></textarea>
                 </div>
+                <div class="form-group">
+                  <label for="creationDate">Creation Date</label>
+                  <input type="date" class="form-control" id="creationDate" name="creationDate">
+                </div>
                 <div class="form-group">
                   <label for="language">Language</label>
-                  <select name="language" id="language" name="language">
+                  <select name="language" id="language">
                      <option value="pt-BR">Portuguese (Brazil)</option>
-                     <option value="pt-BR">Portuguese (Portugal)</option>
+                     <option value="pt-PT">Portuguese (Portugal)</option>
                      <option value="en">English</option>
                   </select>
                 </div>
                 <div class="form-group">
-                  <label for="creationDate">Creation Date</label>
-                  <input type="date" class="form-control" id="creationDate" name="creationDate">
-                </div>
-                <!--<div class="form-group">
                   <label for="institution">Institution</label>
-                  <input type="text" class="form-control" id="institution" name="institution" placeholder="Enter your institution">
-                </div> -->
-                <div class="form-group">
-                  <label for="domain">Domain</label>
-                  <input type="text" class="form-control" id="domain" name="domain" placeholder="Inform the case domain">
+                  <select name="institution" id="institution">
+                     <option value="unicamp">Unicamp</option>
+                     <option value="minho">Universidade do Minho</option>
+                  </select>
                 </div>
                 <div class="form-group">
-                  <label for="specialty">Specialty</label>
-                  <input type="text" class="form-control" id="specialty" name="specialty" placeholder="Inform the case specialty">
+                  <label for="domain">Domain</label>
+                  <select name="domain" id="domain" value={{ caseDomain }}>
+                    <option value="Medicine">Medicine</option>
+                    <option value="Nurse">Nurse</option>
+                    <option value="Physioterapy">Physioterapy</option>
+                    <option value="Pharmacy">Pharmacy</option>
+                    <option value="Occupational Therapy">Occupational Therapy</option>
+                  </select>
                 </div>
                 <div class="form-group">
                   <label for="complexity">Complexity</label>
                   <select name="complexity" id="complexity" value={{caseComplexity}}>
-                    <option value={{caseComplexity}} selected disabled hidden>{{caseComplexity}}</option>
-                    <option value="undergraduate">Undergraduate</option>
-                    <option value="postgraduate">Postgraduate</option>
+                    <option value="Undergraduate">Undergraduate</option>
+                    <option value="Postgraduate">Postgraduate</option>
                   </select>
                 </div>
+                <div class="form-group">
+                  <label for="specialty">Specialty</label>
+                  <input type="text" class="form-control" id="specialty" name="specialty" placeholder="Inform the case specialty">
+                </div>
                 <div class="form-group">
                   <label for="keywords">Keywords</label>
                   <textarea class="form-control" id="keywords" name="keywords" aria-describedby="keywords-help"></textarea>
diff --git a/src/adonisjs/resources/views/layout/partials/settings-modal.edge b/src/adonisjs/resources/views/layout/partials/settings-modal.edge
index 8062509bf..fbb39d10f 100644
--- a/src/adonisjs/resources/views/layout/partials/settings-modal.edge
+++ b/src/adonisjs/resources/views/layout/partials/settings-modal.edge
@@ -17,6 +17,11 @@
             <label for="description">Description</label>
             <textarea class="form-control" id="description" name="description">{{caseDescription}}</textarea>
           </div>
+          <div class="form-group">
+            <label for="creationDate">Creation Date</label>
+            <input type="date" class="form-control" id="creationDate" name="creationDate" value="{{caseOriginalDate}}">
+            {{-- <small id="keywords-help" class="form-text text-muted">Inform the date of case creation on Jacinto Moodle</small> --}}
+          </div>
           <div class="form-group">
             <label for="language">Language</label>
             <select name="language" id="language" value={{caseLanguage}}>
@@ -27,17 +32,23 @@
             </select>
           </div>
           <div class="form-group">
-            <label for="originalDate">Original Date</label>
-            <input type="date" class="form-control" id="originalDate" name="originalDate" value="{{caseOriginalDate}}">
-            {{-- <small id="keywords-help" class="form-text text-muted">Inform the date of case creation on Jacinto Moodle</small> --}}
-          </div>
-<!--          <div class="form-group">
             <label for="institution">Institution</label>
-          <input type="text" class="form-control" id="institution" name="institution" value="{{caseInstitution}}" placeholder="Enter your institution">
-        </div> -->
+            <select name="institution" id="institution" value={{ caseInstitution }}>
+              <option value={{caseInstitution}} selected disabled hidden>{{caseInstitution}}</option>
+              <option value="unicamp">Unicamp</option>
+              <option value="minho">Universidade do Minho</option>
+            </select>
+          </div>
           <div class="form-group">
             <label for="domain">Domain</label>
-            <input type="text" class="form-control" id="domain" name="domain" value="{{caseDomain}}" placeholder="Inform the case domain">
+            <select name="domain" id="domain" value={{ caseDomain }}>
+              <option value={{ caseDomain }} selected disabled hidden>{{caseDomain}}</option>
+              <option value="Medicine">Medicine</option>
+              <option value="Nurse">Nurse</option>
+              <option value="Physioterapy">Physioterapy</option>
+              <option value="Pharmacy">Pharmacy</option>
+              <option value="Occupational Therapy">Occupational Therapy</option>
+            </select>
           </div>
 
           <div class="form-group">

From 4586151dafb36be3e9946f89f26a30ca6345f043 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Wed, 16 Sep 2020 11:30:09 -0300
Subject: [PATCH 09/15] fix (text-editor): fix text editor positioning

Used bootstrap column;
Add editor-container to group editor text and buttons;
Change a lot of css;
Remove a bunch of absolute positions;
Change element sizing;
---
 src/adonisjs/public/author/css/author.css     | 14 ++++++--
 src/adonisjs/public/author/js/author.js       | 14 ++++----
 src/adonisjs/public/dccs/css/dccs.css         | 15 ++++++--
 src/adonisjs/public/dccs/css/properties.css   |  5 +--
 .../public/dccs/edit/inplace-editor.js        | 35 ++++++++++++++-----
 .../public/dccs/edit/inplace-text-editor.js   |  8 ++++-
 .../public/themes/simple/css/theme.css        |  4 +--
 .../resources/views/author/author.edge        |  2 +-
 8 files changed, 71 insertions(+), 26 deletions(-)

diff --git a/src/adonisjs/public/author/css/author.css b/src/adonisjs/public/author/css/author.css
index a3e5d043a..50aad9202 100644
--- a/src/adonisjs/public/author/css/author.css
+++ b/src/adonisjs/public/author/css/author.css
@@ -1,5 +1,15 @@
 @charset "UTF-8";
 
+#inplace-editor-wrapper{
+
+	border-color: #004270;
+	border-radius: 9px;
+	border-style: solid;
+	border-width: 13px;
+  border-bottom-width: 30px;
+
+}
+
 .sty-main-panel {
    /* the main box (body) occupies all the visible area */
    position: absolute;
@@ -144,13 +154,13 @@
    height: 100%;
 }
 
-/* .sty-lock {
+.sty-lock {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
-} */
+}
 
 .sty-lock:hover {
    background: rgba(0, 0, 0, 0.3);
diff --git a/src/adonisjs/public/author/js/author.js b/src/adonisjs/public/author/js/author.js
index 77d92b32a..c2e741506 100644
--- a/src/adonisjs/public/author/js/author.js
+++ b/src/adonisjs/public/author/js/author.js
@@ -91,7 +91,7 @@ class AuthorManager {
       caseid = params.match(/id=([\w-]+)/i)
       caseid = (caseid == null) ? null : caseid[1]
     }
-    if (mode != null && mode.toLowerCase() == 'advanced') { document.querySelector('#advanced-mode').style.display = 'initial' }
+    if (mode != null && mode.toLowerCase() === 'advanced') { document.querySelector('#advanced-mode').style.display = 'initial' }
 
     // build singletons
     Panels.start()
@@ -223,7 +223,7 @@ class AuthorManager {
       'Select a case to load or start a new case.',
       'list', 'Select', 'New', cases.message)
 
-    if (caseId == 'New') { this.caseNew() } else { this._caseLoad(caseId) }
+    if (caseId === 'New') { this.caseNew() } else { this._caseLoad(caseId) }
 
     /*
       const sticky = document.querySelector("#sticky-top");
@@ -401,20 +401,20 @@ class AuthorManager {
   _checkKnotModification (nextState) {
     // (1) render slide; (2) edit knot; (3) edit case
     let modified = false
-    if (this._renderState == 2) {
+    if (this._renderState === 2) {
       if (this._editor != null) {
         const editorText = this._retrieveEditorText()
-        if (this._knots[this._knotSelected]._source != editorText) {
+        if (this._knots[this._knotSelected]._source !== editorText) {
           modified = true
           this._knots[this._knotSelected]._source = editorText
           Translator.instance.extractKnotAnnotations(this._knots[this._knotSelected])
           Translator.instance.compileKnotMarkdown(this._knots, this._knotSelected)
         }
       }
-    } else if (this._renderState == 3) {
+    } else if (this._renderState === 3) {
       if (this._editor != null) {
         const editorText = this._retrieveEditorText()
-        if (!this._originalMd || this._originalMd != editorText) {
+        if (!this._originalMd || this._originalMd !== editorText) {
           modified = true
           if (nextState != 3) { delete this._originalMd }
           this._compile(editorText)
@@ -461,7 +461,7 @@ class AuthorManager {
     // this._removeFloatingMenu();
     // let knotid = MessageBus.extractLevel(topic, 3);
     const knotid =
-         (message == null || message == '') ? this._knotSelected : message
+         (message == null || message === '') ? this._knotSelected : message
     if (knotid != null) {
       /*
          console.log("=== miniatureF");
diff --git a/src/adonisjs/public/dccs/css/dccs.css b/src/adonisjs/public/dccs/css/dccs.css
index 5273b5517..77c846723 100644
--- a/src/adonisjs/public/dccs/css/dccs.css
+++ b/src/adonisjs/public/dccs/css/dccs.css
@@ -1,5 +1,13 @@
 @charset "UTF-8";
 
+.editor-container{
+  position: absolute;
+  overflow: auto;
+  max-width: 95% !important;
+  max-height: 85% !important;
+  z-index: 1;
+}
+
 .ql-hl-select {
    width: 6.3rem;
 }
@@ -36,7 +44,10 @@
 }
 
 .inplace-editor-floating {
-   position: relative;
+   position: sticky;
+	 top: 5px;
+	 z-index: 2;
+
    background-color: white;
    border-radius: 1px;
    box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.5);
@@ -48,7 +59,7 @@
    position: relative;
    height: 100% !important;
    weight: 100% !important;
-   /* overflow: hidden; */
+   overflow: hidden;
 }
 
 .annotation-bar {
diff --git a/src/adonisjs/public/dccs/css/properties.css b/src/adonisjs/public/dccs/css/properties.css
index e7c74f90c..d6dc28a43 100644
--- a/src/adonisjs/public/dccs/css/properties.css
+++ b/src/adonisjs/public/dccs/css/properties.css
@@ -4,7 +4,7 @@
    flex: 95%;
    width: auto;
    height: 95%;
-   overflow: scroll;
+   /* overflow: scroll; */
    display: flex;
    flex-direction: column;
    padding: 5px;
@@ -43,7 +43,8 @@
 }
 
 .styp-field-text {
-   width: 600px;
+   width: 550px;
+   margin: 3px;
 }
 
 .styp-field-highlight {
diff --git a/src/adonisjs/public/dccs/edit/inplace-editor.js b/src/adonisjs/public/dccs/edit/inplace-editor.js
index df65efba1..41dac2f2b 100644
--- a/src/adonisjs/public/dccs/edit/inplace-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-editor.js
@@ -9,6 +9,7 @@ class EditDCC {
     this._editElement = presentation
     this._editorExtended = null
     this._editorWrapper = this._fetchEditorWrapper()
+    this._editorContainer = this._fetchEditorContainer()
     this._containerRect = this._editorWrapper.getBoundingClientRect()
     this._elementWrapper = this._fetchElementWrapper()
     this._elementWrapperRect = this._elementWrapper.getBoundingClientRect()
@@ -27,7 +28,7 @@ class EditDCC {
   }
 
   async _handleEditorAction (action) {
-    if (action == 'confirm') { await MessageBus.ext.request('properties/apply/short') } else if (this._editDCC != null) { this._editDCC.reactivateAuthor() }
+    if (action === 'confirm') { await MessageBus.ext.request('properties/apply/short') } else if (this._editDCC != null) { this._editDCC.reactivateAuthor() }
     this.closeEditor()
   }
 
@@ -38,7 +39,7 @@ class EditDCC {
     }
   }
 
-  // fetches the editor wrapper
+  // fetches the editor container
   _fetchEditorWrapper () {
     let container = document
     if (window.parent && window.parent.document) {
@@ -49,6 +50,18 @@ class EditDCC {
     return container
   }
 
+  // fetches the editor container
+  _fetchEditorContainer () {
+    if (!document.querySelector('.editor-container')) {
+      this._editorContainer = document.createElement('div')
+      this._editorContainer.classList.add('editor-container')
+      this._editorWrapper.appendChild(this._editorContainer)
+    }else {
+      this._editorContainer = document.querySelector('.editor-container')
+    }
+    return this._editorContainer
+  }
+
   // fetches the element wrapper
   _fetchElementWrapper () {
     // looks for a knot-wrapper or equivalent
@@ -73,7 +86,7 @@ class EditDCC {
 
   _buildToolbarPanel (html) {
     this._editorToolbar = document.createElement('div')
-    this._editorToolbar.classList.add('inplace-editor-floating', 'col')
+    this._editorToolbar.classList.add('inplace-editor-floating')
     this._editorToolbar.innerHTML = html
 
     // this._editorToolbar.style.left = this._transformRelativeX(
@@ -81,7 +94,7 @@ class EditDCC {
     // this._editorToolbar.style.bottom = this._transformRelativeY(
     //   this._containerRect.height -
     //         (this._elementWrapperRect.top - this._containerRect.top))
-    this._editorWrapper.appendChild(this._editorToolbar)
+    this._fetchEditorContainer().appendChild(this._editorToolbar)
   }
 
   _removeToolbarPanel () {
@@ -115,7 +128,10 @@ class EditDCC {
   async _extendedPanel (html, modality) {
     this._editorExtended =
          this._buildExtendedPanel(html, modality)
-    this._editorWrapper.appendChild(this._editorExtended)
+    this._fetchEditorContainer().appendChild(this._editorExtended)
+    this._editDCC.parentNode.insertBefore(this._fetchEditorContainer(), this._editDCC.nextSibling)
+
+
 
     const promise = new Promise((resolve, reject) => {
       const callback = function (button) { resolve(button) }
@@ -141,7 +157,7 @@ class EditDCC {
 
   _removeExtendedPanel () {
     if (this._editorExtended != null) {
-      this._editorWrapper.removeChild(this._editorExtended)
+      this._editorContainer.removeChild(this._editorExtended)
       this._editorExtended = null
     }
   }
@@ -170,8 +186,9 @@ class EditDCC {
       cancel: panelExtended.querySelector('#ext-cancel'),
       content: panelExtended.querySelector('#ext-content')
     }
-    if (modality == 'image') { this._extendedSub.image = panelExtended.querySelector('#ext-content') } else { this._extendedSub.confirm = panelExtended.querySelector('#ext-confirm') }
-
+    if (modality === 'image') {
+      this._extendedSub.image = panelExtended.querySelector('#ext-content')
+    } else { this._extendedSub.confirm = panelExtended.querySelector('#ext-confirm') }
     return panelExtended
   }
 
@@ -179,7 +196,7 @@ class EditDCC {
     const ep = await this._extendedPanel(
       EditDCC.imageBrowseTemplate, 'image')
     let path = null
-    if (ep.clicked == 'confirm' && ep.content.files[0]) {
+    if (ep.clicked === 'confirm' && ep.content.files[0]) {
       const asset = await
       MessageBus.ext.request('data/asset//new',
         {
diff --git a/src/adonisjs/public/dccs/edit/inplace-text-editor.js b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
index 86c74e69c..8b330903e 100644
--- a/src/adonisjs/public/dccs/edit/inplace-text-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
@@ -48,9 +48,11 @@ class EditDCCText extends EditDCC {
     console.log(knotContent)
     console.log(el)
 
+
     super(dcc, dcc.currentPresentation())
     this._knotContent = knotContent
     this._element = el
+    this._editDCC = dcc
     this._handleHighlighter = this._handleHighlighter.bind(this)
     this._handleImageUpload = this._handleImageUpload.bind(this)
     this._handleAnnotation = this._handleAnnotation.bind(this)
@@ -66,6 +68,7 @@ class EditDCCText extends EditDCC {
                               EditDCCText.toolbarTemplateHighlighter +
                               EditDCCText.toolbarTemplateConfirm
     this._buildEditor(false)
+
   }
 
   _buildEditor (selectOptions, oldDelta) {
@@ -103,10 +106,13 @@ class EditDCCText extends EditDCC {
 
     // this._editorToolbar = this._buildToolbarPanel();
     // this._editorWrapper.appendChild(this._editorToolbar);
+    // document.getElementById('inplace-editor-wrapper').appendChild(_editorContainer)
+    this._editDCC.parentNode.insertBefore(this._fetchEditorContainer(), this._editDCC.nextSibling)
     this._buildToolbarPanel(this._toolbarControls)
 
     this._editor = this._buildEditorPanel()
-    this._editorWrapper.appendChild(this._editor)
+    // this._editorWrapper.appendChild(this._editor)
+    this._fetchEditorContainer().appendChild(this._editor)
 
     this._buildQuillEditor(selectOptions, oldDelta)
 
diff --git a/src/adonisjs/public/themes/simple/css/theme.css b/src/adonisjs/public/themes/simple/css/theme.css
index fc9aee995..0fc23d701 100644
--- a/src/adonisjs/public/themes/simple/css/theme.css
+++ b/src/adonisjs/public/themes/simple/css/theme.css
@@ -50,7 +50,7 @@
 .styt-main-text {
    width: 100%;
    height: 100%;
-   overflow: scroll;
+   /* overflow: scroll; */
 }
 
 .styt-button-frame {
@@ -71,7 +71,7 @@
    margin-left: auto;
    margin-right: auto;
    text-align: center;
-
+   margin-bottom: 15px;
    color: white;
    /* padding: 12px 0px 0px 0px; */
    border-radius: 10px;
diff --git a/src/adonisjs/resources/views/author/author.edge b/src/adonisjs/resources/views/author/author.edge
index 2ab981e4f..6f255b461 100644
--- a/src/adonisjs/resources/views/author/author.edge
+++ b/src/adonisjs/resources/views/author/author.edge
@@ -154,7 +154,7 @@
             </div>
             <div class="w-100">
                <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
-                 <div id="knot-panel" class="d-flex sty-knot-panel w-100 h-100">
+                 <div id="knot-panel" class="d-flex flex-column sty-knot-panel w-100 h-100">
 
                  </div>
               </div>

From 2aa8a13579a00ec0b31eb60e8135237c672ac35d Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Wed, 16 Sep 2020 13:56:09 -0300
Subject: [PATCH 10/15] feat (draft/focus): focus element on click

Closes #204
---
 src/adonisjs/public/dccs/components/dcc-visual.js    | 2 +-
 src/adonisjs/public/dccs/edit/inplace-editor.js      | 1 +
 src/adonisjs/public/dccs/edit/inplace-text-editor.js | 2 +-
 src/adonisjs/resources/views/components/input.edge   | 4 ++--
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/adonisjs/public/dccs/components/dcc-visual.js b/src/adonisjs/public/dccs/components/dcc-visual.js
index bb6e234be..868758ab8 100644
--- a/src/adonisjs/public/dccs/components/dcc-visual.js
+++ b/src/adonisjs/public/dccs/components/dcc-visual.js
@@ -73,7 +73,7 @@ class DCCVisual extends DCCBase {
   }
 
   _attachTriggerPresentation (event, trigger, presentation) {
-    if (event == 'click') { presentation.style.cursor = 'pointer' }
+    if (event === 'click') { presentation.style.cursor = 'pointer' }
     presentation.addEventListener(event, trigger)
   }
 
diff --git a/src/adonisjs/public/dccs/edit/inplace-editor.js b/src/adonisjs/public/dccs/edit/inplace-editor.js
index 6bc57ee46..6ed7bc5a4 100644
--- a/src/adonisjs/public/dccs/edit/inplace-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-editor.js
@@ -116,6 +116,7 @@ class EditDCC {
     this._editorExtended =
          this._buildExtendedPanel(html, modality)
     this._editorWrapper.appendChild(this._editorExtended)
+    this._editDCC._presentation.focus()
 
     const promise = new Promise((resolve, reject) => {
       const callback = function (button) { resolve(button) }
diff --git a/src/adonisjs/public/dccs/edit/inplace-text-editor.js b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
index fd45a202d..66c63c726 100644
--- a/src/adonisjs/public/dccs/edit/inplace-text-editor.js
+++ b/src/adonisjs/public/dccs/edit/inplace-text-editor.js
@@ -66,6 +66,7 @@ class EditDCCText extends EditDCC {
                               EditDCCText.toolbarTemplateHighlighter +
                               EditDCCText.toolbarTemplateConfirm
     this._buildEditor(false)
+    document.querySelector('.ql-editor').focus()
   }
 
   _buildEditor (selectOptions, oldDelta) {
@@ -107,7 +108,6 @@ class EditDCCText extends EditDCC {
 
     this._editor = this._buildEditorPanel()
     this._editorWrapper.appendChild(this._editor)
-
     this._buildQuillEditor(selectOptions, oldDelta)
 
     this._editElement.style.display = 'none'
diff --git a/src/adonisjs/resources/views/components/input.edge b/src/adonisjs/resources/views/components/input.edge
index 30edd1e3b..73f9c18eb 100644
--- a/src/adonisjs/resources/views/components/input.edge
+++ b/src/adonisjs/resources/views/components/input.edge
@@ -11,5 +11,5 @@
       value="{{ value }}"
     @endif
     {{ required ? 'required' : null }}
-  >
-</div>
\ No newline at end of file
+  autofocus>
+</div>

From d63aa64136f673ff95928b0db9de0d8c51f4c771 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Wed, 16 Sep 2020 15:01:14 -0300
Subject: [PATCH 11/15] refactor (properties/extended):  z-index to edit while
 editor open

---
 src/adonisjs/public/author/css/author.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/adonisjs/public/author/css/author.css b/src/adonisjs/public/author/css/author.css
index 50aad9202..ff74dac43 100644
--- a/src/adonisjs/public/author/css/author.css
+++ b/src/adonisjs/public/author/css/author.css
@@ -185,6 +185,11 @@
    overflow: hidden;
    display: flex;
    flex-direction: column;
+
+
+	 z-index: 2;
+	 position: relative;
+
 }
 
 /*

From be1ecbf53d0e3bdf1fa77f8bffe6d6f5a54dbf66 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Wed, 16 Sep 2020 15:26:33 -0300
Subject: [PATCH 12/15] feat (draft/quest): button to show all cases

---
 src/adonisjs/public/author/js/author.js               | 2 +-
 src/adonisjs/public/infra/css/common-author.css       | 2 +-
 src/adonisjs/resources/views/author/drafts-quest.edge | 7 ++++---
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/adonisjs/public/author/js/author.js b/src/adonisjs/public/author/js/author.js
index 77d92b32a..156459a01 100644
--- a/src/adonisjs/public/author/js/author.js
+++ b/src/adonisjs/public/author/js/author.js
@@ -201,7 +201,7 @@ class AuthorManager {
           break
         case 'control/leave/drafts': await this.caseSave()
         // window.location.href = 'draft.html';
-          window.location.href = '/drafts'
+          window.location.href = '/drafts/quests'
           break
       }
     }
diff --git a/src/adonisjs/public/infra/css/common-author.css b/src/adonisjs/public/infra/css/common-author.css
index 11c4ba43d..87b4fd6a7 100644
--- a/src/adonisjs/public/infra/css/common-author.css
+++ b/src/adonisjs/public/infra/css/common-author.css
@@ -45,7 +45,7 @@ nav.navbar {
 /* author draft css start*/
 .draft-scroll-container{
   padding-bottom: 2%;
-  height: 60% !important;
+  height: 80% !important;
   width: 100% !important;
 }
 
diff --git a/src/adonisjs/resources/views/author/drafts-quest.edge b/src/adonisjs/resources/views/author/drafts-quest.edge
index 0302ca600..73edc2ab6 100644
--- a/src/adonisjs/resources/views/author/drafts-quest.edge
+++ b/src/adonisjs/resources/views/author/drafts-quest.edge
@@ -18,12 +18,14 @@
       <!-- End of breadcrumbs -->
 
       <div class="h-100 w-100 home-content-padding">
-        <div class="home-text mb-5">
+        <div class="home-text mb-4">
           <p>Choose a quest to filter your cases.</p>
         </div>
         <div id="case-boxes" class="container-fluid h-100 scroll-x draft-scroll-container">
+          <div class="d-flex justify-content-end mb-3">
+                <button type="button" name="draft-button-all" class="btn btn-secondary align-self-start" onclick="window.location.href='{{route('draft_all_cases')}}'">Show all cases</button>
+          </div>
           <div class="d-flex">
-
               @each(q in quests)
 
               <div class="d-flex justify-content-center text-center draft-quest-container">
@@ -34,7 +36,6 @@
 
               </div>
               @endeach
-
           </div>
         </div>
       </div>

From 7bee855b35d0c3e2f2b9b9c031d692ff6c94722d Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Wed, 16 Sep 2020 22:17:49 -0300
Subject: [PATCH 13/15] refactor (cases/sort): Sort cases alphabetically

---
 .../app/Controllers/Http/QuestController.js   | 185 +++++++++---------
 src/adonisjs/start/routes.js                  |   2 +-
 2 files changed, 97 insertions(+), 90 deletions(-)

diff --git a/src/adonisjs/app/Controllers/Http/QuestController.js b/src/adonisjs/app/Controllers/Http/QuestController.js
index 1b1f378b1..5e479c2aa 100644
--- a/src/adonisjs/app/Controllers/Http/QuestController.js
+++ b/src/adonisjs/app/Controllers/Http/QuestController.js
@@ -5,95 +5,102 @@ const axios = use('axios')
 const view = use('View')
 
 class QuestController {
-  async getCasesByQuestAuthor({ request, response }) {
-		try{
-			const params = request.all()
-			console.log('------------------------COR DA QUEST');
-			console.log(params.color);
-			var responseData = [];
-			let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quest/cases"
-
-			var config = {
-				method: 'get',
-				url: endpoint_url,
-				data: {
-					questId: params.id
-				},
-				headers: {
-					'Authorization': 'Bearer ' + request.cookie('token')
-				}
-			};
-
-
-			await axios(config)
-			.then(function (endpoint_response) {
-				console.log('============ Retrieving cases for selected quests');
-				console.log(endpoint_response.data);
-				const busResponse = []
-				for (const c in endpoint_response.data) {
-					busResponse.push({
-						id: endpoint_response.data[c].id,
-						title: endpoint_response.data[c].title,
-
-					})
-
-				}
-				responseData[0] = busResponse;
-			})
-
-			.catch(function (error) {
-				console.log(error);
-			});
-		} catch(e){
-			console.log(e)
-		}
-
-		return view.render('author.drafts-cases', { cases: responseData[0]});
-
-	}
-
-async getQuestsAuthor({ request, response }) {
-		try{
-			var responseData = [];
-			let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quests"
-
-			var config = {
-				method: 'get',
-				url: endpoint_url,
-				headers: {
-					'Authorization': 'Bearer ' + request.cookie('token')
-				}
-			};
-
-
-			await axios(config)
-			.then(function (endpoint_response) {
-				console.log('============ Retrieving quests');
-				console.log(endpoint_response.data);
-				const busResponse = []
-				for (const c in endpoint_response.data) {
-					busResponse.push({
-						id: endpoint_response.data[c].id,
-						title: endpoint_response.data[c].title,
-						color: endpoint_response.data[c].color,
-						url: endpoint_response.data[c].url,
-
-					})
-
-				}
-				responseData[0] = busResponse;
-			})
-
-			.catch(function (error) {
-				console.log(error);
-			});
-		} catch(e){
-			console.log(e)
-		}
-
-		return view.render('author.drafts-quest', { quests: responseData[0]});
-
-	}
+  async getCasesByQuestAuthor ({ request, response }) {
+    try {
+      const params = request.all()
+      console.log('------------------------COR DA QUEST')
+      console.log(params.color)
+      var responseData = []
+      let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quest/cases"
+
+      var config = {
+        method: 'get',
+        url: endpoint_url,
+        data: {
+          questId: params.id
+        },
+        headers: {
+          'Authorization': 'Bearer ' + request.cookie('token')
+        }
+      }
+
+
+      await axios(config)
+        .then(function (endpoint_response) {
+          console.log('============ Retrieving cases for selected quests')
+          console.log(endpoint_response.data)
+          const busResponse = []
+          for (const c in endpoint_response.data) {
+            busResponse.push({
+              id: endpoint_response.data[c].id,
+              title: endpoint_response.data[c].title
+
+            })
+          }
+          function sortAlphabetically (a, b) {
+            if (a.title < b.title) {
+              return -1
+            }
+            if (a.title > b.title) {
+              return 1
+            }
+            return 0
+          }
+          responseData[0] = busResponse.sort(sortAlphabetically)
+        })
+
+        .catch(function (error) {
+          console.log(error)
+        })
+    } catch (e) {
+      console.log(e)
+    }
+
+    return view.render('author.drafts-cases', { cases: responseData[0]})
+
+  }
+
+  async getQuestsAuthor ({ request, response }) {
+    try {
+      var responseData = []
+      let endpoint_url = Env.get("HARENA_MANAGER_URL") + "/api/v1/author/quests"
+
+      var config = {
+        method: 'get',
+        url: endpoint_url,
+        headers: {
+          'Authorization': 'Bearer ' + request.cookie('token')
+        }
+      }
+
+
+      await axios(config)
+        .then(function (endpoint_response) {
+          console.log('============ Retrieving quests')
+          console.log(endpoint_response.data)
+          const busResponse = []
+          for (const c in endpoint_response.data) {
+            busResponse.push({
+              id: endpoint_response.data[c].id,
+              title: endpoint_response.data[c].title,
+              color: endpoint_response.data[c].color,
+              url: endpoint_response.data[c].url,
+
+            })
+
+          }
+          responseData[0] = busResponse
+        })
+
+        .catch(function (error) {
+          console.log(error)
+        })
+    } catch(e) {
+      console.log(e)
+    }
+
+    return view.render('author.drafts-quest', { quests: responseData[0] })
+  }
 
   async getCasesByQuest ({ request, response }) {
     try {
diff --git a/src/adonisjs/start/routes.js b/src/adonisjs/start/routes.js
index 17e398ff9..5063b9043 100644
--- a/src/adonisjs/start/routes.js
+++ b/src/adonisjs/start/routes.js
@@ -72,7 +72,7 @@ Route.group(() => {
 }).prefix('drafts')
 
 Route.group(() => {
-	Route.post(  'link/case',		'CaseController.linkCase')
+  Route.post('link/case', 'CaseController.linkCase')
 }).prefix('/quest').middleware('auth')
 
 

From d383d8cd71bcc2cdd32cbd8c3c2dc60ddc29326e Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Thu, 17 Sep 2020 00:20:57 -0300
Subject: [PATCH 14/15] refactor (draft): increase bottom padding

---
 src/adonisjs/app/Controllers/Http/QuestController.js | 2 +-
 src/adonisjs/public/infra/css/common-author.css      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/adonisjs/app/Controllers/Http/QuestController.js b/src/adonisjs/app/Controllers/Http/QuestController.js
index 5e479c2aa..774f36668 100644
--- a/src/adonisjs/app/Controllers/Http/QuestController.js
+++ b/src/adonisjs/app/Controllers/Http/QuestController.js
@@ -56,7 +56,7 @@ class QuestController {
       console.log(e)
     }
 
-    return view.render('author.drafts-cases', { cases: responseData[0]})
+    return view.render('author.drafts-cases', { cases: responseData[0] })
 
   }
 
diff --git a/src/adonisjs/public/infra/css/common-author.css b/src/adonisjs/public/infra/css/common-author.css
index 87b4fd6a7..d8b7a2fbf 100644
--- a/src/adonisjs/public/infra/css/common-author.css
+++ b/src/adonisjs/public/infra/css/common-author.css
@@ -174,6 +174,7 @@ nav.navbar {
   padding-left: 70px;
   padding-right: 70px;
   padding-top: 70px;
+  padding-bottom: 10px; 
 }
 .draft-quest-icon{
   border: 7px solid #e8e8e8;

From e33c10bc18c341a0500ea5a846795f797a8bead1 Mon Sep 17 00:00:00 2001
From: Heitor Mattosinho <heitormattosinho@gmail.com>
Date: Thu, 17 Sep 2020 00:47:53 -0300
Subject: [PATCH 15/15] fix (author/case): fix incorrect css

---
 src/adonisjs/public/themes/simple/css/theme.css | 1 +
 src/adonisjs/resources/views/author/author.edge | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/adonisjs/public/themes/simple/css/theme.css b/src/adonisjs/public/themes/simple/css/theme.css
index 0fc23d701..668192646 100644
--- a/src/adonisjs/public/themes/simple/css/theme.css
+++ b/src/adonisjs/public/themes/simple/css/theme.css
@@ -16,6 +16,7 @@
    top: 0px;
    bottom: 0px;
    background-color: #004270;
+   width: 100%;
 }
 
 .styt-main {
diff --git a/src/adonisjs/resources/views/author/author.edge b/src/adonisjs/resources/views/author/author.edge
index 6f255b461..0f3781b69 100644
--- a/src/adonisjs/resources/views/author/author.edge
+++ b/src/adonisjs/resources/views/author/author.edge
@@ -154,7 +154,7 @@
             </div>
             <div class="w-100">
                <div id="inplace-editor-wrapper" class="d-flex h-100 sticky-top std-border">
-                 <div id="knot-panel" class="d-flex flex-column sty-knot-panel w-100 h-100">
+                 <div id="knot-panel" class="d-flex flex-column sty-knot-panel w-100 h-100 scroll-y">
 
                  </div>
               </div>