| <!DOCTYPE html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <meta name="theme-color" content="#526E9C"> |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <meta name="google-site-verification" content="8METcDCJZ2YmcoYxcim5VMK0KVEkIRq2PFLOycCtASA" /> |
| <link rel="icon" href="/res/img/fav.ico" sizes="16x16 32x32 64x64" type="image/vnd.microsoft.icon"> |
| <script src="/res/js/core.js"></script> |
| |
| <link href="/res/vul/elements.html" rel="import" /> |
| |
| <title>Skia Task Scheduler</title> |
| |
| </head> |
| <body> |
| <!--We must use is=custom-style here so the variables get piped through to the |
| app properly. Note that using custom-style inside <dom-module> can lead to |
| unintended consequences, such as CSS mixins not being visible. |
| https://www.polymer-project.org/1.0/docs/devguide/styling#custom-style --> |
| <style is="custom-style"> |
| :root { |
| --app-sk-toolbar: { |
| background-color: #1F78B4; |
| color: #FFFFFF; |
| font-size: 15px; |
| font-family: sans-serif; |
| text-align: center; |
| }; |
| --app-sk-main: { |
| background-color: #FFFFFF; |
| font-family: sans-serif; |
| }; |
| } |
| .fit { |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| } |
| #main { |
| padding-left: 16px; |
| overflow: scroll; |
| } |
| </style> |
| <app-sk id="app" class="fit"> |
| <h1 toolbar>Skia Task Scheduler</h1> |
| <div navigation> |
| <menu-item-sk label="Home" url="/" icon="icons:home"></menu-item-sk> |
| <menu-item-sk label="Trigger Tasks" url="/trigger" icon="icons:send"></menu-item-sk> |
| <menu-item-sk label="Skip Tasks" url="/skip_tasks" icon="icons:block"></menu-item-sk> |
| <menu-item-sk label="Search Jobs" url="/jobs/search" icon="icons:search"></menu-item-sk> |
| </div> |
| <div class="fit" id="main"> |
