Files
iD/modules/ui/restore.js
Quincy Morgan 32f8274929 Make t function return a span element with a lang attribute unless html: false is specified in the options (re: #7963)
Update `text` functions to `html` to support inserting the `span` elements
Specify `html: false` for various instances where a `span` is not desired, e.g. `placeholder` and `title` attributes
2020-09-15 21:56:22 -04:00

71 lines
1.5 KiB
JavaScript

import { t } from '../core/localizer';
import { uiModal } from './modal';
export function uiRestore(context) {
return function(selection) {
if (!context.history().hasRestorableChanges()) return;
let modalSelection = uiModal(selection, true);
modalSelection.select('.modal')
.attr('class', 'modal fillL');
let introModal = modalSelection.select('.content');
introModal
.append('div')
.attr('class', 'modal-section')
.append('h3')
.html(t('restore.heading'));
introModal
.append('div')
.attr('class','modal-section')
.append('p')
.html(t('restore.description'));
let buttonWrap = introModal
.append('div')
.attr('class', 'modal-actions');
let restore = buttonWrap
.append('button')
.attr('class', 'restore')
.on('click', () => {
context.history().restore();
modalSelection.remove();
});
restore
.append('svg')
.attr('class', 'logo logo-restore')
.append('use')
.attr('xlink:href', '#iD-logo-restore');
restore
.append('div')
.html(t('restore.restore'));
let reset = buttonWrap
.append('button')
.attr('class', 'reset')
.on('click', () => {
context.history().clearSaved();
modalSelection.remove();
});
reset
.append('svg')
.attr('class', 'logo logo-reset')
.append('use')
.attr('xlink:href', '#iD-logo-reset');
reset
.append('div')
.html(t('restore.reset'));
restore.node().focus();
};
}