mirror of
https://github.com/loot/libloot.git
synced 2026-07-27 14:16:01 -07:00
Move metadata editor out of card list
Replace the per-card metadata editors with a single metadata editor that is displayed below the card list, fixed to the bottom of the window. Remove the CRC, version and plugin icons from the editor. Change the editor toolbar background to a light blue, and remove the content area borders.
This commit is contained in:
Oliver Hamlet
@@ -127,7 +127,6 @@ html {
|
||||
}
|
||||
h1 {
|
||||
font-weight: 400;
|
||||
color: rgba(0, 0, 0, 0.54);
|
||||
}
|
||||
#summary > h1 {
|
||||
font-size: 1.143rem;
|
||||
|
||||
@@ -32,44 +32,19 @@ loot-clear-metadata
|
||||
<dom-module id="loot-plugin-card">
|
||||
<template>
|
||||
<style>
|
||||
/* Host and front/editor styling. */
|
||||
/* Host styling. */
|
||||
#wrapper {
|
||||
display: block;
|
||||
background: white;
|
||||
margin: 0 8px 8px 8px;
|
||||
position: relative;
|
||||
transition: 0.6s;
|
||||
transform-style: preserve-3d;
|
||||
}
|
||||
:host(.highlight) #wrapper {
|
||||
outline: 4px solid var(--loot-accent-color);
|
||||
}
|
||||
:host(.search-result) #wrapper > * {
|
||||
:host(.search-result) #wrapper {
|
||||
box-shadow: inset 4px 0 var(--loot-primary-color);
|
||||
}
|
||||
#front {
|
||||
display: block;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
#editor {
|
||||
transform: rotateY(180deg);
|
||||
display:none;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
/* Flip animation styling. */
|
||||
:host(.flip) #wrapper {
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
:host(.flip) #front {
|
||||
display: none;
|
||||
}
|
||||
:host(.flip) #editor {
|
||||
display: block;
|
||||
}
|
||||
:host(.fastflip) #wrapper {
|
||||
transition-duration: 1ms;
|
||||
}
|
||||
|
||||
/* Icon styling. */
|
||||
iron-icon {
|
||||
@@ -138,53 +113,46 @@ loot-clear-metadata
|
||||
}
|
||||
</style>
|
||||
<paper-material id="wrapper" elevation="1">
|
||||
<section id="front">
|
||||
<paper-toolbar>
|
||||
<iron-icon id="activeTick" icon="check"></iron-icon>
|
||||
<paper-tooltip for="activeTick">Active Plugin</paper-tooltip>
|
||||
<div id="title">
|
||||
<content select="h1"></content>
|
||||
<content select=".version"></content>
|
||||
<content select=".crc"></content>
|
||||
</div>
|
||||
<iron-icon id="isMaster" icon="loot-custom-icons:crown"></iron-icon>
|
||||
<paper-tooltip for="isMaster">Master File</paper-tooltip>
|
||||
<iron-icon id="isEmpty" icon="visibility-off"></iron-icon>
|
||||
<paper-tooltip for="isEmpty">Empty Plugin</paper-tooltip>
|
||||
<iron-icon id="loadsArchive" icon="attachment"></iron-icon>
|
||||
<paper-tooltip for="loadsArchive">Loads Archive</paper-tooltip>
|
||||
<iron-icon id="hasUserEdits" icon="account-circle"></iron-icon>
|
||||
<paper-tooltip for="hasUserEdits">Has User Metadata</paper-tooltip>
|
||||
<paper-menu-button id="menu" horizontal-align="right">
|
||||
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
|
||||
<loot-menu class="dropdown-content">
|
||||
<paper-toggle-button id="showOnlyConflicts" checked="{{data.isConflictFilterChecked}}">Show Only Conflicts</paper-toggle-button>
|
||||
<paper-icon-item id="editMetadata">
|
||||
<iron-icon icon="create" item-icon></iron-icon>
|
||||
Edit Metadata
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="copyMetadata">
|
||||
<iron-icon icon="content-copy" item-icon></iron-icon>
|
||||
Copy Metadata
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="clearMetadata">
|
||||
<iron-icon icon="delete" item-icon></iron-icon>
|
||||
Clear User Metadata
|
||||
</paper-icon-item>
|
||||
</loot-menu>
|
||||
</paper-menu-button>
|
||||
</paper-toolbar>
|
||||
<div id="content">
|
||||
<content select=".tag.add"></content>
|
||||
<content select=".tag.remove"></content>
|
||||
<content></content>
|
||||
<paper-toolbar>
|
||||
<iron-icon id="activeTick" icon="check"></iron-icon>
|
||||
<paper-tooltip for="activeTick">Active Plugin</paper-tooltip>
|
||||
<div id="title">
|
||||
<content select="h1"></content>
|
||||
<content select=".version"></content>
|
||||
<content select=".crc"></content>
|
||||
</div>
|
||||
</section>
|
||||
<loot-plugin-editor id="editor">
|
||||
<h1>[[data.name]]</h1>
|
||||
<span class="version"></span>
|
||||
<span class="crc"></span>
|
||||
</loot-plugin-editor>
|
||||
<iron-icon id="isMaster" icon="loot-custom-icons:crown"></iron-icon>
|
||||
<paper-tooltip for="isMaster">Master File</paper-tooltip>
|
||||
<iron-icon id="isEmpty" icon="visibility-off"></iron-icon>
|
||||
<paper-tooltip for="isEmpty">Empty Plugin</paper-tooltip>
|
||||
<iron-icon id="loadsArchive" icon="attachment"></iron-icon>
|
||||
<paper-tooltip for="loadsArchive">Loads Archive</paper-tooltip>
|
||||
<iron-icon id="hasUserEdits" icon="account-circle"></iron-icon>
|
||||
<paper-tooltip for="hasUserEdits">Has User Metadata</paper-tooltip>
|
||||
<paper-menu-button id="menu" horizontal-align="right">
|
||||
<paper-icon-button icon="more-vert" class="dropdown-trigger"></paper-icon-button>
|
||||
<loot-menu class="dropdown-content">
|
||||
<paper-toggle-button id="showOnlyConflicts" checked="{{data.isConflictFilterChecked}}">Show Only Conflicts</paper-toggle-button>
|
||||
<paper-icon-item id="editMetadata">
|
||||
<iron-icon icon="create" item-icon></iron-icon>
|
||||
Edit Metadata
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="copyMetadata">
|
||||
<iron-icon icon="content-copy" item-icon></iron-icon>
|
||||
Copy Metadata
|
||||
</paper-icon-item>
|
||||
<paper-icon-item id="clearMetadata">
|
||||
<iron-icon icon="delete" item-icon></iron-icon>
|
||||
Clear User Metadata
|
||||
</paper-icon-item>
|
||||
</loot-menu>
|
||||
</paper-menu-button>
|
||||
</paper-toolbar>
|
||||
<div id="content">
|
||||
<content select=".tag.add"></content>
|
||||
<content select=".tag.remove"></content>
|
||||
<content></content>
|
||||
</div>
|
||||
</paper-material>
|
||||
</template>
|
||||
<script>
|
||||
@@ -208,42 +176,19 @@ loot-clear-metadata
|
||||
attached() {
|
||||
this.$.showOnlyConflicts.addEventListener('change', this._onShowOnlyConflicts);
|
||||
this.$.editMetadata.addEventListener('click', this.onShowEditor);
|
||||
this.$.editor.addEventListener('loot-editor-close', this._onHideEditor);
|
||||
this.$.copyMetadata.addEventListener('click', this._onCopyMetadata);
|
||||
this.$.clearMetadata.addEventListener('click', this._onClearMetadata);
|
||||
|
||||
this.addEventListener('transitionend', this._onFlipEnd);
|
||||
},
|
||||
|
||||
detached() {
|
||||
this.$.showOnlyConflicts.removeEventListener('change', this._onShowOnlyConflicts);
|
||||
this.$.editMetadata.removeEventListener('click', this.onShowEditor);
|
||||
this.$.editor.removeEventListener('loot-editor-close', this._onHideEditor);
|
||||
this.$.copyMetadata.removeEventListener('click', this._onCopyMetadata);
|
||||
this.$.clearMetadata.removeEventListener('click', this._onClearMetadata);
|
||||
|
||||
this.removeEventListener('transitionend', this._onFlipEnd);
|
||||
},
|
||||
|
||||
_dataChanged(newValue, oldValue) {
|
||||
if (newValue) {
|
||||
if (newValue.isEditorOpen) {
|
||||
/* Record existing data. */
|
||||
if (oldValue) {
|
||||
oldValue.editor = this.readFromEditor(oldValue);
|
||||
}
|
||||
/* Share the data with the editor. */
|
||||
this.$.editor.setEditorData(newValue);
|
||||
}
|
||||
|
||||
/* Set the card flip state. */
|
||||
if (this.classList.contains('flip') !== newValue.isEditorOpen) {
|
||||
/* Temporarily speed up the flip effect, as otherwise fast
|
||||
scrolling lets the user see the end of it. */
|
||||
this.classList.add('fastflip');
|
||||
this.classList.toggle('flip');
|
||||
}
|
||||
|
||||
/* Initialise the card content data. */
|
||||
this.updateContent(true);
|
||||
this.updateStyling();
|
||||
@@ -296,10 +241,8 @@ loot-clear-metadata
|
||||
const cardContent = this.data.getCardContent(loot.filters);
|
||||
|
||||
this.getElementsByClassName('version')[0].textContent = cardContent.version;
|
||||
this.$.editor.getElementsByClassName('version')[0].textContent = cardContent.version;
|
||||
|
||||
this.getElementsByClassName('crc')[0].textContent = cardContent.crc;
|
||||
this.$.editor.getElementsByClassName('crc')[0].textContent = cardContent.crc;
|
||||
|
||||
if (updateBodyContent) {
|
||||
this._setTagsContent(cardContent.tags);
|
||||
@@ -327,56 +270,11 @@ loot-clear-metadata
|
||||
return this.getElementsByTagName('h1')[0].textContent;
|
||||
},
|
||||
|
||||
_onFlipEnd() {
|
||||
/* Remove fastflip class if present. This also fires when the menu is
|
||||
opened or closed, but that isn't an issue. */
|
||||
this.classList.remove('fastflip');
|
||||
},
|
||||
|
||||
onShowEditor() {
|
||||
let card;
|
||||
if (this.tagName === 'LOOT-PLUGIN-CARD') {
|
||||
card = this;
|
||||
} else {
|
||||
card = getMenuItemCard(this);
|
||||
}
|
||||
|
||||
/* If the editor hasn't already been opened, its data is not yet set, so do that now. */
|
||||
if (!card.data.isEditorOpen && !card.data.editor) {
|
||||
card.$.editor.setEditorData(card.data);
|
||||
}
|
||||
|
||||
card.data.isEditorOpen = true;
|
||||
|
||||
card.classList.toggle('flip');
|
||||
|
||||
/* Fire an open event, so that the UI can enter edit mode. */
|
||||
card.dispatchEvent(new CustomEvent('loot-editor-open', {
|
||||
this.dispatchEvent(new CustomEvent('loot-editor-open', {
|
||||
bubbles: true,
|
||||
}));
|
||||
|
||||
/* Notify that this card (may have) changed size. */
|
||||
card.dispatchEvent(new CustomEvent('iron-resize', { bubbles: true }));
|
||||
},
|
||||
|
||||
_onHideEditor() {
|
||||
let card;
|
||||
if (this.tagName === 'LOOT-PLUGIN-CARD') {
|
||||
card = this;
|
||||
} else {
|
||||
card = getMenuItemCard(this);
|
||||
}
|
||||
|
||||
/* Now hide editor. */
|
||||
card.classList.toggle('flip');
|
||||
card.data.isEditorOpen = false;
|
||||
|
||||
/* Notify that this card (may have) changed size. */
|
||||
card.dispatchEvent(new CustomEvent('iron-resize', { bubbles: true }));
|
||||
},
|
||||
|
||||
readFromEditor(oldData) {
|
||||
return this.$.editor.readFromEditor(oldData);
|
||||
},
|
||||
|
||||
_onShowOnlyConflicts(evt) {
|
||||
|
||||
@@ -26,6 +26,11 @@ loot-editor-close
|
||||
<dom-module id="loot-plugin-editor">
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
position: relative;
|
||||
@apply(--shadow-elevation-2dp);
|
||||
}
|
||||
|
||||
/* Material Design for non-button icons. */
|
||||
iron-icon {
|
||||
color: var(--loot-secondary-text-color);
|
||||
@@ -36,13 +41,6 @@ loot-editor-close
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
#activeTick {
|
||||
color: green;
|
||||
}
|
||||
#activeTick[hidden] {
|
||||
display: initial;
|
||||
visibility: hidden;
|
||||
}
|
||||
#accept {
|
||||
color: var(--loot-accent-color);
|
||||
}
|
||||
@@ -51,23 +49,10 @@ loot-editor-close
|
||||
}
|
||||
|
||||
/* Content styling. */
|
||||
::content h1, #version, #crc {
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
font-size: 1rem;
|
||||
}
|
||||
::content h1 {
|
||||
margin: 0;
|
||||
font-size: 1.143rem;
|
||||
}
|
||||
#version {
|
||||
margin-left: 16px;
|
||||
color: #607D8B;
|
||||
}
|
||||
#crc {
|
||||
margin-left: 16px;
|
||||
color: #795548;
|
||||
}
|
||||
|
||||
/* Editor input styling. */
|
||||
#main > div {
|
||||
@@ -85,19 +70,12 @@ loot-editor-close
|
||||
|
||||
/* Misc Styling. */
|
||||
paper-toolbar.medium-tall {
|
||||
--paper-toolbar-background: #CFD4E9;
|
||||
--paper-toolbar-background: var(--paper-blue-50);
|
||||
--paper-toolbar-color: var(--loot-primary-text-color);
|
||||
height: 104px;
|
||||
}
|
||||
iron-pages > * {
|
||||
border: 4px solid #CFD4E9;
|
||||
border-top: none;
|
||||
background: white;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
#main {
|
||||
padding: 16px;
|
||||
overflow: hidden;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
iron-pages > div > table[is=editable-table] th {
|
||||
padding-top: 8px;
|
||||
@@ -116,23 +94,9 @@ loot-editor-close
|
||||
}
|
||||
</style>
|
||||
<paper-toolbar class="medium-tall">
|
||||
<iron-icon id="activeTick" icon="check"></iron-icon>
|
||||
<paper-tooltip for="activeTick">Active Plugin</paper-tooltip>
|
||||
<div id="title">
|
||||
<content select="h1"></content>
|
||||
<span id="version">
|
||||
<content select=".version"></content>
|
||||
</span>
|
||||
<span id="crc">
|
||||
<content select=".crc"></content>
|
||||
</span>
|
||||
</div>
|
||||
<iron-icon id="isMaster" icon="loot-custom-icons:crown"></iron-icon>
|
||||
<paper-tooltip for="isMaster">Master File</paper-tooltip>
|
||||
<iron-icon id="isEmpty" icon="visibility-off"></iron-icon>
|
||||
<paper-tooltip for="isEmpty">Empty Plugin</paper-tooltip>
|
||||
<iron-icon id="loadsArchive" icon="attachment"></iron-icon>
|
||||
<paper-tooltip for="loadsArchive">Loads Archive</paper-tooltip>
|
||||
<paper-icon-button id="accept" icon="check"></paper-icon-button>
|
||||
<paper-tooltip for="accept">Apply</paper-tooltip>
|
||||
<paper-icon-button id="cancel" icon="close"></paper-icon-button>
|
||||
@@ -375,12 +339,7 @@ loot-editor-close
|
||||
|
||||
setEditorData(newData) {
|
||||
/* newData is a Plugin object reference. */
|
||||
|
||||
/* First update the header icons. */
|
||||
this.$.activeTick.hidden = !newData.isActive;
|
||||
this.$.isMaster.hidden = !newData.isMaster;
|
||||
this.$.isEmpty.hidden = !newData.isEmpty;
|
||||
this.$.loadsArchive.hidden = !newData.loadsArchive;
|
||||
this.querySelector('h1').textContent = newData.name;
|
||||
|
||||
/* There may be existing recorded data from a previous instance of the
|
||||
editor, so use that for userlist and priority data if so. */
|
||||
@@ -401,10 +360,6 @@ loot-editor-close
|
||||
};
|
||||
}
|
||||
|
||||
/* Fill in the version and CRC values. */
|
||||
this.shadowRoot.getElementById('version').textContent = newData.getCardContent(loot.filters).version;
|
||||
this.shadowRoot.getElementById('crc').textContent = newData.getCardContent(loot.filters).crc;
|
||||
|
||||
/* Fill in the editor input values. */
|
||||
if (tempData.userlist && !tempData.userlist.enabled) {
|
||||
this.$.enableEdits.checked = false;
|
||||
|
||||
@@ -332,6 +332,9 @@
|
||||
<!-- Generated <loot-plugin-card> elements go here. -->
|
||||
</iron-list>
|
||||
</div>
|
||||
<loot-plugin-editor id="editor" hidden>
|
||||
<h1></h1>
|
||||
</loot-plugin-editor>
|
||||
</div>
|
||||
</paper-drawer-panel>
|
||||
<paper-toast id="toast"></paper-toast>
|
||||
|
||||
+55
-66
@@ -414,59 +414,55 @@ function onShowSettingsDialog() {
|
||||
}
|
||||
|
||||
function onEditorOpen(evt) {
|
||||
/* Update the size of the card in the iron-list. */
|
||||
document.getElementById('pluginCardList').updateSizeForItem(evt.target.data);
|
||||
/* Set the editor data. */
|
||||
const editor = document.getElementById('editor');
|
||||
editor.setEditorData(evt.target.data);
|
||||
|
||||
/* Enable priority hover in plugins list and enable header
|
||||
buttons if this is the only editor instance. */
|
||||
let numEditors = 0;
|
||||
if (document.body.hasAttribute('data-editors')) {
|
||||
numEditors = parseInt(document.body.getAttribute('data-editors'), 10);
|
||||
}
|
||||
++numEditors;
|
||||
|
||||
if (numEditors === 1) {
|
||||
/* Set up drag 'n' drop event handlers. */
|
||||
const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
|
||||
for (let i = 0; i < elements.length; ++i) {
|
||||
elements[i].draggable = true;
|
||||
elements[i].addEventListener('dragstart', elements[i].onDragStart);
|
||||
}
|
||||
|
||||
/* Disable the toolbar elements. */
|
||||
document.getElementById('wipeUserlistButton').setAttribute('disabled', '');
|
||||
document.getElementById('copyContentButton').setAttribute('disabled', '');
|
||||
document.getElementById('refreshContentButton').setAttribute('disabled', '');
|
||||
document.getElementById('settingsButton').setAttribute('disabled', '');
|
||||
document.getElementById('gameMenu').setAttribute('disabled', '');
|
||||
document.getElementById('updateMasterlistButton').setAttribute('disabled', '');
|
||||
document.getElementById('sortButton').setAttribute('disabled', '');
|
||||
}
|
||||
document.body.setAttribute('data-editors', numEditors);
|
||||
/* Set body attribute so that sidebar items are styled correctly. */
|
||||
document.body.setAttribute('data-editors', true);
|
||||
document.getElementById('cardsNav').notifyResize();
|
||||
|
||||
/* Unhide editor. */
|
||||
editor.hidden = false;
|
||||
|
||||
/* Set up drag 'n' drop event handlers. */
|
||||
const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
|
||||
for (let i = 0; i < elements.length; ++i) {
|
||||
elements[i].draggable = true;
|
||||
elements[i].addEventListener('dragstart', elements[i].onDragStart);
|
||||
}
|
||||
|
||||
/* Disable the toolbar elements. */
|
||||
document.getElementById('wipeUserlistButton').setAttribute('disabled', '');
|
||||
document.getElementById('copyContentButton').setAttribute('disabled', '');
|
||||
document.getElementById('refreshContentButton').setAttribute('disabled', '');
|
||||
document.getElementById('settingsButton').setAttribute('disabled', '');
|
||||
document.getElementById('gameMenu').setAttribute('disabled', '');
|
||||
document.getElementById('updateMasterlistButton').setAttribute('disabled', '');
|
||||
document.getElementById('sortButton').setAttribute('disabled', '');
|
||||
|
||||
return loot.query('editorOpened').catch(handlePromiseError);
|
||||
}
|
||||
function onEditorClose(evt) {
|
||||
/* Update the size of the card in the iron-list. */
|
||||
document.getElementById('pluginCardList').updateSizeForItem(evt.target.data);
|
||||
|
||||
/* evt.detail is true if the apply button was pressed. */
|
||||
let promise;
|
||||
if (evt.detail) {
|
||||
/* Need to record the editor control values and work out what's
|
||||
changed, and update any UI elements necessary. Offload the
|
||||
majority of the work to the C++ side of things. */
|
||||
const edits = evt.target.readFromEditor(evt.target.data);
|
||||
const plugin = loot.game.plugins.find((item) => {
|
||||
return item.name === evt.target.querySelector('h1').textContent;
|
||||
})
|
||||
const edits = evt.target.readFromEditor(plugin);
|
||||
promise = loot.query('editorClosed', edits).then(JSON.parse).then((result) => {
|
||||
if (result) {
|
||||
evt.target.data.priority = result.priority;
|
||||
evt.target.data.isPriorityGlobal = result.isPriorityGlobal;
|
||||
evt.target.data.messages = result.messages;
|
||||
evt.target.data.tags = result.tags;
|
||||
evt.target.data.isDirty = result.isDirty;
|
||||
plugin.priority = result.priority;
|
||||
plugin.isPriorityGlobal = result.isPriorityGlobal;
|
||||
plugin.messages = result.messages;
|
||||
plugin.tags = result.tags;
|
||||
plugin.isDirty = result.isDirty;
|
||||
|
||||
evt.target.data.userlist = edits.userlist;
|
||||
plugin.userlist = edits.userlist;
|
||||
|
||||
/* Now perform search again. If there is no current search, this won't
|
||||
do anything. */
|
||||
@@ -479,35 +475,28 @@ function onEditorClose(evt) {
|
||||
promise = loot.query('editorClosed');
|
||||
}
|
||||
promise.then(() => {
|
||||
delete evt.target.data.editor;
|
||||
|
||||
/* Disable priority hover in plugins list and enable header
|
||||
buttons if this is the only editor instance. */
|
||||
let numEditors = parseInt(document.body.getAttribute('data-editors'), 10);
|
||||
--numEditors;
|
||||
|
||||
if (numEditors === 0) {
|
||||
/* Remove drag 'n' drop event handlers. */
|
||||
const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
|
||||
for (let i = 0; i < elements.length; ++i) {
|
||||
elements[i].removeAttribute('draggable');
|
||||
elements[i].removeEventListener('dragstart', elements[i].onDragStart);
|
||||
}
|
||||
|
||||
document.body.removeAttribute('data-editors');
|
||||
|
||||
/* Re-enable toolbar elements. */
|
||||
document.getElementById('wipeUserlistButton').removeAttribute('disabled');
|
||||
document.getElementById('copyContentButton').removeAttribute('disabled');
|
||||
document.getElementById('refreshContentButton').removeAttribute('disabled');
|
||||
document.getElementById('settingsButton').removeAttribute('disabled');
|
||||
document.getElementById('gameMenu').removeAttribute('disabled');
|
||||
document.getElementById('updateMasterlistButton').removeAttribute('disabled');
|
||||
document.getElementById('sortButton').removeAttribute('disabled');
|
||||
} else {
|
||||
document.body.setAttribute('data-editors', numEditors);
|
||||
}
|
||||
/* Remove body attribute so that sidebar items are styled correctly. */
|
||||
document.body.removeAttribute('data-editors');
|
||||
document.getElementById('cardsNav').notifyResize();
|
||||
|
||||
/* Hide editor. */
|
||||
evt.target.hidden = true;
|
||||
|
||||
/* Remove drag 'n' drop event handlers. */
|
||||
const elements = document.getElementById('cardsNav').getElementsByTagName('loot-plugin-item');
|
||||
for (let i = 0; i < elements.length; ++i) {
|
||||
elements[i].removeAttribute('draggable');
|
||||
elements[i].removeEventListener('dragstart', elements[i].onDragStart);
|
||||
}
|
||||
|
||||
/* Re-enable toolbar elements. */
|
||||
document.getElementById('wipeUserlistButton').removeAttribute('disabled');
|
||||
document.getElementById('copyContentButton').removeAttribute('disabled');
|
||||
document.getElementById('refreshContentButton').removeAttribute('disabled');
|
||||
document.getElementById('settingsButton').removeAttribute('disabled');
|
||||
document.getElementById('gameMenu').removeAttribute('disabled');
|
||||
document.getElementById('updateMasterlistButton').removeAttribute('disabled');
|
||||
document.getElementById('sortButton').removeAttribute('disabled');
|
||||
}).catch(handlePromiseError);
|
||||
}
|
||||
function undoConflictsFilter() {
|
||||
|
||||
@@ -30,11 +30,6 @@
|
||||
/* Plugin editor template. */
|
||||
const pluginEditor = document.getElementById('loot-plugin-editor').querySelector('template').content;
|
||||
|
||||
pluginEditor.querySelector('paper-tooltip[for=activeTick]').textContent = l10n.translate('Active Plugin');
|
||||
pluginEditor.querySelector('paper-tooltip[for=isMaster]').textContent = l10n.translate('Master File');
|
||||
pluginEditor.querySelector('paper-tooltip[for=isEmpty]').textContent = l10n.translate('Empty Plugin');
|
||||
pluginEditor.querySelector('paper-tooltip[for=loadsArchive]').textContent = l10n.translate('Loads Archive');
|
||||
|
||||
pluginEditor.getElementById('enableEdits').previousElementSibling.textContent = l10n.translate('Enable Edits');
|
||||
pluginEditor.getElementById('isPriorityGlobal').previousElementSibling.textContent = l10n.translate('Global Priority');
|
||||
pluginEditor.querySelector('paper-tooltip[for=isPriorityGlobal]').textContent = l10n.translate('Global priorities are compared against all other plugins. Normal priorities are compared against only conflicting plugins.');
|
||||
|
||||
Reference in New Issue
Block a user