Pārlūkot izejas kodu

improve index template

- load css for font-awesome
- add form data for adding rows
Maximilian Ronniger 10 gadi atpakaļ
vecāks
revīzija
4925d11908
1 mainītis faili ar 37 papildinājumiem un 5 dzēšanām
  1. 37 5
      src/templates/index.html

+ 37 - 5
src/templates/index.html

@@ -3,6 +3,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>DP Tape DB - digilst - GUI</title>
     <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/bootstrap.css')}}">
+	<link rel="stylesheet" type="text/css" href="{{url_for('static', filename='font-awesome-4.1.0/css/font-awesome.css')}}">
 
     <script type="text/javascript" src="{{ url_for('static', filename='js/editablegrid.js') }}"></script>
 	<script type="text/javascript" src="{{ url_for('static', filename='js/jquery-1.11.1.min.js') }}" ></script>
@@ -80,11 +81,6 @@
 <body>
     <div align="center">
         <h1>DP Tape DB - digilst</h1>
-        <div id="menu">
-        <a href="{{url_for('insert')}}"><h4>Insert row</h4></a>
-        <a href="{{url_for('update')}}"><h4>Update field</h4></a>
-        <a href="{{url_for('delete')}}"><h4>Delete row</h4></a>
-        </div>
     </div>
 	<!-- Feedback message zone -->
 	<div id="message"></div>
@@ -93,6 +89,42 @@
 	  <input type="text" id="filter" name="filter" placeholder="Filter :type any text here"  />
 	  <a id="showaddformbutton" class="button green"><i class="fa fa-plus"></i> Add new row</a>
 	</div>
+	
+	 <!-- simple form, used to add a new row -->
+        <div id="addform" style="display:none">
+
+            <input type="text" name="date" id="date" placeholder="Date" />
+            <input type="text" name="date2" id="date2" placeholder="Date2" />
+            <input type="text" name="titel" id="titel" placeholder="Titel" />
+            <input type="text" name="languages" id="languages" placeholder="Language" />
+            <input type="text" name="country" id="country" placeholder="Country" />
+            <input type="text" name="city" id="city" placeholder="City" />
+            <input type="text" name="place" id="place" placeholder="Place" />
+            <input type="text" name="category" id="category" placeholder="Category" />
+            <input type="text" name="duration" id="duration" placeholder="Duration" />
+            <input type="text" name="location" id="location" placeholder="Location" />
+            <input type="text" name="format" id="format" placeholder="Format" />
+            <input type="text" name="note" id="note" placeholder="Note" />
+            <input type="text" name="status" id="status" placeholder="Status" /><br>
+
+
+            <!--
+            <div class="row">
+                <input type="text" id="name" name="name" placeholder="name" />
+            </div>
+
+             <div class="row">
+                <input type="text" id="firstname" name="firstname" placeholder="firstname" />
+            </div>
+			-->
+            <div class="row tright">
+              <a id="addbutton" class="button green" ><i class="fa fa-save"></i> Insert</a>
+              <a id="cancelbutton" class="button delete">Cancel</a>
+            </div>
+        </div>
+	
+	<!-- Paginator control -->
+	<div id="paginator"></div>
 	<!-- Grid contents -->
 	<div id="tablecontent"></div>