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                 // Emulate startup.js
  38                 var mwPerformance = { mark: function () {} };
  39
  40                 function startUp() {
  41                         mw.config = new mw.Map();
  42                 }
  43         </script>
  44         <script src="modules/lib/jquery/jquery.js"></script>
  45         <script src="modules/lib/phpjs-sha1/sha1.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/src/mediawiki/mediawiki.startUp.js"></script>
  49         <script src="modules/lib/oojs/oojs.jquery.js"></script>
  50         <script src="modules/lib/oojs-ui/oojs-ui.js"></script>
  51         <script src="modules/lib/oojs-ui/oojs-ui-mediawiki.js"></script>
  52         <style>
  53                 body {
  54                         font-size: 0.8em;
  55                         font-family: sans-serif;
  56                 }
  57
  58                 .mw-jsduck-log {
  59                         position: relative;
  60                         min-height: 3em;
  61                         margin-top: 2em;
  62                         background: #f7f7f7;
  63                         border: 1px solid #e4e4e4;
  64                 }
  65
  66                 .mw-jsduck-log::after {
  67                         position: absolute;
  68                         bottom: 100%;
  69                         right: -1px;
  70                         padding: 0.5em;
  71                         background: #fff;
  72                         border: 1px solid #e4e4e4;
  73                         border-bottom: 0;
  74                         border-radius: 0.5em 0.5em 0 0;
  75                         font: normal 0.5em sans-serif;
  76                         content: 'console';
  77                 }
  78
  79                 .mw-jsduck-log-line {
  80                         padding: 0.2em 0.5em;
  81                         white-space: pre-wrap;
  82                 }
  83
  84                 .mw-jsduck-log-line:nth-child(odd) {
  85                         background: #fff;
  86                 }
  87         </style>
  88         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-local.css">
  89         <link rel="stylesheet" href="modules/lib/oojs-ui/oojs-ui-mediawiki-noimages.css">
  90 </head>
  91 <body>
  92 <script>
  93         if ( window.mw ) {
  94                 mw.log = log;
  95         }
  96
  97         /**
  98          * Method called by jsduck to execute the example code.
  99          */
 100         function loadInlineExample( code, options, callback ) {
 101                 try {
 102                         eval( code );
 103                         callback && callback( true );
 104                 } catch ( e ) {
 105                         log( 'Uncaught ' + e );
 106                         callback && callback( false, e );
 107                         throw e;
 108                 }
 109         }
 110 </script>
 111 </body>
 112 </html>