149 lines
4.4 KiB
JavaScript
149 lines
4.4 KiB
JavaScript
/*
|
|
This file is part of ArciveList.
|
|
|
|
# SPDX-FileCopyrightText: 2021 Hangar.org
|
|
# SPDX-License-Identifier: AGPL-3.0-or-later
|
|
*/
|
|
|
|
import Vue from 'vue'
|
|
import Vuex from 'vuex'
|
|
import _ from 'underscore';
|
|
import axios from 'axios';
|
|
|
|
|
|
Vue.use(Vuex)
|
|
|
|
const store = new Vuex.Store({
|
|
state: {
|
|
search_text: "",
|
|
sites: [],
|
|
filtered_sites: [],
|
|
page_count: 1,
|
|
active_column: null,
|
|
column_order: null
|
|
},
|
|
mutations: {
|
|
setSearchText(state, text) {
|
|
state.search_text = text
|
|
},
|
|
incrementPageCount(state) {
|
|
state.page_count = state.page_count +1
|
|
},
|
|
setFilteredSites(state, filtered_site_ids) {
|
|
//console.log(filtered_site_ids)
|
|
var sites = []
|
|
for (const [site_id, weight] of Object.entries(filtered_site_ids)) {
|
|
var site = state.sites.find(x => x.id == site_id)
|
|
if (site) {
|
|
sites.push(site)
|
|
}
|
|
}
|
|
state.filtered_sites = sites
|
|
state.page_count = 1
|
|
},
|
|
setColumnOrder(state, payload) {
|
|
state.active_column = payload.active_column
|
|
state.column_order = payload.column_order
|
|
state.sites = order_items(state.sites,
|
|
payload.active_column,
|
|
payload.column_order)
|
|
state.filtered_sites = order_items(state.filtered_sites,
|
|
payload.active_column,
|
|
payload.column_order)
|
|
},
|
|
},
|
|
actions: {
|
|
setSites(context, payload) {
|
|
context.state.sites = payload.sites
|
|
context.commit("setColumnOrder", {'active_column': payload.active_column,
|
|
'column_order': payload.column_order})
|
|
},
|
|
siteSearch (context) {
|
|
console.log('new site search')
|
|
var api_endpoint = '/api/collections/search?fulltext_search='
|
|
axios.post(api_endpoint + context.getters.getSearchText, {})
|
|
.then(function (response) {
|
|
var local_search_result = context.getters.searchLocalSiteData
|
|
var merged_results = Object.assign({},
|
|
local_search_result,
|
|
response.data)
|
|
context.commit("setFilteredSites", merged_results)
|
|
context.commit("setColumnOrder", {'active_column': context.state.active_column,
|
|
'column_order': context.state.column_order})
|
|
})
|
|
.catch(function (error) {
|
|
console.log(error);
|
|
});
|
|
},
|
|
},
|
|
getters: {
|
|
getSearchText: state => {
|
|
return state.search_text
|
|
},
|
|
getSitesForDisplay: state => {
|
|
if (state.search_text === "") {
|
|
return state.sites
|
|
}
|
|
return state.filtered_sites
|
|
},
|
|
getPageCount: state => {
|
|
return state.page_count
|
|
},
|
|
searchLocalSiteData: state => {
|
|
var result = {}
|
|
if (state.search_text==="") {
|
|
return result
|
|
}
|
|
for (let site in state.sites) {
|
|
var weight = 0
|
|
var found = state.sites[site].summary.toLowerCase().search(state.search_text.toLowerCase())
|
|
if (found != -1) {
|
|
weight = weight +1
|
|
}
|
|
var found = state.sites[site].collection.toLowerCase().search(state.search_text.toLowerCase())
|
|
if (found != -1) {
|
|
weight = weight +1
|
|
}
|
|
var found = state.sites[site].currator.toLowerCase().search(state.search_text.toLowerCase())
|
|
if (found != -1) {
|
|
weight = weight +1
|
|
}
|
|
var found = state.sites[site].title.toLowerCase().search(state.search_text.toLowerCase())
|
|
if (found != -1) {
|
|
weight = weight +1
|
|
}
|
|
if (weight > 0) {
|
|
var id = state.sites[site].id
|
|
result[id] = weight
|
|
}
|
|
}
|
|
return result
|
|
},
|
|
}
|
|
})
|
|
function order_items(items, field_name, ascending) {
|
|
items.sort(function compareFn(first_el, second_el) {
|
|
if (field_name == 'artist') {
|
|
field_name = 'currator'
|
|
}
|
|
if (field_name == 'date') {
|
|
field_name = 'project_date'
|
|
}
|
|
if (first_el[field_name] === undefined || first_el[field_name] === ""){
|
|
return -1
|
|
}
|
|
if (second_el[field_name] === undefined || second_el[field_name] === ""){
|
|
return 1
|
|
}
|
|
first_el = first_el[field_name].toLowerCase()
|
|
second_el = second_el[field_name].toLowerCase()
|
|
if (first_el < second_el) {
|
|
return -1;
|
|
}
|
|
return 1;
|
|
})
|
|
return ascending == 'asc' ? items : items.reverse()
|
|
}
|
|
|
|
export default store
|