summaryrefslogtreecommitdiffstats
path: root/templates
diff options
context:
space:
mode:
Diffstat (limited to 'templates')
-rw-r--r--templates/list_networks.html30
-rw-r--r--templates/show_channel.html35
-rw-r--r--templates/show_network.html31
3 files changed, 96 insertions, 0 deletions
diff --git a/templates/list_networks.html b/templates/list_networks.html
new file mode 100644
index 0000000..aed9ee9
--- /dev/null
+++ b/templates/list_networks.html
@@ -0,0 +1,30 @@
+<html>
+<head>
+ <style>
+.tree, .tree ul{ font: normal normal 14px/20px Helvetica, Arial, sans-serif; list-style-type: none; margin-left: 0 0 0 10px; padding: 0; position: relative; overflow:hidden;}
+.tree li{ margin: 0; padding: 0 12px; position: relative; }
+.tree li::before, .tree li::after{ content: ''; position: absolute; left: 0; }
+/* horizontal line on inner list items */
+.tree li::before{ border-top: 1px solid #999; top: 10px; width: 10px; height: 0; }
+/* vertical line on list items */
+.tree li:after{ border-left: 1px solid #999; height: 100%; width: 0px; top: -10px; }
+/* lower line on list items from the first level because they don't have parents */
+.tree > li::after{ top: 10px; }
+/* hide line from the last of the first level list items */
+.tree > li:last-child::after{ display: none; }
+.tree ul:last-child li:last-child:after{ height:20px; }
+</style>
+</head>
+<body>
+ <ul class="tree">
+ {% for network in networks %}
+ <li><a href="{{ network.url }}">{{ network.name }}</a>
+ <ul>
+ {% for channel in network.channels %}
+ <li><a href="{{ channel.url }}">{{ channel.name }}</a></li>
+ {% endfor %}
+ </ul>
+ </li>
+ {% endfor %}
+ </ul>
+</body>
diff --git a/templates/show_channel.html b/templates/show_channel.html
new file mode 100644
index 0000000..a292c7e
--- /dev/null
+++ b/templates/show_channel.html
@@ -0,0 +1,35 @@
+<html>
+<head>
+ <style>
+.tree, .tree ul{ font: normal normal 14px/20px Helvetica, Arial, sans-serif; list-style-type: none; margin-left: 0 0 0 10px; padding: 0; position: relative; overflow:hidden;}
+.tree li{ margin: 0; padding: 0 12px; position: relative; }
+.tree li::before, .tree li::after{ content: ''; position: absolute; left: 0; }
+/* horizontal line on inner list items */
+.tree li::before{ border-top: 1px solid #999; top: 10px; width: 10px; height: 0; }
+/* vertical line on list items */
+.tree li:after{ border-left: 1px solid #999; height: 100%; width: 0px; top: -10px; }
+/* lower line on list items from the first level because they don't have parents */
+.tree > li::after{ top: 10px; }
+/* hide line from the last of the first level list items */
+.tree > li:last-child::after{ display: none; }
+.tree ul:last-child li:last-child:after{ height:20px; }
+ </style>
+</head>
+<body>
+ <ul class="tree">
+ <li><a href="{{ url }}">Networks</a>
+ <ul>
+ <li><a href="{{ network.url }}">{{ network.name }}</a>
+ <ul>
+ <li><a href="{{ channel.url }}">{{ channel.name }}</a>
+ <ul>
+ {% for log in channel.logs %}
+ <li><a href="{{ log.url }}">{{ log.name }}</a></li>
+ {% endfor %}
+ </ul>
+ </li>
+ </ul>
+ </li>
+ </ul>
+ </ul>
+</body>
diff --git a/templates/show_network.html b/templates/show_network.html
new file mode 100644
index 0000000..b77533c
--- /dev/null
+++ b/templates/show_network.html
@@ -0,0 +1,31 @@
+<html>
+<head>
+ <style>
+.tree, .tree ul{ font: normal normal 14px/20px Helvetica, Arial, sans-serif; list-style-type: none; margin-left: 0 0 0 10px; padding: 0; position: relative; overflow:hidden;}
+.tree li{ margin: 0; padding: 0 12px; position: relative; }
+.tree li::before, .tree li::after{ content: ''; position: absolute; left: 0; }
+/* horizontal line on inner list items */
+.tree li::before{ border-top: 1px solid #999; top: 10px; width: 10px; height: 0; }
+/* vertical line on list items */
+.tree li:after{ border-left: 1px solid #999; height: 100%; width: 0px; top: -10px; }
+/* lower line on list items from the first level because they don't have parents */
+.tree > li::after{ top: 10px; }
+/* hide line from the last of the first level list items */
+.tree > li:last-child::after{ display: none; }
+.tree ul:last-child li:last-child:after{ height:20px; }
+ </style>
+</head>
+<body>
+ <ul class="tree">
+ <li><a href="{{ url }}">Networks</a>
+ <ul>
+ <li><a href="{{ network.url }}">{{ network.name }}</a>
+ <ul>
+ {% for channel in network.channels %}
+ <li><a href="{{ channel.url }}">{{ channel.name }}</a></li>
+ {% endfor %}
+ </ul>
+ </li>
+ </ul>
+ </ul>
+</body>