feat: summarizer api integrate

Author: rajat2502

css/textEditor.css

@@ -145,3 +145,13 @@ button:disabled {
 button:disabled:hover {
   background: #1b8045;
 }
+
+#error {
+  color: #d44444;
+  font-size: 1rem;
+  margin-top: 0;
+}
+
+#duration {
+  font-weight: normal;
+}

html/textEditor.html

@@ -16,7 +16,7 @@
         <h1>Meeting Conversation's Text</h1>
         <textarea
           id="meetingText"
-          placeholder="(Meeting text should appear hear)"
+          placeholder="(Meeting text will appear here)"
         ></textarea>
       </div>
       <form id="submit-meeting-details" class="right-content">
@@ -30,16 +30,17 @@ <h1>Meeting Conversation's Text</h1>
             required
           />
         </p>
+        <p>Meeting's Duration: &nbsp;<span id="duration"></span></p>
         <p>Confidence Score: &nbsp;<span id="score"></span></p>
-        <span style="color: #585858; margin-left: 10px"
+        <span style="color: #585858; margin-left: 10px; font-size: 1rem"
           >(A confidence score is a value between 0-100, it tells us how
           effective our algorithms are working. The higher the score, the
           efficient the algorithms.)</span
         >
-        <p>Meeting's Duration: &nbsp;<span id="duration"></span></p>
         <button type="submit" id="sendText">
           Generate Notes for the Meeting
         </button>
+        <p id="error"></p>
       </form>
     </div>
     <div class="message">

javascript/textEditor.js

@@ -22,46 +22,67 @@ textarea.addEventListener('keyup', (e) => {
   meetingText = e.target.value;
 });
 
+async function getSummarizedText() {
+  const body = { email, text: meetingText, max_sentences: 2 };
+  console.log(body);
+
+  const res = await fetch('http://standnote.herokuapp.com/summarizer/', {
+    method: 'post',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    body: JSON.stringify(body),
+  });
+  const data = await res.json();
+  console.log(data);
+
+  return data;
+}
+
 document
   .getElementById('submit-meeting-details')
-  .addEventListener('submit', (e) => {
-    e.preventDefault();
-
-    document.getElementById('sendText').disabled = true;
-
-    title = document.getElementById('title').value;
-
-    const body = {
-      email,
-      duration: meetingDuration,
-      title,
-      content: meetingText,
-      markdown: '',
-      score: window.confidenceScore,
-    };
-
-    console.log(body);
-
-    fetch('http://standnote.herokuapp.com/notes/', {
-      method: 'post',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify(body),
-    })
-      .then((res) => {
-        if (res.ok) {
-          return res.json();
-        } else {
-          throw new Error('Something went wrong');
-        }
-      })
-      .then(() => {
-        document.getElementsByClassName('content')[0].style.display = 'none';
-        document.getElementsByClassName('message')[0].style.display = 'block';
-        document.title = 'StandNote - Thanks for using StandNote';
-      })
-      .catch((err) => {
-        document.getElementById('sendText').disabled = false;
+  .addEventListener('submit', async (e) => {
+    try {
+      e.preventDefault();
+
+      document.getElementById('error').innerText = '';
+      document.getElementById('sendText').disabled = true;
+
+      const data = await getSummarizedText();
+
+      title = document.getElementById('title').value;
+
+      const body = {
+        email,
+        duration: meetingDuration,
+        title,
+        content: meetingText,
+        markdown: data.summerised_text,
+        score: window.confidenceScore,
+      };
+
+      const res = await fetch('http://standnote.herokuapp.com/notes/', {
+        method: 'post',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify(body),
       });
+
+      if (!res.ok) {
+        throw new Error('Something went Wrong!');
+      }
+
+      const resData = await res.json();
+
+      document.getElementsByClassName('content')[0].style.display = 'none';
+      document.getElementsByClassName('message')[0].style.display = 'block';
+      document.title = 'StandNote - Thanks for using StandNote';
+    } catch (err) {
+      console.log(err);
+      document.getElementById('sendText').disabled = false;
+
+      document.getElementById('error').innerText =
+        'Error while uploading the data!';
+    }
   });