|
|
@ -1,17 +1,18 @@ |
|
|
<!DOCTYPE html> |
|
|
<!DOCTYPE html> |
|
|
<html lang="en" dir=""> |
|
|
<html lang="en" dir=""> |
|
|
<html xmlns:th="http://www.thymeleaf.org"> |
|
|
<html xmlns:th="http://www.thymeleaf.org"> |
|
|
|
|
|
|
|
|
<head th:replace="~{fragments/modules/base/head :: head}"></head> |
|
|
<head th:replace="~{fragments/modules/base/head :: head}"></head> |
|
|
|
|
|
|
|
|
<body> |
|
|
<body> |
|
|
<link rel="stylesheet" type="text/css" |
|
|
|
|
|
href="node_modules/jquery.datetimepicker/jquery.datetimepicker.css"> |
|
|
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="node_modules/jquery.datetimepicker/jquery.datetimepicker.css"> |
|
|
|
|
|
|
|
|
<!--[if lt IE 8]> |
|
|
|
|
|
|
|
|
<!--[if lt IE 8]> |
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade |
|
|
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade |
|
|
your browser</a> to improve your experience.</p> |
|
|
your browser</a> to improve your experience.</p> |
|
|
<![endif]--> |
|
|
<![endif]--> |
|
|
|
|
|
|
|
|
<div class="wrapper"> |
|
|
|
|
|
|
|
|
<div class="wrapper"> |
|
|
<!-- header top menu Start --> |
|
|
<!-- header top menu Start --> |
|
|
<header th:replace="~{fragments/modules/base/header :: header}"></header> |
|
|
<header th:replace="~{fragments/modules/base/header :: header}"></header> |
|
|
<!-- header top menu end --> |
|
|
<!-- header top menu end --> |
|
|
@ -36,8 +37,7 @@ |
|
|
<div class="col-lg-4"> |
|
|
<div class="col-lg-4"> |
|
|
<nav class="breadcrumb-container" aria-label="breadcrumb"> |
|
|
<nav class="breadcrumb-container" aria-label="breadcrumb"> |
|
|
<ol class="breadcrumb"> |
|
|
<ol class="breadcrumb"> |
|
|
<li class="breadcrumb-item"><a href="index"><i |
|
|
|
|
|
class="ik ik-home"></i></a></li> |
|
|
|
|
|
|
|
|
<li class="breadcrumb-item"><a href="index"><i class="ik ik-home"></i></a></li> |
|
|
<li class="breadcrumb-item" aria-current="page">Works |
|
|
<li class="breadcrumb-item" aria-current="page">Works |
|
|
Module |
|
|
Module |
|
|
</li> |
|
|
</li> |
|
|
@ -56,8 +56,7 @@ |
|
|
<div class="col-md-12"> |
|
|
<div class="col-md-12"> |
|
|
<div class="card"> |
|
|
<div class="card"> |
|
|
<form class="non-erp-form" id="non-erp-form" method="post" |
|
|
<form class="non-erp-form" id="non-erp-form" method="post" |
|
|
onsubmit="return savenonERPform();" |
|
|
|
|
|
enctype="multipart/form-data"> |
|
|
|
|
|
|
|
|
onsubmit="return savenonERPform();" enctype="multipart/form-data"> |
|
|
<div class="card-header"> |
|
|
<div class="card-header"> |
|
|
<h3>Non ERP - Add Form</h3> |
|
|
<h3>Non ERP - Add Form</h3> |
|
|
</div> |
|
|
</div> |
|
|
@ -76,18 +75,15 @@ |
|
|
autocomplete="off" required readonly> |
|
|
autocomplete="off" required readonly> |
|
|
</div>--> |
|
|
</div>--> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="estdate">Estimate Date <font |
|
|
|
|
|
style="color: red">*</font></label> <input type="text" |
|
|
|
|
|
class="form-control" |
|
|
|
|
|
name="estdate" |
|
|
|
|
|
id="estdate" |
|
|
|
|
|
placeholder="Estimate Date" |
|
|
|
|
|
autocomplete="off" |
|
|
|
|
|
|
|
|
<label for="estdate">Estimate Date <font style="color: red">*</font> |
|
|
|
|
|
</label> <input type="text" class="form-control" name="estdate" |
|
|
|
|
|
id="estdate" placeholder="Estimate Date" autocomplete="off" |
|
|
required> |
|
|
required> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-2"> |
|
|
<div class="col-md-2"> |
|
|
<label for="zone">Zone <font style="color: red">*</font></label> |
|
|
<label for="zone">Zone <font style="color: red">*</font></label> |
|
|
<select class="form-control" id="zone" name="zone" onchange="loadWards()" required> |
|
|
|
|
|
|
|
|
<select class="form-control" id="zone" name="zone" |
|
|
|
|
|
onchange="loadWards()" required> |
|
|
<option value="" disabled selected>Select Zone</option> |
|
|
<option value="" disabled selected>Select Zone</option> |
|
|
<option value="00">00</option> |
|
|
<option value="00">00</option> |
|
|
<option value="01">01</option> |
|
|
<option value="01">01</option> |
|
|
@ -116,13 +112,9 @@ |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="estdate">File Nummber: <font |
|
|
|
|
|
style="color: red">*</font></label> <input type="text" |
|
|
|
|
|
class="form-control" |
|
|
|
|
|
name="filenumber" |
|
|
|
|
|
id="filenumber" |
|
|
|
|
|
placeholder="File Number" |
|
|
|
|
|
autocomplete="off" |
|
|
|
|
|
|
|
|
<label for="estdate">File Nummber: <font style="color: red">*</font> |
|
|
|
|
|
</label> <input type="text" class="form-control" name="filenumber" |
|
|
|
|
|
id="filenumber" placeholder="File Number" autocomplete="off" |
|
|
required> |
|
|
required> |
|
|
</div> |
|
|
</div> |
|
|
<!-- vishnuchange --> |
|
|
<!-- vishnuchange --> |
|
|
@ -134,16 +126,15 @@ |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="projectname">Project Description <font |
|
|
<label for="projectname">Project Description <font |
|
|
style="color: red">*</font></label> |
|
|
style="color: red">*</font></label> |
|
|
<textarea class="form-control" name="projectname" |
|
|
|
|
|
id="projectname" placeholder="Project Description" |
|
|
|
|
|
autocomplete="off" required></textarea> |
|
|
|
|
|
|
|
|
<textarea class="form-control" name="projectname" id="projectname" |
|
|
|
|
|
placeholder="Project Description" autocomplete="off" |
|
|
|
|
|
required></textarea> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="location">Location <font |
|
|
|
|
|
style="color: red">*</font></label> |
|
|
|
|
|
<textarea class="form-control" name="location" |
|
|
|
|
|
id="location" placeholder="Location" autocomplete="off" |
|
|
|
|
|
required></textarea> |
|
|
|
|
|
|
|
|
<label for="location">Location <font style="color: red">*</font> |
|
|
|
|
|
</label> |
|
|
|
|
|
<textarea class="form-control" name="location" id="location" |
|
|
|
|
|
placeholder="Location" autocomplete="off" required></textarea> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
</div> |
|
|
@ -155,11 +146,9 @@ |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="department">Department <font |
|
|
|
|
|
style="color: red">*</font></label> <select class="form-control" |
|
|
|
|
|
id="department" |
|
|
|
|
|
name="department" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
<label for="department">Department <font style="color: red">*</font> |
|
|
|
|
|
</label> <select class="form-control" id="department" |
|
|
|
|
|
name="department" required> |
|
|
<option value="" disabled selected>Select |
|
|
<option value="" disabled selected>Select |
|
|
Department |
|
|
Department |
|
|
</option> |
|
|
</option> |
|
|
@ -168,23 +157,15 @@ |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="contractorname">Contractor Name <font |
|
|
<label for="contractorname">Contractor Name <font |
|
|
style="color: red">*</font></label> <input type="text" |
|
|
style="color: red">*</font></label> <input type="text" |
|
|
class="form-control" |
|
|
|
|
|
name="contractorname" |
|
|
|
|
|
id="contractorname" |
|
|
|
|
|
placeholder="Contractor Name" |
|
|
|
|
|
autocomplete="off" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
class="form-control" name="contractorname" id="contractorname" |
|
|
|
|
|
placeholder="Contractor Name" autocomplete="off" required> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="contractorperiod">Contractor Period <font |
|
|
<label for="contractorperiod">Contractor Period <font |
|
|
style="color: red">*</font></label> <input type="number" |
|
|
style="color: red">*</font></label> <input type="number" |
|
|
class="form-control" |
|
|
|
|
|
name="contractorperiod" |
|
|
|
|
|
id="contractorperiod" |
|
|
|
|
|
placeholder="Contractor Period" |
|
|
|
|
|
autocomplete="off" |
|
|
|
|
|
required step="1" |
|
|
|
|
|
min="0"> |
|
|
|
|
|
|
|
|
class="form-control" name="contractorperiod" |
|
|
|
|
|
id="contractorperiod" placeholder="Contractor Period" |
|
|
|
|
|
autocomplete="off" required step="1" min="0"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -197,10 +178,8 @@ |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="fundsource">Details Source of Fund <font |
|
|
<label for="fundsource">Details Source of Fund <font |
|
|
style="color: red">*</font></label> <select class="form-control" |
|
|
|
|
|
id="fundsource" |
|
|
|
|
|
name="fundsource" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
style="color: red">*</font></label> <select |
|
|
|
|
|
class="form-control" id="fundsource" name="fundsource" required> |
|
|
<option value="" disabled selected>Select Source |
|
|
<option value="" disabled selected>Select Source |
|
|
of Fund |
|
|
of Fund |
|
|
</option> |
|
|
</option> |
|
|
@ -208,16 +187,13 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="scheme">Scheme<font style="color: red">*</font></label> |
|
|
<label for="scheme">Scheme<font style="color: red">*</font></label> |
|
|
<select class="form-control" id="scheme" name="scheme" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
<select class="form-control" id="scheme" name="scheme" required> |
|
|
<option value="" disabled selected>Select Scheme</option> |
|
|
<option value="" disabled selected>Select Scheme</option> |
|
|
</select> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="category">Category<font |
|
|
|
|
|
style="color: red">*</font></label> <select class="form-control" |
|
|
|
|
|
id="category" |
|
|
|
|
|
name="category" |
|
|
|
|
|
|
|
|
<label for="category">Category<font style="color: red">*</font> |
|
|
|
|
|
</label> <select class="form-control" id="category" name="category" |
|
|
required> |
|
|
required> |
|
|
<option value="" disabled selected>Select |
|
|
<option value="" disabled selected>Select |
|
|
Category |
|
|
Category |
|
|
@ -228,26 +204,19 @@ |
|
|
<br> |
|
|
<br> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="subcategory">Sub-Category<font |
|
|
|
|
|
style="color: red">*</font></label> <select class="form-control" |
|
|
|
|
|
id="subcategory" |
|
|
|
|
|
name="subcategory" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
<label for="subcategory">Sub-Category<font style="color: red">* |
|
|
|
|
|
</font></label> <select class="form-control" id="subcategory" |
|
|
|
|
|
name="subcategory" required> |
|
|
<option value="" disabled selected>Select |
|
|
<option value="" disabled selected>Select |
|
|
SubCategory |
|
|
SubCategory |
|
|
</option> |
|
|
</option> |
|
|
</select> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="estamount">Estimation Amount<font |
|
|
|
|
|
style="color: red">*</font></label> <input type="number" |
|
|
|
|
|
class="form-control" |
|
|
|
|
|
name="estamount" |
|
|
|
|
|
id="estamount" |
|
|
|
|
|
placeholder="Estimation Amount" |
|
|
|
|
|
autocomplete="off" |
|
|
|
|
|
required step="1" |
|
|
|
|
|
min="0"> |
|
|
|
|
|
|
|
|
<label for="estamount">Estimation Amount<font style="color: red">* |
|
|
|
|
|
</font></label> <input type="number" class="form-control" |
|
|
|
|
|
name="estamount" id="estamount" placeholder="Estimation Amount" |
|
|
|
|
|
autocomplete="off" required step="1" min="0"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<br> |
|
|
<br> |
|
|
@ -257,8 +226,10 @@ |
|
|
</div> |
|
|
</div> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="projecttype">Project Type:<font style="color:red">*</font></label> |
|
|
|
|
|
<select name="projecttype" id="projecttype" class="form-control" style="width: 100%;" required> |
|
|
|
|
|
|
|
|
<label for="projecttype">Project Type:<font style="color:red">* |
|
|
|
|
|
</font></label> |
|
|
|
|
|
<select name="projecttype" id="projecttype" class="form-control" |
|
|
|
|
|
style="width: 100%;" required> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="1">Capital</option> |
|
|
<option value="1">Capital</option> |
|
|
<option value="2">Maintenance</option> |
|
|
<option value="2">Maintenance</option> |
|
|
@ -267,8 +238,10 @@ |
|
|
</select> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="govtfund">Govt. Funded Project:<font style="color:red">*</font></label> |
|
|
|
|
|
<select name="govtfund" id="govtfund" class="form-control" style="width: 100%;" required> |
|
|
|
|
|
|
|
|
<label for="govtfund">Govt. Funded Project:<font style="color:red">* |
|
|
|
|
|
</font></label> |
|
|
|
|
|
<select name="govtfund" id="govtfund" class="form-control" |
|
|
|
|
|
style="width: 100%;" required> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="1">Yes</option> |
|
|
<option value="1">Yes</option> |
|
|
<option value="0">No</option> |
|
|
<option value="0">No</option> |
|
|
@ -276,8 +249,10 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="specialcat">Special Category:<font style="color:red">*</font></label> |
|
|
|
|
|
<select name="specialcat" id="specialcat" class="form-control" style="width: 100%;" required> |
|
|
|
|
|
|
|
|
<label for="specialcat">Special Category:<font style="color:red">* |
|
|
|
|
|
</font></label> |
|
|
|
|
|
<select name="specialcat" id="specialcat" class="form-control" |
|
|
|
|
|
style="width: 100%;" required> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="" selected>Select</option> |
|
|
<option value="1">Yes</option> |
|
|
<option value="1">Yes</option> |
|
|
<option value="0">No</option> |
|
|
<option value="0">No</option> |
|
|
@ -293,11 +268,11 @@ |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="techsanctiondate">Tech Sanction Date<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input |
|
|
|
|
|
type="text" class="form-control" name="techsanctiondate" |
|
|
|
|
|
|
|
|
<label for="techsanctiondate">Tech Sanction |
|
|
|
|
|
Date<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input type="text" class="form-control" name="techsanctiondate" |
|
|
id="techsanctiondate" placeholder="Tech Sanction Date" |
|
|
id="techsanctiondate" placeholder="Tech Sanction Date" |
|
|
autocomplete="off" required> |
|
|
|
|
|
|
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"></div> |
|
|
<div class="col-md-8"></div> |
|
|
</div> |
|
|
</div> |
|
|
@ -306,32 +281,32 @@ |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="adminsanctiondate">Admin Sanction Date |
|
|
<label for="adminsanctiondate">Admin Sanction Date |
|
|
<!-- <font style="color:red">*</font> --></label> |
|
|
<!-- <font style="color:red">*</font> --></label> |
|
|
<input type="text" class="form-control" |
|
|
|
|
|
name="adminsanctiondate" id="adminsanctiondate" |
|
|
|
|
|
placeholder="Admin Sanction Date" autocomplete="off" |
|
|
|
|
|
required> |
|
|
|
|
|
|
|
|
<input type="text" class="form-control" name="adminsanctiondate" |
|
|
|
|
|
id="adminsanctiondate" placeholder="Admin Sanction Date" |
|
|
|
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="adminsanctionfile">Admin Sanction File<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
|
|
|
<label for="adminsanctionfile">Admin Sanction |
|
|
|
|
|
File<!-- <font style="color:red">*</font> --></label> |
|
|
<input name="adminsanctionfile" id="adminsanctionfile" |
|
|
<input name="adminsanctionfile" id="adminsanctionfile" |
|
|
class="form-control" type="file" capture="camera" |
|
|
class="form-control" type="file" capture="camera" |
|
|
accept="application/pdf, image/*" required> |
|
|
|
|
|
|
|
|
accept="application/pdf, image/*"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<br> |
|
|
<br> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="tendercalldate">Tender Called Date<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
|
|
|
<label for="tendercalldate">Tender Called |
|
|
|
|
|
Date<!-- <font style="color:red">*</font> --></label> |
|
|
<input type="text" class="form-control" name="tendercalldate" |
|
|
<input type="text" class="form-control" name="tendercalldate" |
|
|
id="tendercalldate" placeholder="Tender Called Date" |
|
|
id="tendercalldate" placeholder="Tender Called Date" |
|
|
autocomplete="off"> |
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="tenderfinalizeddate">Tender Finalized Date <!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input type="text" class="form-control" |
|
|
|
|
|
name="tenderfinalizeddate" |
|
|
|
|
|
id="tenderfinalizeddate" |
|
|
|
|
|
placeholder="Tender Finalized Date" |
|
|
|
|
|
|
|
|
<label for="tenderfinalizeddate">Tender Finalized Date |
|
|
|
|
|
<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input type="text" class="form-control" name="tenderfinalizeddate" |
|
|
|
|
|
id="tenderfinalizeddate" placeholder="Tender Finalized Date" |
|
|
autocomplete="off"> |
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
@ -344,52 +319,49 @@ |
|
|
|
|
|
|
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="loadate">LOA Date<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input type="text" |
|
|
|
|
|
class="form-control" |
|
|
|
|
|
name="loadate" |
|
|
|
|
|
id="loadate" |
|
|
|
|
|
placeholder="LOA Date" |
|
|
|
|
|
autocomplete="off"> |
|
|
|
|
|
|
|
|
<label for="loadate">LOA |
|
|
|
|
|
Date<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input type="text" class="form-control" name="loadate" id="loadate" |
|
|
|
|
|
placeholder="LOA Date" autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="loafile">LOA File<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input |
|
|
|
|
|
name="loafile" id="loafile" class="form-control" |
|
|
|
|
|
type="file" capture="camera" |
|
|
|
|
|
accept="application/pdf, image/*" > |
|
|
|
|
|
|
|
|
<label for="loafile">LOA |
|
|
|
|
|
File<!-- <font style="color:red">*</font> --></label> |
|
|
|
|
|
<input name="loafile" id="loafile" class="form-control" type="file" |
|
|
|
|
|
capture="camera" accept="application/pdf, image/*"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<br> |
|
|
<br> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="agreementdate">Agreement Date<!-- <font style="color:red">*</font> --></label> <input |
|
|
|
|
|
|
|
|
<label for="agreementdate">Agreement |
|
|
|
|
|
Date<!-- <font style="color:red">*</font> --></label> <input |
|
|
type="text" class="form-control" name="agreementdate" |
|
|
type="text" class="form-control" name="agreementdate" |
|
|
id="agreementdate" placeholder="Agreement Date" |
|
|
id="agreementdate" placeholder="Agreement Date" |
|
|
autocomplete="off"> |
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="agreementfile">Agreement File<!-- <font style="color:red">*</font> --></label> <input |
|
|
|
|
|
name="agreementfile" id="agreementfile" |
|
|
|
|
|
class="form-control" type="file" capture="camera" |
|
|
|
|
|
accept="application/pdf, image/*" > |
|
|
|
|
|
|
|
|
<label for="agreementfile">Agreement |
|
|
|
|
|
File<!-- <font style="color:red">*</font> --></label> <input |
|
|
|
|
|
name="agreementfile" id="agreementfile" class="form-control" |
|
|
|
|
|
type="file" capture="camera" accept="application/pdf, image/*"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<br> |
|
|
<br> |
|
|
<div class="row"> |
|
|
<div class="row"> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="workorderdate">Work Order Date<!-- <font style="color:red">*</font> --></label> <input |
|
|
|
|
|
|
|
|
<label for="workorderdate">Work Order |
|
|
|
|
|
Date<!-- <font style="color:red">*</font> --></label> <input |
|
|
type="text" class="form-control" name="workorderdate" |
|
|
type="text" class="form-control" name="workorderdate" |
|
|
id="workorderdate" placeholder="Sub-Category" |
|
|
id="workorderdate" placeholder="Sub-Category" |
|
|
autocomplete="off" > |
|
|
|
|
|
|
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="workorderfile">Work Order File |
|
|
<label for="workorderfile">Work Order File |
|
|
<!-- <font style="color:red">*</font> --></label> <input |
|
|
<!-- <font style="color:red">*</font> --></label> <input |
|
|
name="workorderfile" id="workorderfile" |
|
|
|
|
|
class="form-control" type="file" capture="camera" |
|
|
|
|
|
accept="application/pdf, image/*" > |
|
|
|
|
|
|
|
|
name="workorderfile" id="workorderfile" class="form-control" |
|
|
|
|
|
type="file" capture="camera" accept="application/pdf, image/*"> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<br> |
|
|
<br> |
|
|
@ -397,16 +369,18 @@ |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="workcommenceddate">Work Commenced Date |
|
|
<label for="workcommenceddate">Work Commenced Date |
|
|
<!-- <font style="color:red">*</font> --></label> |
|
|
<!-- <font style="color:red">*</font> --></label> |
|
|
<input type="text" class="form-control" |
|
|
|
|
|
name="workcommenceddate" id="workcommenceddate" |
|
|
|
|
|
placeholder="Work Commenced Date" autocomplete="off" > |
|
|
|
|
|
|
|
|
<input type="text" class="form-control" name="workcommenceddate" |
|
|
|
|
|
id="workcommenceddate" placeholder="Work Commenced Date" |
|
|
|
|
|
autocomplete="off"> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-8"> |
|
|
<div class="col-md-8"> |
|
|
<label for="ward"><font style="color: red"> </font></label> |
|
|
|
|
|
|
|
|
<label for="ward"> |
|
|
|
|
|
<font style="color: red"> </font> |
|
|
|
|
|
</label> |
|
|
|
|
|
|
|
|
<div style="padding: 10px; font-size: 1.2rem;"> |
|
|
<div style="padding: 10px; font-size: 1.2rem;"> |
|
|
<input type="hidden" id="iconicProjectHidden" name="iconicProject" |
|
|
|
|
|
value="0"> |
|
|
|
|
|
|
|
|
<input type="hidden" id="iconicProjectHidden" |
|
|
|
|
|
name="iconicProject" value="0"> |
|
|
<input type="checkbox" id="iconicProject" name="iconicProject" |
|
|
<input type="checkbox" id="iconicProject" name="iconicProject" |
|
|
value="1" style="width: 20px; height: 20px;"> |
|
|
value="1" style="width: 20px; height: 20px;"> |
|
|
<label for="iconicProject" style="font-size: 1.2rem;">Iconic |
|
|
<label for="iconicProject" style="font-size: 1.2rem;">Iconic |
|
|
@ -414,15 +388,14 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="col-md-4"> |
|
|
<div class="col-md-4"> |
|
|
<label for="Reason">Select Reason:</label><font |
|
|
|
|
|
style="color: red">*</font> |
|
|
|
|
|
|
|
|
<label for="Reason">Select Reason:</label> |
|
|
|
|
|
<font style="color: red">*</font> |
|
|
<select id="Reason" name="reason" class="form-control" required> |
|
|
<select id="Reason" name="reason" class="form-control" required> |
|
|
<option value=""></option> |
|
|
<option value=""></option> |
|
|
</select> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="col-md-4" id="remarksContainer" |
|
|
|
|
|
style="display: none;"> |
|
|
|
|
|
|
|
|
<div class="col-md-4" id="remarksContainer" style="display: none;"> |
|
|
<label for="remarks">Remarks</label> |
|
|
<label for="remarks">Remarks</label> |
|
|
<textarea class="form-control" id="remarks" name="remarks" |
|
|
<textarea class="form-control" id="remarks" name="remarks" |
|
|
placeholder="Enter remarks if needed" required></textarea> |
|
|
placeholder="Enter remarks if needed" required></textarea> |
|
|
@ -434,8 +407,7 @@ |
|
|
<button type="reset" class="btn btn-secondary mr-2"> |
|
|
<button type="reset" class="btn btn-secondary mr-2"> |
|
|
<i class="ik ik-refresh-cw"></i>Reset |
|
|
<i class="ik ik-refresh-cw"></i>Reset |
|
|
</button> |
|
|
</button> |
|
|
<button type="submit" class="btn btn-success" |
|
|
|
|
|
id="requestSubmitBtn"> |
|
|
|
|
|
|
|
|
<button type="submit" class="btn btn-success" id="requestSubmitBtn"> |
|
|
<i class="ik ik-save"></i>Save |
|
|
<i class="ik ik-save"></i>Save |
|
|
</button> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
@ -450,20 +422,19 @@ |
|
|
|
|
|
|
|
|
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer> |
|
|
<footer th:replace="~{fragments/modules/base/footer :: footer}"></footer> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div> |
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> |
|
|
|
|
|
|
|
|
<div th:replace="~{fragments/modules/base/app_module_menu_box :: div}"></div> |
|
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> |
|
|
|
|
|
|
|
|
<script th:replace="~{fragments/modules/base/script :: script}"></script> |
|
|
|
|
|
<script src="node_modules/jquery.mask/1.14.16/jquery.mask.min.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/amcharts.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/serial.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/themes/light.js"></script> |
|
|
|
|
|
<script |
|
|
|
|
|
src="node_modules/jquery.datetimepicker/jquery.datetimepicker.full.min.js"></script> |
|
|
|
|
|
<script th:inline="javascript"> |
|
|
|
|
|
|
|
|
<script th:replace="~{fragments/modules/base/script :: script}"></script> |
|
|
|
|
|
<script src="node_modules/jquery.mask/1.14.16/jquery.mask.min.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/amcharts.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/serial.js"></script> |
|
|
|
|
|
<script src="node_modules/amcharts3/amcharts/themes/light.js"></script> |
|
|
|
|
|
<script src="node_modules/jquery.datetimepicker/jquery.datetimepicker.full.min.js"></script> |
|
|
|
|
|
<script th:inline="javascript"> |
|
|
var loginUserID = /*[[${LoginUserId}]]*/''; |
|
|
var loginUserID = /*[[${LoginUserId}]]*/''; |
|
|
$(document).ready(function () { |
|
|
$(document).ready(function () { |
|
|
// Input masking for the desired format |
|
|
// Input masking for the desired format |
|
|
@ -551,8 +522,8 @@ |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
<script> |
|
|
|
|
|
|
|
|
function validateDateFormat(dateStr) { |
|
|
function validateDateFormat(dateStr) { |
|
|
// Regex to validate date in dd-mm-yyyy format |
|
|
// Regex to validate date in dd-mm-yyyy format |
|
|
@ -970,6 +941,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
</script> |
|
|
</body> |
|
|
</body> |
|
|
|
|
|
|
|
|
</html> |
|
|
</html> |