mved to mp3tohtml dir

[mp3tohtml.git] / mp3tohtml / header.tpl
diff --git a/mp3tohtml/header.tpl b/mp3tohtml/header.tpl

new file mode 100644 (file)

index 0000000..e5c636b
--- /dev/null
+++ b/mp3tohtml/header.tpl
@@ -0,0 +1,46 @@
+<html>
+        <head>
+                <title>All songs</title>
+
+                <link rel="stylesheet"
+                      type="text/css"
+                      href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.min.css"/>
+
+                <script type="text/javascript"
+                        language="javascript"
+                        src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js">
+                </script>
+
+                <script type="text/javascript"
+                        language="javascript"
+                        src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js">
+                </script>
+
+                <link rel="stylesheet"
+                      type="text/css"
+                      href="style.css"/>
+
+                <script>$(document).ready(function() { $('#songs').DataTable(); } );</script>
+        </head>
+
+        <body>
+                <nav>
+                        <ul>
+                                <li><a href="index.html">Proxy Radio</a></li>
+                                <li><a href="last_songs.html">Played songs</a></li>
+                                <li class="selected">All songs</li>
+                        </ul>
+                </nav>
+
+                <section>
+                        <table id="songs" class="display compact" width="100%">
+                                <thead>
+                                        <tr>
+                                                <th>Artist</th>
+                                                <th>Album</th>
+                                                <th>Title</th>
+                                                <th>Soure</th>
+                                                <th>Curator</th>
+                                                <th>Copyright</th>
+                                                <th>Comments</th>
+                                        </tr></thead>