Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/localapp/admin/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
<?php session_start(); $se = $_SESSION["id"]; if (!isset($_SESSION['id'])) { header("Location: login.php"); } include("inc/config.php");; ?> <!DOCTYPE html> <html lang="en"> <?php require "inc/head.php"; ?> <body> <!-- header--> <?php require "inc/header.php"; ?> <!-- End Main-content Top bar--> <!-- main-content--> <div class="wrapper"> <?php require "inc/sidebar.php"; ?> <div id="content"> <div class="row mb-4"> <div class="col-12 col-sm-12"> <div class="row"> <div class="col-12 col-md-12 mb-4"> <div class="card redial-border-light redial-shadow"> <div class="card-body" style="overflow: visible;"> <h6 class="header-title pl-3 redial-relative">Task</h6> <form action="add_task.php" method="post" enctype="multipart/form-data"> <div class="row"> <input type="hidden" name="status" value="Active" class="form-control"> <div class="col-12 col-sm-2 text-sm-right align-self-center"> <label class="redial-font-weight-600 mb-3">Project Name</label> </div> <div class="col-12 col-sm-10"> <div class="row"> <div class="col-12 col-sm-4"> <div class="form-group"> <select name="project_name" class="fancy-select form-control"> <?php $query = "SELECT * FROM projects"; $query_run =mysqli_query($conn, $query); if(mysqli_num_rows($query_run) > 0){ foreach($query_run as $row){ ?> <option value="" disabled selected>Select Project</option> <option value="<?php echo $row['id'] ?>"><?php echo $row['project_name'] ?></option> <?php }} ?> </select> </div> </div> <div class="col-12 col-sm-8"> <input type="text" name="task_name" class="form-control" placeholder="Task Name"> </div> </div> </div> <div class="col-12 col-sm-2 text-sm-right align-self-center"> <label class="redial-font-weight-600 mb-3">Start Date & Time</label> </div> <div class="col-12 col-sm-10"> <div class="row"> <div class="col-12 col-sm-12 mb-4"> <input type="datetime-local" id="start_datetime" name="start_datetime" class="form-control" placeholder="Start Date & Time"> </div> <!-- <div class="col-12 col-sm-8 "> --> <!-- <div class="form-group"> --> <input type="hidden" id="end_datetime" name="end_datetime" class="form-control" > <input type="hidden" id="total_time" name="total_time" class="form-control" readonly /> <!-- </div> </div> --> </div> </div> <div class="col-12 col-sm-2 text-sm-right align-self-center"> <label class="redial-font-weight-600 mb-3">Employee Details</label> </div> <div class="col-12 col-sm-10"> <?php $query = "SELECT * FROM employees"; $query_run = mysqli_query($conn, $query); if (mysqli_num_rows($query_run) > 0) { ?> <div class="row"> <div class="col-12 col-sm-4"> <div class="form-group"> <select name="emp_name" class="fancy-select form-control"> <option value="" disabled selected>Select Employee</option> <?php foreach ($query_run as $row) { $full_name = $row['femp_name'] . ' ' . $row['lemp_name']; echo '<option value="' . $full_name . '">' . $full_name . '</option>'; } ?> </select> </div> </div> <div class="col-12 col-sm-2 text-sm-right align-self-center"> <label class="redial-font-weight-600 mb-3">Hour Rate</label> </div> <div class="col-12 col-sm-6"> <div class="form-group"> <input type="text" name="erh" class="form-control" value="<?php echo $row['erh'] ?>" readonly> <input type="hidden" name="pro_id" value="<?php echo $row['id'] ?>" readonly /> </div> </div> </div> <?php } ?> </div> <input type="hidden" class="form-control" name="total_amt" /> <div class='btn-group mb-2' style="margin-left: 39%;"> <button type="submit" name="add_task" class="btn btn-outline-success">Add Task</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- End main-content--> <!-- Top To Bottom--> <a href="#" class="scrollup text-center redial-bg-primary redial-rounded-circle-50"> <h4 class="text-white mb-0"><i class="icofont icofont-long-arrow-up"></i></h4> </a> <!-- End Top To Bottom--> <script> document.addEventListener('DOMContentLoaded', function () { const startDateTimeInput = document.getElementById('start_datetime'); const endDateTimeInput = document.getElementById('end_datetime'); const totalTimeInput = document.getElementById('total_time'); function calculateTotalTime() { const startDateTime = startDateTimeInput.value; const endDateTime = endDateTimeInput.value; if (startDateTime && endDateTime) { const start = new Date(startDateTime); const end = new Date(endDateTime); if (end > start) { const diffMs = end - start; // Difference in milliseconds const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24)); const diffHrs = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const diffMins = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); totalTimeInput.value = `${diffDays}d ${diffHrs}h ${diffMins}m`; } else { alert('End date and time must be after start date and time'); totalTimeInput.value = ''; } } } endDateTimeInput.addEventListener('change', calculateTotalTime); }); </script> <!-- jQuery --> <script src="dist/js/plugins.min.js"></script> <script src="dist/js/common.js"></script> </body> </html>