140 lines
3.9 KiB
TypeScript
140 lines
3.9 KiB
TypeScript
import $ from 'jquery';
|
|
import { ajaxShowMessage } from '../ajax-message.ts';
|
|
import { CommonParams } from '../common.ts';
|
|
import { escapeHtml } from '../functions/escape.ts';
|
|
|
|
/**
|
|
* @link https://docs.phpmyadmin.net/en/latest/config.html#console-settings
|
|
*/
|
|
export default class Config {
|
|
startHistory: boolean;
|
|
|
|
alwaysExpand: boolean;
|
|
|
|
currentQuery: boolean;
|
|
|
|
enterExecutes: boolean;
|
|
|
|
darkTheme: boolean;
|
|
|
|
mode: 'info'|'show'|'collapse';
|
|
|
|
height: number;
|
|
|
|
groupQueries: boolean;
|
|
|
|
orderBy: 'exec'|'time'|'count';
|
|
|
|
order: 'asc'|'desc';
|
|
|
|
constructor (
|
|
startHistory: boolean,
|
|
alwaysExpand: boolean,
|
|
currentQuery: boolean,
|
|
enterExecutes: boolean,
|
|
darkTheme: boolean,
|
|
mode: 'info'|'show'|'collapse',
|
|
height: number,
|
|
groupQueries: boolean,
|
|
orderBy: 'exec'|'time'|'count',
|
|
order: 'asc'|'desc',
|
|
) {
|
|
this.startHistory = startHistory;
|
|
this.alwaysExpand = alwaysExpand;
|
|
this.currentQuery = currentQuery;
|
|
this.enterExecutes = enterExecutes;
|
|
this.darkTheme = darkTheme;
|
|
this.mode = mode;
|
|
this.height = height;
|
|
this.groupQueries = groupQueries;
|
|
this.orderBy = orderBy;
|
|
this.order = order;
|
|
}
|
|
|
|
static createFromDataset (dataset: DOMStringMap): Config {
|
|
const height = Number(dataset.height);
|
|
|
|
return new this(
|
|
dataset.startHistory === 'true',
|
|
dataset.alwaysExpand === 'true',
|
|
dataset.currentQuery !== undefined ? dataset.currentQuery === 'true' : true,
|
|
dataset.enterExecutes === 'true',
|
|
dataset.darkTheme === 'true',
|
|
dataset.mode === 'show' || dataset.mode === 'collapse' ? dataset.mode : 'info',
|
|
height > 0 ? height : 92,
|
|
dataset.groupQueries === 'true',
|
|
dataset.orderBy === 'time' || dataset.orderBy === 'count' ? dataset.orderBy : 'exec',
|
|
dataset.order === 'desc' ? 'desc' : 'asc',
|
|
);
|
|
}
|
|
|
|
setStartHistory (value: boolean): void {
|
|
this.startHistory = value;
|
|
setConfigValue('StartHistory', value);
|
|
}
|
|
|
|
setAlwaysExpand (value: boolean): void {
|
|
this.alwaysExpand = value;
|
|
setConfigValue('AlwaysExpand', value);
|
|
}
|
|
|
|
setCurrentQuery (value: boolean): void {
|
|
this.currentQuery = value;
|
|
setConfigValue('CurrentQuery', value);
|
|
}
|
|
|
|
setEnterExecutes (value: boolean): void {
|
|
this.enterExecutes = value;
|
|
setConfigValue('EnterExecutes', value);
|
|
}
|
|
|
|
setDarkTheme (value: boolean): void {
|
|
this.darkTheme = value;
|
|
setConfigValue('DarkTheme', value);
|
|
}
|
|
|
|
setMode (value: 'info'|'show'|'collapse'): void {
|
|
this.mode = value;
|
|
setConfigValue('Mode', value);
|
|
}
|
|
|
|
setHeight (value: number): void {
|
|
this.height = value;
|
|
setConfigValue('Height', value);
|
|
}
|
|
|
|
setGroupQueries (value: boolean): void {
|
|
this.groupQueries = value;
|
|
setConfigValue('GroupQueries', value);
|
|
}
|
|
|
|
setOrderBy (value: 'exec'|'time'|'count'): void {
|
|
this.orderBy = value;
|
|
setConfigValue('OrderBy', value);
|
|
}
|
|
|
|
setOrder (value: 'asc'|'desc'): void {
|
|
this.order = value;
|
|
setConfigValue('Order', value);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @param {'StartHistory'|'AlwaysExpand'|'CurrentQuery'|'EnterExecutes'|'DarkTheme'|'Mode'|'Height'|'GroupQueries'|'OrderBy'|'Order'} key
|
|
* @param {boolean|string|number} value
|
|
*/
|
|
function setConfigValue (key: string, value: boolean|number|string): void {
|
|
$.post(
|
|
'index.php?route=/console/update-config',
|
|
{
|
|
'ajax_request': true,
|
|
server: CommonParams.get('server'),
|
|
key: key,
|
|
value: value,
|
|
},
|
|
).fail(function (data) {
|
|
const message = '<div class="alert alert-danger" role="alert">' + escapeHtml(data.responseJSON.error) + '</div>';
|
|
ajaxShowMessage(message, false);
|
|
});
|
|
}
|
