extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-02-04 04:20:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

improve import modal language

Browse Source
This commit is contained in:
zombieFox 2021-08-14 16:22:06 +01:00
parent 23c3924f94
commit 1d48ba4a04
2 changed files with 16 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/component/data/index.js
View File

@ -75,7 +75,7 @@ data.validateFile = (fileList, input, feedback) => {
}); });
const importModal = new Modal({ const importModal = new Modal({
heading: 'Data to import', heading: 'Restoring from a ' + appName + ' backup',
content: importForm.form(), content: importForm.form(),
successText: 'Import', successText: 'Import',
width: 'small', width: 'small',

26
src/component/importForm/index.js
View File

@ -29,7 +29,11 @@ export const ImportForm = function({
this.element = { this.element = {
form: node('form|class:import-form'), form: node('form|class:import-form'),
description: node('p:Import all or part of the backup:|class:mb-5') description: complexNode({
tag: 'p',
text: 'You can restore all or parts of the backup file. The following data will be restored:',
attr: [{ key: 'class', value: 'mb-5' }]
})
}; };
this.count = { this.count = {
@ -46,19 +50,12 @@ export const ImportForm = function({
this.control = { this.control = {
import: { import: {
setup: new Control_checkbox({
object: state,
path: 'setup',
id: 'setup',
labelText: 'Settings',
description: 'This includes Layout size and position, Header setup and other user settings.'
}),
bookmark: new Control_checkbox({ bookmark: new Control_checkbox({
object: state, object: state,
path: 'bookmark', path: 'bookmark',
id: 'bookmark', id: 'bookmark',
labelText: 'Bookmarks', labelText: 'Bookmarks',
description: [`This includes ${this.count.bookmark()} ${this.count.bookmark() > 1 ? `Bookmarks` : `Bookmark`} in ${dataToImport.bookmark.length} ${dataToImport.bookmark.length > 1 ? `Groups` : `Group`}.`, 'Bookmarks will keep any custom Colours, Accents and Borders when imported.'] description: [`This includes <strong>${this.count.bookmark()} ${this.count.bookmark() > 1 ? `Bookmarks` : `Bookmark`}</strong> in <strong>${dataToImport.bookmark.length} ${dataToImport.bookmark.length > 1 ? `Groups` : `Group`}.<strong>`, 'Bookmarks will keep any custom Colours, Accents and Borders when imported.']
}), }),
theme: new Control_checkbox({ theme: new Control_checkbox({
object: state, object: state,
@ -66,6 +63,13 @@ export const ImportForm = function({
id: 'theme', id: 'theme',
labelText: 'Theme', labelText: 'Theme',
description: 'This includes the Colour, Accent, Fonts, Background and any saved Custom Themes.' description: 'This includes the Colour, Accent, Fonts, Background and any saved Custom Themes.'
}),
setup: new Control_checkbox({
object: state,
path: 'setup',
id: 'setup',
labelText: 'Settings',
description: 'This includes Layout size and position, Header area size, Bookmark area size and other user settings.'
}) })
} }
}; };
@ -76,9 +80,9 @@ export const ImportForm = function({
this.element.form.append(node('div', [ this.element.form.append(node('div', [
this.element.description, this.element.description,
this.control.import.setup.wrap(),
this.control.import.bookmark.wrap(), this.control.import.bookmark.wrap(),
this.control.import.theme.wrap() this.control.import.theme.wrap(),
this.control.import.setup.wrap()
])); ]));
}; };