feat(interface) #3: minor fixes

Author: sergiomrebelo

src/index.js

@@ -80,9 +80,8 @@ const analysis = async (text, lang, sentences = []) => {
     // lexicon-based analysis
     let lexiconResults = { "global": null, "sentences": [] };
     for (const sentence of sentences) {
-        const res = await NLP.lexicon(sentence, lang, false);
+        const res = await lexicon(sentence, lang, false);
         lexiconResults.sentences.push(res);
-        console.log(res);
         if (!res.success) return [500, errHandler(500, `Error in the lexicon-based method (msg: ${res.msg})`)];;
     }
     // global lexicon-based result

src/nlp-utils/nlp_utils.mjs

@@ -45,7 +45,7 @@ const MIN_EMOTION_LEXICON = .5;
 
 
 // https://cloud.ibm.com/docs/language-translator?topic=language-translator-translation-models
-const availableLanguages = [
+export const availableLanguages = [
     'ar', 'bn', 'bs', 'bg', 'zh', 'hr', 'cs', 'da', 'nl', 'en',
     'et', 'fi', 'fr', 'de', 'el', 'gu', 'he', 'hi', 'hu', 'ga',
     'id', 'it', 'ja', 'ko', 'lv', 'lt', 'ms', 'ml', 'mt', 'ne',

src/public/index.html

@@ -47,10 +47,10 @@ <h1 class="mb-3">Emotional analysis Results</h1>
                         <label for="formControlTextarea" class="col-sm-2 col-form-label-sm">Input Text</label>
                         <textarea class="form-control col-sm-10" id="formControlTextarea" rows="6" required></textarea>
                     </div>
-                    <!-- TODO: select required -->
                     <div class="form-group row mb-2">
                         <label for="formControlLang">Language</label>
-                        <input class="form-control form-control-lg" id="formControlLang" type="text" value="en" required>
+                        <select class="form-control form-control-lg" id="formControlLang" type="text">
+                        </select>
                     </div>
                     <div class="my-5"></div>
                     <div class="form-check form-check-inline mb-2" id="lineDivisionField">

src/public/main.js

@@ -1,6 +1,14 @@
 const bootstrap = require('bootstrap');
 const style = require('./main.css');
 
+const availableLanguages = [
+    'ar', 'bn', 'bs', 'bg', 'zh', 'hr', 'cs', 'da', 'nl', 'en',
+    'et', 'fi', 'fr', 'de', 'el', 'gu', 'he', 'hi', 'hu', 'ga',
+    'id', 'it', 'ja', 'ko', 'lv', 'lt', 'ms', 'ml', 'mt', 'ne',
+    'nb', 'pl', 'pt', 'ro', 'ru', 'si', 'sk', 'sl', 'es', 'sv',
+    'ta', 'te', 'th', 'tr', 'uk', 'ur', 'vi', 'cy'
+];
+
 // global variables
 const app = {
     images: {
@@ -19,6 +27,14 @@ window.onload = () => {
     form.addEventListener('submit', get);
     inputImages.addEventListener('change', _uploadImages);
 
+    for (let lang of availableLanguages) {
+        const option = document.createElement("option");
+        option.textContent = lang;
+        option.value = lang;
+        option.selected = (lang === 'en');
+        document.getElementById('formControlLang').appendChild(option);
+    }
+
     document.getElementById('lineDivisionCheck').addEventListener('change', (e) => {
         if (e.target.checked) {
             document.getElementById('textDelimiterField').classList.add('d-none');
@@ -41,6 +57,7 @@ const get = async (e) => {
     let textArea = encodeURIComponent(document.getElementById('formControlTextarea').value);
     const shouldDivide = document.getElementById('lineDivisionCheck').checked;
     const lang = encodeURIComponent(document.getElementById('formControlLang').value);
+    console.log(`lang=${lang}`);
     app.images.randomPlacement = document.getElementById('imagePlacementCheck').checked;
 
     let handler = `text`;
@@ -78,7 +95,6 @@ const handleErr = (res = {success: false}) => {
 }
 
 const _uploadImages = async (e) => {
-    // display fields
     document.getElementById('imagePlacementField').classList.replace('d-none', 'd-block');
     console.log(document.getElementById('imagePlacementField'));