From 7504a5f060af6493590b71eb602731fe76550eb5 Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Sat, 29 May 2021 20:11:55 +0530
Subject: [PATCH 1/7] add microphone button

---
 app/index.html                                  |  3 ++-
 app/scripts/apps/notes/form/templates/form.html | 10 +++++++++-
 2 files changed, 11 insertions(+), 2 deletions(-)
diff --git a/app/index.html b/app/index.html
index 10fff7c69..bcc8f5a77 100644
--- a/app/index.html
+++ b/app/index.html
@@ -30,9 +30,10 @@
 
         <link rel="stylesheet" href="styles/core.css">
         <link rel="stylesheet" href="styles/theme-default.css">
-
+        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
 
         <script src="bower_components/modernizr/modernizr.js"></script>
+        
     </head>
     <body class="-noscroll">
 
diff --git a/app/scripts/apps/notes/form/templates/form.html b/app/scripts/apps/notes/form/templates/form.html
index 99faa3093..55c8f1557 100644
--- a/app/scripts/apps/notes/form/templates/form.html
+++ b/app/scripts/apps/notes/form/templates/form.html
@@ -5,6 +5,11 @@
     </div>
 
     <ul class="nav navbar-nav navbar-right header--right">
+        <li>
+            <button class="editor--mic btn header--btn ">
+                <i class="fa fa-microphone"></i>
+            </button>
+        </li>
         <li class="dropdown">
             <button type="button" title="Mode" class="btn header--btn btn-default" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                 <i class="icon-fullscreen"></i> <b class="caret hidden-xs"></b>
@@ -44,9 +49,12 @@
 </nav>
 
 <div class="layout--body -scroll -form">
-    <div class="container-fluid editor--container">
+    <!-- topic of the page -->
+    <div class="container-fluid editor--container"> 
+
         <form class="editor--form form-horizontal col-xs-12" action="#" method="post">
             <div class="form-group">
+                <!-- full text area -->
                 <input id="editor--input--title" class="form-control -borderless" name="title"
                     type="text" value="{=cleanXSS(title, true)}" placeholder="{{ i18n('Title') }}" />
             </div>

From 1ac53505c48e873decd84bfe1b9d0ac6ff81f9c3 Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Sat, 29 May 2021 21:41:00 +0530
Subject: [PATCH 2/7] toggle mic icon on click

---
 .../apps/notes/form/templates/form.html       |  4 +-
 app/scripts/apps/notes/form/views/formView.js | 41 ++++++++++++++++++-
 2 files changed, 41 insertions(+), 4 deletions(-)

diff --git a/app/scripts/apps/notes/form/templates/form.html b/app/scripts/apps/notes/form/templates/form.html
index 55c8f1557..a8d11602a 100644
--- a/app/scripts/apps/notes/form/templates/form.html
+++ b/app/scripts/apps/notes/form/templates/form.html
@@ -6,8 +6,8 @@
 
     <ul class="nav navbar-nav navbar-right header--right">
         <li>
-            <button class="editor--mic btn header--btn ">
-                <i class="fa fa-microphone"></i>
+            <button type= "button" class="editor--mic btn header--btn ">
+                <i id = "editor--micIcon" class="fa fa-microphone"></i>
             </button>
         </li>
         <li class="dropdown">
