grav/plugins/flex-objects/app/columns/index.js

103 lines
3.1 KiB
JavaScript
Raw Normal View History

2023-01-09 02:00:36 +01:00
import $ from 'jquery';
import { b64_decode_unicode, b64_encode_unicode, FlexPages } from './finder';
import { isEnabled, getCookie, setCookie } from 'tiny-cookie';
import getFilters from '../utils/get-filters';
const container = document.querySelector('#pages-content-wrapper');
export const getStore = () => {
if (!isEnabled) {
return '';
}
return JSON.parse(b64_decode_unicode(getCookie('grav-admin-flexpages') || 'e30='));
};
export const setStore = (store = {}, options = { expires: '1Y', samesite: 'Lax' }) => {
if (!isEnabled) {
return '';
}
return setCookie('grav-admin-flexpages', b64_encode_unicode(JSON.stringify(store)), options);
};
export const getInitialRoute = () => {
const parsed = getStore();
return parsed.route || '';
};
export const setInitialRoute = ({ route = '', filters = getStore().filters || {}, options = { expires: '1Y' }} = {}) => {
return setStore({ route, filters }, options);
};
export let FlexPagesInstance = null;
export const ReLoad = (fresh = false) => {
const search = document.querySelector('#pages-filters [name="filters[search]"]');
const loader = container.querySelector('.grav-loading');
const content = container.querySelector('#pages-columns');
const gravConfig = typeof global.GravConfig !== 'undefined' ? global.GravConfig : global.GravAdmin.config;
if (fresh && search) {
search.focus();
}
if (loader && content) {
loader.style.display = 'block';
content.innerHTML = '';
const filters = fresh ? getStore().filters || {} : getFilters();
const withFilters = Object.keys(filters).length ? { ...filters, initial: true } : {};
const store = getStore();
store.filters = filters;
setStore(store);
let isSearchFocused = false;
if (search) {
isSearchFocused = search === document.activeElement;
}
const contentWrapper = document.querySelector('.content-wrapper .gm-scroll-view');
const scrollPosition = {
top: contentWrapper ? contentWrapper.scrollTop : 0,
left: contentWrapper ? contentWrapper.scrollLeft : 0
};
$.ajax({
url: `${gravConfig.current_url}`,
method: 'post',
data: Object.assign({}, {
route: b64_encode_unicode(getInitialRoute()),
initial: true,
action: 'listLevel'
}, withFilters),
success(response) {
loader.style.display = 'none';
if (response.status === 'error') {
content.innerHTML = response.message;
return true;
}
FlexPagesInstance = null;
FlexPagesInstance = new FlexPages(content, response.data);
if (search && isSearchFocused) {
search.focus();
}
if (contentWrapper) {
contentWrapper.scrollTo(scrollPosition);
}
return FlexPagesInstance;
}
});
}
};
if (container) {
ReLoad(true);
}