diff options
| author | Robin ALEXANDER <colisee@hotmail.com> | 2022-02-06 09:12:58 +0100 |
|---|---|---|
| committer | Robin ALEXANDER <colisee@hotmail.com> | 2022-02-06 09:12:58 +0100 |
| commit | a9aadb35bdc03875b0f90e18fd2190aa19f8f58f (patch) | |
| tree | 43f0210cc0649565828fe207ae00f8246527e351 /gui | |
| parent | b6376fb8f1379bebd3241f29e356eb0076adfcbd (diff) | |
| download | dabmux-a9aadb35bdc03875b0f90e18fd2190aa19f8f58f.tar.gz dabmux-a9aadb35bdc03875b0f90e18fd2190aa19f8f58f.tar.bz2 dabmux-a9aadb35bdc03875b0f90e18fd2190aa19f8f58f.zip | |
Extend W3.CSS and Jinja2 to secondary templates
Diffstat (limited to 'gui')
| -rw-r--r-- | gui/views/configeditor.tpl | 35 | ||||
| -rw-r--r-- | gui/views/services.tpl | 54 | ||||
| -rw-r--r-- | gui/views/stats.tpl | 23 |
3 files changed, 59 insertions, 53 deletions
diff --git a/gui/views/configeditor.tpl b/gui/views/configeditor.tpl index 114dcdb..ff7094d 100644 --- a/gui/views/configeditor.tpl +++ b/gui/views/configeditor.tpl @@ -1,29 +1,30 @@ <!DOCTYPE html> -<html><head> +<html> + <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ODR-DabMux Configuration Editor</title> - <link rel="stylesheet" href="static/style.css" type="text/css" media="screen" charset="utf-8"/> + <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script type="text/javascript" src="static/jquery-1.10.2.min.js"></script> -</head> -<body> - <h1>Configuration for {{version}}</h1> + </head> +<body class="w3-container"> + <h1>Configuration for {{version}}</h1> - <p><a href="/config">Reload</a></p> + <p><a href="/config">Reload</a></p> - % if message: + {% if message %} <p>{{message}}</p> - % end + {% endif %} - <form action="/config" method="post"> - <p> - <textarea name="config" cols="60" rows="50">{{config}}</textarea> - </p> + <form action="/config" method="post"> + <p> + <textarea name="config" cols="60" rows="50">{{config}}</textarea> + </p> - <p> + <p> <input type="submit" value="Update ODR-DabMux configuration"></input> - </p> + </p> </form> -</body> -</html> - + </body> +</html>
\ No newline at end of file diff --git a/gui/views/services.tpl b/gui/views/services.tpl index 7af383f..42438a8 100644 --- a/gui/views/services.tpl +++ b/gui/views/services.tpl @@ -1,27 +1,31 @@ <!DOCTYPE html> -<html><head> -<title>ODR-DabMux Services</title> -<link rel="stylesheet" href="static/style.css" /> -</head> -<body> +<html> + <head> + <title>ODR-DabMux Services</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> + </head> + <body class="w3-container"> <h1>Services for {{version}}</h1> - <table> - <tr> - <th>name</th> - <th>id</th> - <th>label</th> - <th>pty</th> - <th>language</th> - </tr> - % for s in services: - <tr><td>{{s.name}}</td> - <td>{{s.id}}</td> - <td>{{s.label}} ({{s.shortlabel}})</td> - <td>{{s.pty}}</td> - <td>{{s.language}}</td> - </tr> - % end - </ul> -</body> -</html> - + <table class="w3-table w3-striped w3-bordered"> + <tr class="w3-blue-grey"> + <th>Service</th> + <th>Id</th> + <th>Label</th> + <th>Short label</th> + <th>Program type</th> + <th>Language</th> + </tr> + {% for s in services %} + <tr> + <td>{{s.name}}</td> + <td>{{s.id}}</td> + <td>{{s.label}}</td> + <td>{{s.shortlabel}}</td> + <td>{{s.pty}}</td> + <td>{{s.language}}</td> + </tr> + {% endfor %} + </table> + </body> +</html>
\ No newline at end of file diff --git a/gui/views/stats.tpl b/gui/views/stats.tpl index a582d5f..4bb089f 100644 --- a/gui/views/stats.tpl +++ b/gui/views/stats.tpl @@ -1,20 +1,21 @@ <!DOCTYPE html> -<html><head> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> +<html> + <head> <title>ODR-DabMux Statistics</title> - <link rel="stylesheet" href="static/style.css" type="text/css" media="screen" charset="utf-8"/> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <script type="text/javascript" src="static/jquery-1.10.2.min.js"></script> -</head> -<body> + <script type="text/javascript" src="static/stats.js"></script> + </head> + <body class="w3-container"> <h1>Subchannel stats for {{version}}</h1> <a id="update">Update</a> <div id="subchannels"> - <p>Subchannels</p> - <div id="statdata"></div> + <p>Subchannels</p> + <div id="statdata"></div> </div> - <script type="text/javascript" src="static/stats.js"></script> -</body> -</html> - + </body> +</html>
\ No newline at end of file |