Fix date selection UI. Closes #24

Author: ngsankha

admin/index.php

@@ -6,15 +6,15 @@
  *
  * Codjudge admin panel
  */
-	require_once('../functions.php');
-	if(!loggedin())
-		header("Location: login.php");
-	else if($_SESSION['username'] !== 'admin')
-		header("Location: login.php");
-	else
-		include('header.php');
-		connectdb();
-	date_default_timezone_set('UTC');
+    require_once('../functions.php');
+    if(!loggedin())
+        header("Location: login.php");
+    else if($_SESSION['username'] !== 'admin')
+        header("Location: login.php");
+    else
+        include('header.php');
+        connectdb();
+    date_default_timezone_set('UTC');
 ?>
               <li class="active"><a href="#">Admin Panel</a></li>
               <li><a href="users.php">Users</a></li>
@@ -44,14 +44,27 @@
         <div>
           <form method="post" action="update.php">
           <?php
-          	$query = "SELECT name, start, end, c, cpp, java, python FROM prefs";
-          	$result = mysql_query($query);
-          	$fields = mysql_fetch_array($result);
+            $query = "SELECT name, start, end, c, cpp, java, python FROM prefs";
+            $result = mysql_query($query);
+            $fields = mysql_fetch_array($result);
           ?>
           <input type="hidden" name="action" value="settings"/>
-          Name of event: <input name="name" type="text" value="<?php echo($fields['name']);?>"/><br/>
-          Start Time in UTC (dd/mm/yy hh:mm:ss): <input name="start" type="text" value="<?php echo(date('d/m/y H:i:s',$fields['start']));?>"/><br/>
-          End Time in UTC (dd/mm/yy hh:mm:ss): <input name="end" type="text" value="<?php echo(date('d/m/y H:i:s',$fields['end']));?>"/><br/>
+          <input name="name" type="text" placeholder="Name of event" value="<?php echo($fields['name']);?>"/><br/>
+            <div id="datetimepicker1" class="input-append date">
+              <input data-format="dd/MM/yyyy hh:mm:ss" type="text" placeholder="Start Time"></input>
+              <span class="add-on">
+                <i data-time-icon="icon-time" data-date-icon="icon-calendar">
+                </i>
+              </span>
+            </div>
+            <div id="datetimepicker2" class="input-append date">
+              <input data-format="dd/MM/yyyy hh:mm:ss" type="text" placeholder="End Time"></input>
+              <span class="add-on">
+                <i data-time-icon="icon-time" data-date-icon="icon-calendar">
+                </i>
+              </span>
+            </div>
+          <br/>
           <h1><small>Languages</small></h1>
           <input name="c" type="checkbox" <?php if($fields['c']==1) echo("checked=\"true\"");?>/> C<br/>
           <input name="cpp" type="checkbox" <?php if($fields['cpp']==1) echo("checked=\"true\"");?>/> C++<br/>
@@ -74,9 +87,9 @@
           <input type="hidden" name="action" value="email"/>
           <h1><small>Change Email</small></h1>
           <?php
-          	$query = "SELECT email FROM users WHERE username='admin'";
-          	$result = mysql_query($query);
-          	$fields = mysql_fetch_array($result);
+            $query = "SELECT email FROM users WHERE username='admin'";
+            $result = mysql_query($query);
+            $fields = mysql_fetch_array($result);
           ?>
           Email: <input type="email" name="email" value="<?php echo $fields['email'];?>"/><br/><br/>
           <input class="btn" type="submit" name="submit" value="Change Email"/>
@@ -86,5 +99,5 @@
     </div> <!-- /container -->
 
 <?php
-	include('footer.php');
+    include('footer.php');
 ?>