diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/list_networks.html | 30 | ||||
| -rw-r--r-- | templates/show_channel.html | 35 | ||||
| -rw-r--r-- | templates/show_network.html | 31 |
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> |