EICrecon/docs/index.html

0001 <!DOCTYPE html>
0002 <html lang="en">
0003 <head>
0004   <meta charset="UTF-8">
0005   <title>Document</title>
0006   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
0007   <meta name="description" content="Description">
0008   <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
0009   <link rel="icon" href="favicon.ico" type="image/x-icon">
0010   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.css">
0011   <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">
0012   <link rel="stylesheet" href="table_flags/flags_style.css">
0013   <script src="//cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
0014   <!-- Production -->
0015   <link
0016           rel="stylesheet"
0017           href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css"
0018           title="vue"
0019           rel="stylesheet" href="table_flags/flags_style.css"
0020   />
0021
0022 </head>
0023 <body>
0024   <div id="app"></div>
0025   <script>
0026     function filterTableRowsByInput(inputId, tableClass) {
0027       const input = document.getElementById(inputId);
0028       const filter = input.value;
0029       const tables = document.getElementsByClassName(tableClass);
0030
0031       // We may have multiple tables, iterate through them
0032       for(let table_idx=0; table_idx < tables.length; table_idx++){
0033         const table = tables[table_idx];
0034         const tableRows = table.getElementsByTagName("tr");
0035         const tableHeaders = table.getElementsByTagName("th");
0036
0037         // Iterate rows
0038         for (let row_idx=1; row_idx < tableRows.length; row_idx++) {
0039           const row = tableRows[row_idx];
0040           row.style.display = "none";
0041
0042           // Check column values to decide to switch rows
0043           for(let col_idx=0; col_idx < tableHeaders.length; col_idx++){
0044             const td = row.getElementsByTagName("td")[col_idx];
0045             if (td) {
0046               if (td.innerHTML.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
0047                 row.style.display = "";
0048                 break;
0049               }
0050             }
0051           }
0052         }
0053       }
0054     }
0055
0056     let num = 0;
0057     mermaid.initialize({ startOnLoad: false });
0058
0059     window.$docsify = {
0060       loadSidebar: true,
0061       subMaxLevel: 2,
0062       name: 'EICrecon',
0063       repo: 'https://github.com/eic/EICrecon',
0064       noEmoji: true,
0065       executeScript: true,
0066       markdown: {
0067         renderer: {
0068           code: function(code, lang) {
0069             if (lang === "mermaid") {
0070               return (
0071                 '<div class="mermaid">' + mermaid.render('mermaid-svg-' + num++, code) + "</div>"
0072               );
0073             }
0074             return this.origin.code.apply(this, arguments);
0075           }
0076         }
0077       },
0078       vueComponents: {
0079         'button-counter': {
0080           template:
0081                   '<button @click="count += 1">You clicked me {{ count }} times</button>',
0082           data: function () {
0083             return {
0084               count: 0,
0085             };
0086           },
0087         },
0088       },
0089       vueGlobalOptions: {
0090         data: function () {
0091           return {
0092             count: 0,
0093             message: 'Hello, World!',
0094             // Fake API response
0095             images: [
0096               {title: 'Image 1', url: 'https://picsum.photos/150?random=1'},
0097               {title: 'Image 2', url: 'https://picsum.photos/150?random=2'},
0098               {title: 'Image 3', url: 'https://picsum.photos/150?random=3'},
0099             ],
0100           };
0101         },
0102         computed: {
0103           timeOfDay: function () {
0104             const date = new Date();
0105             const hours = date.getHours();
0106
0107             if (hours < 12) {
0108               return 'morning';
0109             } else if (hours < 18) {
0110               return 'afternoon';
0111             } else {
0112               return 'evening';
0113             }
0114           },
0115         }
0116       }
0117     }
0118   </script>
0119   <!-- Docsify v4 -->
0120   <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>
0121
0122   <!-- should be below docsify script -->
0123   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
0124   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-c.min.js"></script>
0125   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cpp.min.js"></script>
0126   <script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-cmake.min.js"></script>
0127   <script src="//cdn.jsdelivr.net/npm/vue@2/dist/vue.min.js"></script>
0128 </body>
0129 </html>