]> scripts.mit.edu Git - autoinstallsdev/mediawiki.git/blobdiff - vendor/oojs/oojs-ui/demos/index.html
MediaWiki 1.30.2
[autoinstallsdev/mediawiki.git] / vendor / oojs / oojs-ui / demos / index.html
diff --git a/vendor/oojs/oojs-ui/demos/index.html b/vendor/oojs/oojs-ui/demos/index.html
new file mode 100644 (file)
index 0000000..aa05516
--- /dev/null
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+       <meta charset="UTF-8">
+       <title>OOjs UI 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>
+       <script src="dist/oojs-ui.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/CapsuleNumberPopupMultiselectWidget.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;
+
+                       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>