maintenance/jsduck/eg-iframe.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta charset="utf-8">
   5         <title>MediaWiki Code Example</title>
   6         <script>
   7                 /**
   8                  * Basic log console for the example iframe in documentation pages.
   9                  */
  10                 var log = ( function () {
  11                         var pre;
  12                         return function () {
  13                                 var str, i, len, line;
  14                                 if ( !pre ) {
  15                                         pre = document.createElement( 'pre' );
  16                                         pre.className = 'mw-jsduck-log';
  17                                         ( document.body || document.documentElement ).appendChild( pre );
  18                                 }
  19                                 str = [];
  20                                 for ( i = 0, len = arguments.length; i < len; i++ ) {
  21                                         str.push( String( arguments[ i ] ) );
  22                                 }
  23                                 line = document.createElement( 'div' );
  24                                 line.className = 'mw-jsduck-log-line';
  25                                 line.appendChild(
  26                                                 document.createTextNode( str.join( ' , ' ) + '\n' )
  27                                 );
  28                                 pre.appendChild( line );
  29                         };
  30                 }() );
  31
  32                 window.onerror = function ( error, filePath, linerNr ) {
  33                         log( error + '\n' + filePath + ':' + linerNr  );
  34                 };
  35         </script>
  36         <script>
  37                 // Mock startup.js
  38                 var mwPerformance = { mark: function () {} },
  39                         mwNow = Date.now;
  40
  41                 function startUp() {
  42                         mw.config = new mw.Map();
  43                 }
  44         </script>
  45         <script src="modules/lib/jquery/jquery.js"></script>
  46         <script src="modules/src/mediawiki/mediawiki.js"></script>
  47         <script src="modules/src/mediawiki/mediawiki.errorLogger.js"></script>
  48         <script src="modules/lib/oojs/oojs.jquery.js"></script>
  49         <script src="modules/lib/oojs-ui/oojs-ui-core.js"></script>
  50         <script src="modules/lib/oojs-ui/oojs-ui-widgets.js"></script>
  51         <script src="modules/lib/oojs-ui/oojs-ui-toolbars.js"></script>
  52         <script src="modules/lib/oojs-ui/oojs-ui-windows.js"></script>
  53         <script src="modules/lib/oojs-ui/oojs-ui-wikimediaui.js"></script>
  54         <style>
  55                 body {
  56                         font-size: 0.8em;
  57                         font-family: sans-serif;
  58                 }
  59
  60                 .mw-jsduck-log {
  61                         position: relative;
  62                         min-height: 3em;
  63                         margin-top: 2em;
  64                         background: #f7f7f7;
  65                         border: 1px solid #e4e4e4;
  66                 }
  67
  68                 .mw-jsduck-log::after {
  69                         position: absolute;
  70                         bottom: 100%;
  71                         right: -1px;
  72                         padding: 0.5em;
  73                         background: #fff;
  74                         border: 1px solid #e4e4e4;
  75                         border-bottom: 0;
  76                         border-radius: 0.5em 0.5em 0 0;
  77                         font: normal 0.5em sans-serif;
  78                         content: 'console';
  79                 }
  80
  81                 .mw-jsduck-log-line {
  82                         padding: 0.2em 0.5em;
  83                         white-space: pre-wrap;
  84                 }
  85
  86                 .mw-jsduck-log-line:nth-child(odd) {
  87                         background: #fff;
  88                 }
  89         </style>
  90         <link rel="stylesheet" href="modules/src/oojs-ui-local.css">
  91         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-core-mediawiki.css">
  92         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-widgets-mediawiki.css">
  93         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-toolbars-mediawiki.css">
  94         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-windows-mediawiki.css">
  95 </head>
  96 <body>
  97 <script>
  98         if ( window.mw ) {
  99                 mw.log = log;
 100         }
 101
 102         /**
 103          * Method called by jsduck to execute the example code.
 104          */
 105         function loadInlineExample( code, options, callback ) {
 106                 try {
 107                         eval( code );
 108                         callback && callback( true );
 109                 } catch ( e ) {
 110                         log( 'Uncaught ' + e );
 111                         callback && callback( false, e );
 112                         throw e;
 113                 }
 114         }
 115 </script>
 116 </body>
 117 </html>