diff --git a/app/scripts/apps/notes/form/views/formView.js b/app/scripts/apps/notes/form/views/formView.js
index bfe96cd48..ad84f1794 100644
--- a/app/scripts/apps/notes/form/views/formView.js
+++ b/app/scripts/apps/notes/form/views/formView.js
@@ -69,7 +69,9 @@ define([
             // Form
             form       : '.editor--form',
             saveBtn    :  '.editor--save',
-            title      : '#editor--input--title'
+            title      : '#editor--input--title',
+            micBtn      :  '.editor--mic',
+            micIcon     : '#editor--micIcon'
         },
 
         events: {
@@ -78,7 +80,9 @@ define([
             // Handle saving
             'submit @ui.form'      : 'save',
             'click @ui.saveBtn'    : 'save',
-            'click .editor--cancel'  : 'cancel'
+            'click .editor--cancel'  : 'cancel',
+            'click @ui.micBtn'    : 'micBtnClick',
+
         },
 
         initialize: function() {
@@ -178,6 +182,39 @@ define([
             return false;
         },
 
+        micBtnClick: function() {
+            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; // if none exists -> undefined
+            if(SpeechRecognition) {
+                
+                const recognition = new SpeechRecognition(); // manages full recognition process
+                recognition.continuous = true;
+
+
+                if(this.ui.micIcon[0].classList.contains("fa-microphone")) { // Start Voice Recognition
+                    
+                    // toggle micTcon
+                    this.ui.micIcon[0].classList.remove("fa-microphone");
+                    this.ui.micIcon[0].classList.add("fa-microphone-slash");
+                    
+                   
+                  }
+                  else { // end voice recognition
+
+                    //toggle micIcon
+                    this.ui.micIcon[0].classList.remove("fa-microphone-slash");
+                    this.ui.micIcon[0].classList.add("fa-microphone");
+                    
+                    
+                  }
+
+            }
+
+            else{
+                console.log("Sorry, Your Browser does not support speech Recognition");
+            }
+            return false;
+        },
+
         switchMode: function(e) {
             var mode = (typeof e !== 'string' ? $(e.currentTarget).attr('data-mode') : e);
             if (!mode) {

From 37ce8245de0d7295f1f9b2fd3e2c12177ca96311 Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Mon, 31 May 2021 02:10:19 +0530
Subject: [PATCH 3/7] recognize voice and display it in editor

---
 app/scripts/apps/notes/form/views/formView.js | 69 +++++++++++++++----
 1 file changed, 56 insertions(+), 13 deletions(-)

diff --git a/app/scripts/apps/notes/form/views/formView.js b/app/scripts/apps/notes/form/views/formView.js
index ad84f1794..2a43b5299 100644
--- a/app/scripts/apps/notes/form/views/formView.js
+++ b/app/scripts/apps/notes/form/views/formView.js
@@ -16,8 +16,9 @@ define([
     'behaviors/content',
     'apps/notes/form/behaviors/desktop',
     'apps/notes/form/behaviors/mobile',
+    'modules/codemirror/module',
     'mousetrap.global'
-], function($, _, Marionette, Radio, Mousetrap, Tmpl, Behavior, Desktop, Mobile) {
+], function($, _, Marionette, Radio, Mousetrap, Tmpl, Behavior, Desktop, Mobile,codeMirror) {
     'use strict';
 
     /**
@@ -160,9 +161,9 @@ define([
                 return;
             }
 
-			// Don't save tags when auto save notes
-			// so that no unfinished tags are saved
-			this.options.saveTags = false;
+            // Don't save tags when auto save notes
+            // so that no unfinished tags are saved
+            this.options.saveTags = false;
 
             this.options.redirect = false;
             console.log('Auto saving the note...');
@@ -174,7 +175,7 @@ define([
                 e.preventDefault();
             }
 
-			this.options.saveTags = true;
+            this.options.saveTags = true;
             this.options.isClosed = true;
             this.options.redirect = true;
             this.trigger('save');
@@ -183,29 +184,71 @@ define([
         },
 
         micBtnClick: function() {
+
             const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; // if none exists -> undefined
+            
             if(SpeechRecognition) {
-                
+
                 const recognition = new SpeechRecognition(); // manages full recognition process
                 recognition.continuous = true;
+                SpeechRecognition.interimResults = true; //display interim results
 
 
                 if(this.ui.micIcon[0].classList.contains("fa-microphone")) { // Start Voice Recognition
-                    
+
                     // toggle micTcon
                     this.ui.micIcon[0].classList.remove("fa-microphone");
                     this.ui.micIcon[0].classList.add("fa-microphone-slash");
+
+                    //start recognition
+                    recognition.start();
                     
-                   
-                  }
-                  else { // end voice recognition
+
+                }
+                else { // end voice recognition
 
                     //toggle micIcon
                     this.ui.micIcon[0].classList.remove("fa-microphone-slash");
                     this.ui.micIcon[0].classList.add("fa-microphone");
-                    
-                    
-                  }
+
+                    //stop recognition
+                    recognition.stop();
+
+                }
+
+
+                recognition.onresult = function (event) {
+
+                    //recognize voice
+                    const current = event.resultIndex;
+                    const transcript = event.results[current][0].transcript;
+                   
+                    //update the editor
+
+                    if (transcript.toLowerCase().trim() === "enter") {
+                        var text = codeMirror.controller.editor.getValue();
+                        codeMirror.controller.editor.setValue(text+"\n");
+                    }
+                    else if (transcript.toLowerCase().trim() === "comma") {
+                        var text = codeMirror.controller.editor.getValue();
+                        codeMirror.controller.editor.setValue(text+",");
+                    }
+                    else if (transcript.toLowerCase().trim() === "period") {
+                        var text = codeMirror.controller.editor.getValue();
+                        codeMirror.controller.editor.setValue(text+".");
+                    }
+                    else if (transcript.toLowerCase().trim() === "exclamation mark") {
+                        var text = codeMirror.controller.editor.getValue();
+                        codeMirror.controller.editor.setValue(text+"!");
+                    }
+                    else {
+                        var text = codeMirror.controller.editor.getValue();
+                        codeMirror.controller.editor.setValue(text+transcript);
+
+                    }
+
+                
+                }
 
             }
 

From b9e82c234ab693e84fcd68fdaa577ef023c6ec62 Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Mon, 31 May 2021 02:11:21 +0530
Subject: [PATCH 4/7] remove unwanted comments

---
 app/scripts/apps/notes/form/templates/form.html | 2 --
 1 file changed, 2 deletions(-)

diff --git a/app/scripts/apps/notes/form/templates/form.html b/app/scripts/apps/notes/form/templates/form.html
index a8d11602a..d9baea085 100644
--- a/app/scripts/apps/notes/form/templates/form.html
+++ b/app/scripts/apps/notes/form/templates/form.html
@@ -49,12 +49,10 @@
 </nav>
 
 <div class="layout--body -scroll -form">
-    <!-- topic of the page -->
     <div class="container-fluid editor--container"> 
 
         <form class="editor--form form-horizontal col-xs-12" action="#" method="post">
             <div class="form-group">
-                <!-- full text area -->
                 <input id="editor--input--title" class="form-control -borderless" name="title"
                     type="text" value="{=cleanXSS(title, true)}" placeholder="{{ i18n('Title') }}" />
             </div>

From 33e7224b2d1653eb6f5a1f796faebcd19d07f72e Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Mon, 31 May 2021 02:29:30 +0530
Subject: [PATCH 5/7] alert for unsupportive browsers

---
 app/scripts/apps/notes/form/views/formView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/scripts/apps/notes/form/views/formView.js b/app/scripts/apps/notes/form/views/formView.js
index 2a43b5299..f57ffbf09 100644
--- a/app/scripts/apps/notes/form/views/formView.js
+++ b/app/scripts/apps/notes/form/views/formView.js
@@ -253,7 +253,7 @@ define([
             }
 
             else{
-                console.log("Sorry, Your Browser does not support speech Recognition");
+                alert("Sorry, Your Browser does not support speech Recognition");
             }
             return false;
         },

From c912ef96a04f23ae040166440b97c012a285a98a Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Mon, 31 May 2021 02:39:13 +0530
Subject: [PATCH 6/7] add tool tip

---
 app/scripts/apps/notes/form/templates/form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/scripts/apps/notes/form/templates/form.html b/app/scripts/apps/notes/form/templates/form.html
index d9baea085..91d7f0aa7 100644
--- a/app/scripts/apps/notes/form/templates/form.html
+++ b/app/scripts/apps/notes/form/templates/form.html
@@ -6,7 +6,7 @@
 
     <ul class="nav navbar-nav navbar-right header--right">
         <li>
-            <button type= "button" class="editor--mic btn header--btn ">
+            <button type= "button" title="click to add notes by voice" class="editor--mic btn header--btn ">
                 <i id = "editor--micIcon" class="fa fa-microphone"></i>
             </button>
         </li>

From 0f747235e6d19b37893136ba9e12cc23d726b839 Mon Sep 17 00:00:00 2001
From: Sachini Abeygunawardhana <sachinideepasika.97@gmail.com>
Date: Mon, 31 May 2021 02:50:06 +0530
Subject: [PATCH 7/7] alert message correction

---
 app/scripts/apps/notes/form/views/formView.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/scripts/apps/notes/form/views/formView.js b/app/scripts/apps/notes/form/views/formView.js
index f57ffbf09..39177ed0e 100644
--- a/app/scripts/apps/notes/form/views/formView.js
+++ b/app/scripts/apps/notes/form/views/formView.js
@@ -253,7 +253,7 @@ define([
             }
 
             else{
-                alert("Sorry, Your Browser does not support speech Recognition");
+                alert("Sorry, Your Browser does not support Voice Recognition");
             }
             return false;
         },
