sporada/nopaque
1
0
Fork 0
mirror of https://gitlab.ub.uni-bielefeld.de/sfb1288inf/nopaque.git synced 2025-11-04 04:12:45 +00:00
Code Issues Projects Releases Wiki Activity

Small updates custom stopword list

Browse Source
This commit is contained in:
Inga Kirschnick
2023-07-11 13:40:20 +02:00
parent 22b43a689f
commit 572fdf3a00
2 changed files with 23 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
app/static/js/CorpusAnalysis/CorpusAnalysisApp.js
View File

@@ -33,10 +33,8 @@ class CorpusAnalysisApp {
.then((response) => {
response.json()
.then((json) => {
for (let [key, value] of Object.entries(json)) {
this.data.originalStopwords[key] = value;
}
this.data.stopwords = json;
this.data.originalStopwords = structuredClone(json);
this.data.stopwords = structuredClone(json);
resolve(this.data.stopwords);
})
.catch((error) => {
@@ -92,11 +90,7 @@ class CorpusAnalysisApp {
let frequenciesStopwordSettingModal = document.querySelector('#frequencies-stopwords-setting-modal');
let frequenciesStopwordSettingModalButton = document.querySelector('#frequencies-stopwords-setting-modal-button');
frequenciesStopwordSettingModalButton.addEventListener('click', () => {
this.data.stopwordCache = {};
const stopwordsCopy = Object.assign({}, this.data.stopwords);
for (let [key, value] of Object.entries(stopwordsCopy)) {
this.data.stopwordCache[key] = value;
}
this.data.stopwordCache = structuredClone(this.data.stopwords);
this.renderStopwordSettingsModal(this.data.stopwords);
M.Modal.init(frequenciesStopwordSettingModal, {dismissible: false});
});
@@ -107,8 +101,7 @@ class CorpusAnalysisApp {
if (action === 'submit') {
this.renderFrequenciesGraphic();
} else if (action === 'cancel') {
this.data.stopwords = this.data.stopwordCache;
this.renderFrequenciesGraphic();
this.data.stopwords = structuredClone(this.data.stopwordCache);
}
});
}
@@ -271,13 +264,7 @@ class CorpusAnalysisApp {
if (this.data.stopwords === undefined) {
stopwords = await this.getStopwords();
}
let stopwordList = [];
Object.values(stopwords).forEach(stopwordItems => {
stopwordItems.forEach(stopword => {
stopwordList.push(stopword);
});
});
let stopwordList = Object.values(stopwords).flat();
let graphData = [];
let filteredData = Object.entries(corpusData.corpus.freqs[category])
.sort((a, b) => b[1] - a[1])
@@ -324,18 +311,16 @@ class CorpusAnalysisApp {
stopwordLanguageChipList.innerHTML = '';
userStopwordListContainer.innerHTML = '';
stopwordInputField.value = '';
// Render stopword language selection. Set english as default language. Filter out user_stopwords.
for (let language of Object.keys(stopwords)) {
if (language !== 'user_stopwords') {
if (language === 'english') {
let optionElement = Utils.HTMLToElement(`<option value="${language}" selected>${language}</option>`);
stopwordLanguageSelection.appendChild(optionElement);
} else {
let optionElement = Utils.HTMLToElement(`<option value="${language}">${language}</option>`);
if (stopwordLanguageSelection.children.length === 0) {
Object.keys(stopwords).forEach(language => {
if (language !== 'user_stopwords') {
let optionElement = Utils.HTMLToElement(`<option value="${language}" ${language === 'english' ? 'selected' : ''}>${language}</option>`);
stopwordLanguageSelection.appendChild(optionElement);
}
}
});
}
// Render user stopwords over input field.
@@ -344,14 +329,15 @@ class CorpusAnalysisApp {
let chipElement = Utils.HTMLToElement(`<div class="chip">${word}<i class="close material-icons">close</i></div>`);
chipElement.addEventListener('click', (event) => {
let removedListItem = event.target.closest('.chip').firstChild.textContent;
this.data.stopwords['user_stopwords'] = this.data.stopwords['user_stopwords'].filter(item => item !== removedListItem);
this.data.stopwords['user_stopwords'] = structuredClone(this.data.stopwords['user_stopwords'].filter(item => item !== removedListItem));
});
userStopwordListContainer.appendChild(chipElement);
}
}
// Render english stopwords as default ...
this.renderStopwordLanguageChipList('english', stopwords['english']);
let selectedLanguage = document.querySelector('#stopword-language-selection').value;
this.renderStopwordLanguageChipList(selectedLanguage, stopwords[selectedLanguage]);
// ... or render selected language stopwords.
stopwordLanguageSelection.addEventListener('change', (event) => {
@@ -369,7 +355,7 @@ class CorpusAnalysisApp {
// Eventlistener for resetting all stopwords of a language to the original stopwords.
resetLanguageStopwordListEntriesButton.addEventListener('click', () => {
let selectedLanguage = stopwordLanguageSelection.value;
this.data.stopwords[selectedLanguage] = this.data.originalStopwords[selectedLanguage];
this.data.stopwords[selectedLanguage] = structuredClone(this.data.originalStopwords[selectedLanguage]);
this.renderStopwordLanguageChipList(selectedLanguage, this.data.stopwords[selectedLanguage]);
});
@@ -379,13 +365,11 @@ class CorpusAnalysisApp {
{
placeholder: 'Add stopwords',
onChipAdd: (event) => {
let userStopwords = [];
for (let word of event[0].M_Chips.chipsData) {
if (!this.data.stopwords['user_stopwords'].includes(word.tag.toLowerCase())) {
userStopwords.push(word.tag.toLowerCase());
this.data.stopwords['user_stopwords'].push(word.tag.toLowerCase());
}
}
this.data.stopwords['user_stopwords'] = this.data.stopwords['user_stopwords'].concat(userStopwords);
}
}
);
@@ -394,18 +378,14 @@ class CorpusAnalysisApp {
}
buttonRendering() {
let stopwordLanguageSelection = document.querySelector('#stopword-language-selection');
let deleteLanguageStopwordListEntriesButton = document.querySelector('#delete-language-stopword-list-entries-button');
let resetLanguageStopwordListEntriesButton = document.querySelector('#reset-language-stopword-list-entries-button');
let selectedLanguage = stopwordLanguageSelection.value;
let selectedLanguage = document.querySelector('#stopword-language-selection').value;
let stopwordLength = this.data.stopwords[selectedLanguage].length;
let originalStopwordListLength = this.data.originalStopwords[selectedLanguage].length;
resetLanguageStopwordListEntriesButton.classList.toggle('blue', stopwordLength !== originalStopwordListLength);
deleteLanguageStopwordListEntriesButton.classList.toggle('red', stopwordLength > 0);
resetLanguageStopwordListEntriesButton.style.cursor = stopwordLength !== originalStopwordListLength ? 'pointer' : 'default';
deleteLanguageStopwordListEntriesButton.style.cursor = stopwordLength > 0 ? 'pointer' : 'default';
deleteLanguageStopwordListEntriesButton.classList.toggle('disabled', stopwordLength === 0);
resetLanguageStopwordListEntriesButton.classList.toggle('disabled', stopwordLength === originalStopwordListLength);
}
renderStopwordLanguageChipList(language, stopwords) {
@@ -415,7 +395,7 @@ class CorpusAnalysisApp {
let chipElement = Utils.HTMLToElement(`<div class="chip">${word}<i class="close material-icons">close</i></div>`);
chipElement.addEventListener('click', (event) => {
let removedListItem = event.target.closest('.chip').firstChild.textContent;
this.data.stopwords[language] = this.data.stopwords[language].filter(item => item !== removedListItem);
this.data.stopwords[language] = structuredClone(this.data.stopwords[language].filter(item => item !== removedListItem));
this.buttonRendering();
});
stopwordLanguageChipList.appendChild(chipElement);

4
app/templates/corpora/analysis.html.j2
View File

@@ -186,8 +186,8 @@
</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 class="chip btn white-text red" id="delete-language-stopword-list-entries-button">Delete all below<i class="material-icons right">delete</i></div>
<div class="chip btn white-text blue" id="reset-language-stopword-list-entries-button">Reset stopword list<i class="material-icons right">refresh</i></div>
</div>
<div id="stopword-language-chip-list"></div>
</div>