%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>OOUI Demos</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="classes/ButtonStyleShowcaseWidget.css">
<link rel="stylesheet" href="classes/SimpleWidget.css">
<link rel="stylesheet" href="classes/FloatableTest.css">
<link rel="stylesheet" href="classes/PositionSelectWidget.css">
<link rel="stylesheet" href="node_modules/prismjs/themes/prism.css">
</head>
<body>
<script src="node_modules/jquery/dist/jquery.js"></script>
<script src="node_modules/oojs/dist/oojs.jquery.js"></script>
<script src="node_modules/prismjs/prism.js"></script>
<script src="node_modules/prismjs/plugins/autolinker/prism-autolinker.js"></script>
<script src="node_modules/javascript-stringify/javascript-stringify.js"></script>
<!-- Add the individual oojs-ui files for proper sourcemap support -->
<script src="dist/oojs-ui-core.js"></script>
<script src="dist/oojs-ui-toolbars.js"></script>
<script src="dist/oojs-ui-widgets.js"></script>
<script src="dist/oojs-ui-windows.js"></script>
<script src="dist/oojs-ui-wikimediaui.js"></script> <!-- Do not change this line or you'll break `grunt add-theme` -->
<script src="dist/oojs-ui-apex.js"></script>
<script src="demo.js"></script>
<script src="classes/ButtonStyleShowcaseWidget.js"></script>
<script src="classes/TagNumberPopupMultiselectWidget.js"></script>
<script src="classes/SimpleWidget.js"></script>
<script src="classes/DraggableGroupWidget.js"></script>
<script src="classes/DraggableItemWidget.js"></script>
<script src="classes/DraggableHandledItemWidget.js"></script>
<script src="classes/DynamicLabelTextInputWidget.js"></script>
<script src="classes/NumberLookupTextInputWidget.js"></script>
<script src="classes/UnsupportedSelectFileWidget.js"></script>
<script src="classes/BookletDialog.js"></script>
<script src="classes/BrokenDialog.js"></script>
<script src="classes/ContinuousOutlinedBookletDialog.js"></script>
<script src="classes/DialogWithDropdowns.js"></script>
<script src="classes/DialogWithPopupAndDropdown.js"></script>
<script src="classes/FloatableTest.js"></script>
<script src="classes/FloatableWidget.js"></script>
<script src="classes/IndexedDialog.js"></script>
<script src="classes/LongProcessDialog.js"></script>
<script src="classes/MenuDialog.js"></script>
<script src="classes/OutlinedBookletDialog.js"></script>
<script src="classes/PopupButtonWidgetTest.js"></script>
<script src="classes/PositionSelectWidget.js"></script>
<script src="classes/ProcessDialog.js"></script>
<script src="classes/SampleTabPanel.js"></script>
<script src="classes/SamplePage.js"></script>
<script src="classes/SearchWidgetDialog.js"></script>
<script src="classes/SimpleDialog.js"></script>
<script src="classes/DelayedReadyProcessDialog.js"></script>
<script src="classes/FailedReadyProcessDialog.js"></script>
<script src="classes/FailedSetupProcessDialog.js"></script>
<script src="pages/dialogs.js"></script>
<script src="pages/icons.js"></script>
<script src="pages/widgets.js"></script>
<script src="pages/toolbars.js"></script>
<script>
$( function () {
var demo, lastQuery = location.search;
OO.ui.isDemo = true;
function setup() {
var
prevPage = demo ? demo.mode.page : null,
scrollPos = $( window ).scrollTop();
if ( demo ) {
if ( lastQuery === location.search ) {
return false;
}
demo.destroy();
}
lastQuery = location.search;
demo = new Demo();
$( 'body' ).append( demo.$element );
demo.initialize().done( function () {
if ( prevPage === demo.mode.page && scrollPos ) {
// Restore scroll position from before we destroyed the demo
$( window ).scrollTop( scrollPos );
} else {
Demo.static.scrollToFragment();
}
} );
}
setup();
$( window ).on( 'popstate', setup );
$( window ).on( 'hashchange', Demo.static.scrollToFragment );
} )
</script>
</body>
</html>
Zerion Mini Shell 1.0