wiki-grav/plugins/admin/themes/grav/app/updates/index.js
2022-04-24 14:32:58 +02:00

197 lines
7.8 KiB
JavaScript

import $ from 'jquery';
import unique from 'mout/array/unique';
import { config, translations } from 'grav-config';
import { Instance as gpm } from '../utils/gpm';
import Notifications from './notifications';
import Feed from './feed';
import './check';
import './update';
import './channel-switcher';
export default class Updates {
constructor(payload = {}) {
this.setPayload(payload);
this.task = `task${config.param_sep}`;
this.updateURL = '';
}
setPayload(payload = {}) {
this.payload = payload;
return this;
}
fetch(force = false) {
gpm.fetch((response) => this.setPayload(response), force);
return this;
}
maintenance(mode = 'hide') {
let element = $('#updates [data-update-packages]');
element[mode === 'show' ? 'fadeIn' : 'fadeOut']();
if (mode === 'hide') {
$('.badges.with-updates').removeClass('with-updates').find('.badge.updates').remove();
}
return this;
}
grav() {
let payload = this.payload.grav;
if (payload && payload.isUpdatable) {
let task = this.task;
let bar = '';
if (!payload.isSymlink) {
this.updateURL = `${config.base_url_relative}/update.json/${task}updategrav/admin-nonce${config.param_sep}${config.admin_nonce}`;
bar += `<button data-remodal-target="update-grav" class="button button-small secondary pointer-events-none" id="grav-update-button">${translations.PLUGIN_ADMIN.UPDATE_GRAV_NOW} <span class="cnt-down">(5s)</span></button>`;
} else {
bar += `<span class="hint--left" style="float: right;" data-hint="${translations.PLUGIN_ADMIN.GRAV_SYMBOLICALLY_LINKED}"><i class="fa fa-fw fa-link"></i></span>`;
}
bar += `
Grav <b>v${payload.available}</b> ${translations.PLUGIN_ADMIN.IS_NOW_AVAILABLE}! <span class="less">(${translations.PLUGIN_ADMIN.CURRENT} v${payload.version})</span>
`;
let element = $('[data-gpm-grav]').removeClass('hidden');
if (element.is(':empty')) {
element.hide();
}
element
.addClass('grav')
.html(`${bar}`)
.slideDown(150, function() {
var c = 5;
var x = setInterval(function() {
c -= 1;
element.find('.pointer-events-none .cnt-down').text('(' + c + 's)');
}, 1000);
setTimeout(function() {
clearInterval(x);
element.find('.pointer-events-none .cnt-down').remove();
element.find('.pointer-events-none').removeClass('pointer-events-none');
}, 5000);
})
.parent('#messages').addClass('default-box-shadow');
}
return this;
}
resources() {
if (!this.payload || !this.payload.resources || !this.payload.resources.total) {
return this.maintenance('hide');
}
let is_current_package_latest = true;
let map = ['plugins', 'themes'];
let singles = ['plugin', 'theme'];
let { plugins, themes } = this.payload.resources;
if (!this.payload.resources.total) { return this; }
[plugins, themes].forEach(function(resources, index) {
if (!resources || Array.isArray(resources)) { return; }
let length = Object.keys(resources).length;
let type = map[index];
// sidebar
$(`#admin-menu a[href$="/${map[index]}"]`)
.find('.badges')
.addClass('with-updates')
.find('.badge.updates').text(length);
var type_translation = '';
// update all
if (type === 'plugins') {
type_translation = translations.PLUGIN_ADMIN.PLUGINS;
} else {
type_translation = translations.PLUGIN_ADMIN.THEMES;
}
let updateAll = $(`.grav-update.${type}`);
updateAll.css('display', 'block').html(`
<p>
<a href="#" class="button button-small secondary" data-remodal-target="update-packages" data-packages-slugs="${Object.keys(resources).join()}" data-${singles[index]}-action="start-packages-update">${translations.PLUGIN_ADMIN.UPDATE} ${translations.PLUGIN_ADMIN.ALL} ${type_translation}</a>
<i class="fa fa-bullhorn"></i>
${length} ${translations.PLUGIN_ADMIN.OF_YOUR} ${type_translation.toLowerCase()} ${translations.PLUGIN_ADMIN.HAVE_AN_UPDATE_AVAILABLE}
</p>
`);
let existing_slugs = $('[data-update-packages]').attr('data-packages-slugs') || '';
if (existing_slugs) {
existing_slugs = existing_slugs.split(',');
} else {
existing_slugs = [];
}
let slugs = unique(existing_slugs.concat(Object.keys(resources))).join();
$('[data-update-packages]').attr('data-packages-slugs', `${slugs}`);
Object.keys(resources).forEach(function(item) {
// listing page
let container = $(`[data-gpm-${singles[index]}="${item}"]`);
let element = container.find('.gpm-name');
let url = element.find('a');
let content_wrapper = container.parents('.content-wrapper');
if (type === 'plugins' && !element.find('.badge.update').length) {
element.append(`<a class="plugin-update-button" href="${url.attr('href')}"><span class="badge update">${translations.PLUGIN_ADMIN.UPDATE_AVAILABLE}!</span></a>`);
content_wrapper.addClass('has-updates');
} else if (type === 'themes') {
element.append(`<div class="gpm-ribbon"><a href="${url.attr('href')}">${translations.PLUGIN_ADMIN.UPDATE.toUpperCase()}</a></div>`);
content_wrapper.addClass('has-updates');
}
// details page
if (container.length) {
let details = $(`.grav-update.${singles[index]}`);
if (details.length) {
let releaseType = resources[item].type === 'testing' ? '<span class="gpm-testing">test release</span>' : '';
details.html(`
<p>
<a href="#" class="button button-small secondary" data-remodal-target="update-packages" data-packages-slugs="${item}" data-${singles[index]}-action="start-package-installation">${translations.PLUGIN_ADMIN.UPDATE} ${singles[index].charAt(0).toUpperCase() + singles[index].substr(1).toLowerCase()}</a>
<i class="fa fa-bullhorn"></i>
<strong>v${resources[item].available}</strong> ${releaseType} ${translations.PLUGIN_ADMIN.OF_THIS} ${singles[index]} ${translations.PLUGIN_ADMIN.IS_NOW_AVAILABLE}!
</p>
`).css('display', 'block');
is_current_package_latest = false;
}
}
});
$('[data-update-packages]').removeClass('hidden');
});
$('.content-wrapper').addClass('updates-checked');
if (!is_current_package_latest) {
$('.warning-reinstall-not-latest-release').removeClass('hidden');
}
}
}
let Instance = new Updates();
export { Instance, Notifications, Feed };
// automatically refresh UI for updates (graph, sidebar, plugin/themes pages) after every fetch
gpm.on('fetched', (response, raw) => {
Instance.setPayload(response.payload || {});
Instance.grav().resources();
});
if (config.enable_auto_updates_check === '1') {
gpm.fetch();
}