mirror_php/moodle
1
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-01-17 21:49:15 +01:00
Code Issues Projects Releases Wiki Activity

MDL-74054 qbank_columnsortorder: Move away from ModalFactory

Browse Source
This commit is contained in:
Andrew Nicols 2023-09-20 11:01:34 +08:00
parent 33e52fe4ed
commit 94de1567c3
No known key found for this signature in database
GPG Key ID: 6D1E3157C8CFBF14
3 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
question/bank/columnsortorder/amd/build/user_actions.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
question/bank/columnsortorder/amd/build/user_actions.min.js.map
View File

File diff suppressed because one or more lines are too long

14
question/bank/columnsortorder/amd/src/user_actions.js
View File

@ -26,7 +26,7 @@ import * as actions from 'qbank_columnsortorder/actions';
import * as repository from 'qbank_columnsortorder/repository';
import {get_string as getString} from 'core/str';
import ModalEvents from 'core/modal_events';
import ModalFactory from 'core/modal_factory';
import ModalSaveCancel from 'core/modal_save_cancel';
import Notification from "core/notification";
import SortableList from 'core/sortable_list';
import Templates from "core/templates";
@ -237,22 +237,20 @@ const setUpResizeActions = uiRoot => {
* @returns {Promise<void>}
*/
const showResizeModal = async(currentHeader, uiRoot) => {
const initialWidth = currentHeader.offsetWidth;
const modal = await ModalFactory.create({
const modal = await ModalSaveCancel.create({
title: getString('resizecolumn', 'qbank_columnsortorder', currentHeader.textContent),
type: ModalFactory.types.SAVE_CANCEL,
body: Templates.render('qbank_columnsortorder/resize_modal', {})
body: Templates.render('qbank_columnsortorder/resize_modal', {}),
show: true,
});
const root = modal.getRoot();
root.on(ModalEvents.cancel, () => {
currentHeader.style.width = initialWidth + 'px';
currentHeader.style.width = `${initialWidth}px`;
});
root.on(ModalEvents.save, () => {
repository.setColumnSize(serialiseColumnSizes(uiRoot)).catch(Notification.exception);
});
modal.show();
const body = await modal.bodyPromise;
const input = body.get(0).querySelector('input');
@ -260,7 +258,7 @@ const showResizeModal = async(currentHeader, uiRoot) => {
input.addEventListener('change', e => {
const newWidth = e.target.value;
currentHeader.style.width = newWidth + 'px';
currentHeader.style.width = `${newWidth}px`;
});
};