mediawiki-extensions-Visual.../modules/ve-mw/ui/widgets/ve.ui.MWTemplateOutlineTemplateWidget.js
Adam Wight 988cda65dd Template dialog checkbox list
Introduces new widgets forming the backbone of the experimental
template dialog sidebar.

FIXME: `text-overflow: ellipsis` is not working yet, the container
styles need adjustment.

Bug: T274543
Change-Id: Ie81b84be288553343017c4aaf8691c4e266995f5
2021-06-17 08:47:47 +00:00

44 lines
1.1 KiB
JavaScript

/*!
* VisualEditor user interface MWTemplateOutlineTemplateWidget class.
*
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Container for template, as rendered in the template dialog sidebar.
*
* @class
* @extends OO.ui.Widget
*
* @constructor
* @param {Object} [config] Configuration options
*/
ve.ui.MWTemplateOutlineTemplateWidget = function VeUiMWTemplateOutlineTemplateWidget( config ) {
config = config || {};
// Parent constructor
ve.ui.MWTemplateOutlineTemplateWidget.super.call( this, config );
// Initialization
// TODO: var title = new OO
var parameters = new ve.ui.MWTemplateOutlineCheckboxListWidget( {
// TODO: Probably take some responsibility for interpreting a template model.
items: config.items
} );
var layout = new OO.ui.Layout( {
// TODO: template title and icon
items: [ parameters ]
} );
layout.$element
.append( parameters.$element );
this.$element
.append( layout.$element )
.addClass( 've-ui-mwTemplateDialogOutlineTemplate' );
};
/* Inheritance */
OO.inheritClass( ve.ui.MWTemplateOutlineTemplateWidget, OO.ui.Widget );