@@ -164,13 +164,13 @@
How to tackle it
return {
issues: [],
selectedIssue: {},
- search: '',
- isManual: true,
+ searchQuery: '',
+ isManualSearch: false,
};
},
watch: {
- search() {
- if (this.isManual) {
+ searchQuery() {
+ if (this.isManualSearch) {
this.handleInput();
} else {
this.getIssues();
@@ -179,7 +179,7 @@
How to tackle it
},
methods: {
async getIssues() {
- const response = await fetch(`/api/v1/owasp/search/issue?q=${this.search}`)
+ const response = await fetch(`/api/v1/owasp/search/issue?q=${this.searchQuery}`)
.then(res => res.json())
.then(json => {
json.forEach(issue => {
@@ -189,36 +189,38 @@
How to tackle it
issue.idx_created_at = dayjs.unix(issue.idx_created_at || '').fromNow(true);
issue.idx_updated_at = dayjs.unix(issue.idx_updated_at || '').fromNow(true);
issue.idx_labels = issue.idx_labels.length ? issue.idx_labels.slice(0, 10) : [];
- issue.idx_repository_language = issue.idx_repository_languages.length ? issue.idx_repository_languages.slice(0, 10) : [];
+ issue.idx_repository_languages = issue.idx_repository_languages.length ? issue.idx_repository_languages.slice(0, 10) : [];
});
this.issues = json;
})
- .catch((err) => console.error("There was an error! ", err));
+ .catch(err => console.error("There was an error! ", err));
},
showIssueDetails(issue) {
this.selectedIssue = issue;
},
handleInput(event) {
+ this.isManualSearch = true;
clearTimeout(this.timeout);
this.timeout = setTimeout(this.getIssues, 1000);
},
- clickSearch(search) {
- this.isManual = false;
- this.search = search;
+ clickSearch(searchQuery) {
+ this.isManualSearch = false;
+ this.searchQuery = searchQuery;
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
},
mounted() {
dayjs.extend(dayjs_plugin_relativeTime);
- this.getIssues();
+
const url = new URL(window.location.href);
const params = new URLSearchParams(url.search);
const searchQuery = params.get('q');
if (searchQuery) {
- this.isManual = false;
- this.search = searchQuery;
+ this.isManualSearch = false;
+ this.searchQuery = searchQuery;
}
+ this.getIssues();
}
}).mount('#app');
diff --git a/backend/apps/owasp/templates/search/project.html b/backend/apps/owasp/templates/search/project.html
index 320bbacc5..c97f6196c 100644
--- a/backend/apps/owasp/templates/search/project.html
+++ b/backend/apps/owasp/templates/search/project.html
@@ -10,13 +10,13 @@
-