Custom Stopword List Settings

app/corpora/json_routes.py

@@ -61,12 +61,6 @@ def build_corpus(corpus_id):
 @bp.route('/stopwords')
 @content_negotiation(produces='application/json')
 def get_stopwords():
-    # data = request.json
-    # if not isinstance(data, dict):
-    #     abort(400)
-    # language = data.get('language')
-    # if not isinstance(language, str):
-    #     abort(400)
     nltk.download('stopwords')
     languages = ["german", "english", "catalan", "greek", "spanish", "french", "italian", "russian", "chinese"]
     stopwords = {}
@@ -74,10 +68,7 @@ def get_stopwords():
         stopwords[language] = nltk.corpus.stopwords.words(language)
     stopwords['punctuation'] = list(punctuation) + ['—', '|']
     stopwords['user_stopwords'] = []
-    print(stopwords)
-    response_data = {
-        'stopwords': stopwords
-    }
+    response_data = stopwords
     return response_data, 202
 
 # @bp.route('/<hashid:corpus_id>/generate-share-link', methods=['POST'])

app/templates/corpora/analysis.html.j2

@@ -123,7 +123,7 @@
             <a class="btn disabled frequencies-graph-mode-button" data-graph-type="bar"><i class="material-icons">equalizer</i></a>
             <a class="btn frequencies-graph-mode-button" data-graph-type="scatter"><i class="material-icons">show_chart</i></a>
             <a class="btn frequencies-graph-mode-button" data-graph-type="markers"><i class="material-icons">bubble_chart</i></a>
-            <a class="btn-flat modal-trigger" href="#frequencies-stopwords-setting-modal"><i class="material-icons grey-text text-darken-2">settings</i></a>
+            <a class="btn-flat modal-trigger no-autoinit" id="frequencies-stopwords-setting-modal-button" href="#frequencies-stopwords-setting-modal"><i class="material-icons grey-text text-darken-2">settings</i></a>
           </div>
         </div>
       </div>
@@ -140,7 +140,6 @@
       </div>
     </div>
   </div>
-
 </div>
 
 
@@ -166,18 +165,35 @@
   </div>
 </div>
 
-<div class="modal" id="frequencies-stopwords-setting-modal">
+<div class="modal modal-fixed-footer" id="frequencies-stopwords-setting-modal">
   <div class="modal-content">
     <h4>Settings</h4>
-    <p>Here you can change the stopword-lists. Add your own stopwords or change the already existing below.</p>
-    <div class="chips chips-placeholder stopword-input-field"></div>
     <div class="row">
+      <p>Here you can change the stopword-lists. Stopwords are common words in a language, 
+      like "the" or "and," that carry little meaning and are often removed in text analysis 
+      to improve efficiency and accuracy.</p>
+      <div id="user-stopword-list-container"></div>
+      <div class="chips col s8 no-autoinit input-field" id="stopword-input-field">
+      </div>
+    </div>
+    <div class="row">
+      <p>Below you can find a list of all stopwords that are always filtered out. 
+      The lists are sorted by language, you can remove single words or remove 
+      whole languages via the settings on the right.</p>
       <div class="input-field col s3">
-        <select class="stopword-language-selection"></select>
+        <select id="stopword-language-selection"></select>
         <label>Stopword language select</label>
       </div>
     </div>
+    <div class="row">
+      <div class="chip white-text" id="delete-language-stopword-list-entries-button" style="cursor:pointer">Delete all below<i class="material-icons right" style="margin-top: 4px; margin-left: -1px;">delete</i></div>
+      <div class="chip white-text" id="reset-language-stopword-list-entries-button" style="cursor:pointer">Reset stopword list<i class="material-icons right disable-on-click" style="margin-top: 4px; margin-left: -1px;">refresh</i></div>
+    </div>
+    <div id="stopword-language-chip-list"></div>
   </div>
+  <div class="modal-footer">
+    <a class="modal-close waves-effect waves-green btn frequencies-stopword-setting-modal-action-buttons" data-action="cancel">Cancel</a>
+    <a class="modal-close waves-effect waves-green btn frequencies-stopword-setting-modal-action-buttons" data-action="submit">Submit</a>
 </div>