Fossil SCM
| 3eef0e2… | stephan | 1 | <!DOCTYPE html> |
| 3eef0e2… | stephan | 2 | <head><!-- |
| 3eef0e2… | stephan | 3 | This file is intended to be loaded from a fossil |
| 3eef0e2… | stephan | 4 | repository, either using: |
| 3eef0e2… | stephan | 5 | |
| 3eef0e2… | stephan | 6 | fossil ui --extpage test/link-tester.html |
| 3eef0e2… | stephan | 7 | |
| 3eef0e2… | stephan | 8 | or by adding test/link-tester.* to uv and then: |
| 3eef0e2… | stephan | 9 | |
| 3eef0e2… | stephan | 10 | fossil ui -page uv/link-tester.html |
| 3eef0e2… | stephan | 11 | --></head> |
| 3eef0e2… | stephan | 12 | <style> |
| 3eef0e2… | stephan | 13 | body { |
| 3eef0e2… | stephan | 14 | width: 100%; |
| 3eef0e2… | stephan | 15 | height: 100%; |
| 3eef0e2… | stephan | 16 | margin: 0; |
| 3eef0e2… | stephan | 17 | padding: 0; |
| 3eef0e2… | stephan | 18 | display: flex; |
| 3eef0e2… | stephan | 19 | flex-direction: column; |
| 3eef0e2… | stephan | 20 | } |
| 3eef0e2… | stephan | 21 | header { |
| aef937d… | stephan | 22 | margin: 0.5em 0 0 0; |
| aef937d… | stephan | 23 | padding: 0 1em 0 1em; |
| aef937d… | stephan | 24 | z-index: 1; |
| 3eef0e2… | stephan | 25 | } |
| 1acf766… | stephan | 26 | #controlWrapper { |
| 3eef0e2… | stephan | 27 | display: flex; |
| 9713297… | stephan | 28 | flex-direction: row; |
| 3eef0e2… | stephan | 29 | border-bottom: 2px dotted; |
| 1acf766… | stephan | 30 | padding-bottom: 0.5em; |
| 3eef0e2… | stephan | 31 | } |
| 9713297… | stephan | 32 | #controlWrapper > button { |
| 3eef0e2… | stephan | 33 | flex-grow: 1; |
| 3eef0e2… | stephan | 34 | margin: 0.5em; |
| 3eef0e2… | stephan | 35 | } |
| 1acf766… | stephan | 36 | #selectWrapper { |
| 1acf766… | stephan | 37 | display: flex; |
| 1acf766… | stephan | 38 | flex-direction: column; |
| 3eef0e2… | stephan | 39 | flex-grow: 8; |
| 1acf766… | stephan | 40 | } |
| 1acf766… | stephan | 41 | #selectPage { |
| 1acf766… | stephan | 42 | flex-grow: 1; |
| 3eef0e2… | stephan | 43 | margin: 1em; |
| 3eef0e2… | stephan | 44 | padding: 1em; |
| 1acf766… | stephan | 45 | } |
| 1acf766… | stephan | 46 | #currentUrl { |
| 1acf766… | stephan | 47 | font-family: monospace; |
| 1acf766… | stephan | 48 | text-align: center; |
| 3eef0e2… | stephan | 49 | } |
| 3eef0e2… | stephan | 50 | #iframe { |
| 3eef0e2… | stephan | 51 | flex-grow: 1; border: none; margin: 0; padding: 0; |
| 3eef0e2… | stephan | 52 | display: block; |
| 3eef0e2… | stephan | 53 | /* Absolute positioning is apparently the only way to get |
| 3eef0e2… | stephan | 54 | the iframe to stretch to fill the page, but we have to |
| 3eef0e2… | stephan | 55 | set its Y coordinate to something a bit below #controls. */ |
| 3eef0e2… | stephan | 56 | width: 100%; |
| 3eef0e2… | stephan | 57 | height: calc(100% - 5em); |
| 3eef0e2… | stephan | 58 | position: absolute; |
| 3eef0e2… | stephan | 59 | top: 4em; |
| 3eef0e2… | stephan | 60 | } |
| 3eef0e2… | stephan | 61 | </style> |
| 3eef0e2… | stephan | 62 | <body> |
| 3eef0e2… | stephan | 63 | <header> |
| 3eef0e2… | stephan | 64 | Fossil link test app. Select links from the list below to load |
| 91f92da… | stephan | 65 | them. Use the arrow keys to cycle through the list. The links are |
| 91f92da… | stephan | 66 | loaded within an iframe, so navigation within it will stay within |
| 91f92da… | stephan | 67 | that frame. |
| 3eef0e2… | stephan | 68 | </header> |
| 1acf766… | stephan | 69 | <header id='controlWrapper'> |
| 9713297… | stephan | 70 | <button id='btn-prev'>←</button> |
| 9713297… | stephan | 71 | <div id='selectWrapper'> |
| 9713297… | stephan | 72 | <select id='selectPage'> |
| 9713297… | stephan | 73 | <option>/timeline</option> |
| 9713297… | stephan | 74 | <option>/dir</option> |
| 9713297… | stephan | 75 | </select> |
| 9713297… | stephan | 76 | <a target='_blank' id='currentUrl'></a> |
| 9713297… | stephan | 77 | </div> |
| 9713297… | stephan | 78 | <button id='btn-next'>→</button> |
| 1acf766… | stephan | 79 | </header> |
| 3eef0e2… | stephan | 80 | <iframe id='iframe'><!--populated via the UI--></iframe> |
| 3eef0e2… | stephan | 81 | <script src='link-tester.js'></script> |
| 3eef0e2… | stephan | 82 | <body> |