Mr.Combet Webshell
Your IP :
216.73.216.136
Server IP :
103.233.58.157
Server :
Windows NT WIN-4PGF72KEHKB 10.0 build 17763 (Windows Server 2016) AMD64
Server Software :
Microsoft-IIS/10.0
PHP Version :
7.3.25
Add File :
Submit
Add Directory :
Submit
Dir :
C:
/
inetpub
/
wwwroot
/
mapqa
/
Views
/
CaseRegistration
/
View File Name :
Edit.cshtml
@model RER_Project.DataAccess.ViewModels.CaseRegistrationVM.CaseRegistrationVM @{ ViewBag.Title = "Edit Case Registration"; } <div class="wrapper wrapper-content animated fadeInRight"> <div class="row"> <div class="col-lg-12"> <div class="ibox float-e-margins"> <div class="ibox-content"> <label style="font-size: medium"><b>Edit Case Registration</b></label> <hr /> <form id="CreateCaseRegistrationForm"> <div class="col-md-2 control-label" style="padding-top:5px;width: initial;min-width: 10.66666667%;"> Registration Date </div> <div class="col-md-2"> <input placeholder="Date Of Registration" type="text" class="form-control required" name="RegistrationDate" id="nepaliRegistrationDatePicker" /> </div> <div class="col-md-1 control-label" style="padding-top:5px;"> Case No. </div> <div class="col-md-1" style="padding-top:3px;"> <h4> @Model.Id</h4> </div> <br /> <br /><br /> <div id="eror_msg"></div> <input type="hidden" value="@Model.Id" name="Id" /> <input type="hidden" id="registrationDateNepali" name="RegistrationDateNepali" value="@Model.RegistrationDateNepali" /> <input type="hidden" id="registrationDate" name="RegistrationDate" value="@Model.RegistrationDate.Date.ToShortDateString()" /> <input type="hidden" id="incidentDateNepali" name="IncidentDateNepali" value="@Model.IncidentDateNepali" /> <input type="hidden" id="incidentDate" name="IncidentDate" value="@Model.IncidentDate.Date.ToShortDateString()" /> <input type="hidden" id="departureDateNepali" name="DepartureDateNepali" value="@Model.DepartureDateNepali" /> <input type="hidden" id="departureDate" name="DepartureDate" value="@Model.DepartureDate.Date.ToShortDateString()" /> <ul class="nav nav-tabs"> <li class="active"><a href="#tab1" data-toggle="tab">Basic Information</a></li> @*<li><a href="#tab2" data-toggle="tab">Other Victims</a></li>*@ <li><a href="#tab3" data-toggle="tab">Company and Migration Process Info</a></li> <li><a href="#tab4" data-toggle="tab">Incident Details and Offical Purpose</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="tab1"> <br /> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="form-group col-md-3"> <label><strong>First Name </strong></label> <input type="text" class="form-control required" value="@Model.FirstName" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" minlength="2" name="FirstName" id="FirstName" /> </div> <div class="form-group col-md-3"> <label><strong>Middle Name</strong></label> <input type="text" class="form-control " value="@Model.MiddleName" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" minlength="2" name="MiddleName" id="MiddleName" /> </div> <div class="form-group col-md-3"> <label><strong>Last Name</strong></label> <input type="text" class="form-control required" name="LastName" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" minlength="2" value="@Model.LastName" id="LastName" /> </div> <div class="form-group col-md-3"> <label><strong>Gender </strong></label> <select class="form-control m-b required" name="Gender" id="Gender"> <option value="">Select Gender</option> <option value="1" @(Model.Gender == "1" ? ("selected") : "")>Male</option> <option value="2" @(Model.Gender == "2" ? ("selected") : "")>Female</option> </select> @*<select class="form-control m-b" name="Gender" data-api-selected-value="@Model.Gender" id="Gender" data-api="/genders/select"> </select>*@ </div> </div> <div class="row"> <div class="form-group col-md-3"> <label><strong>Province</strong></label> <select type="text" class="form-control required" name="ProvinceId" id="ProvinceId" data-api="/province/select/threeStates" data-api-selected-value="@Model.ProvinceId"></select> </div> <div class="form-group col-md-3"> <label><strong>District</strong></label> <select type="text" class="form-control required" name="DistrictId" id="DistrictId" data-api="/districts/select" data-api-selected-value="@Model.DistrictId" disabled=""></select> </div> <div class="form-group col-md-3"> <label><strong>Municipality</strong> </label> <select type="text" class="form-control required" id="MunicipalityId" name="MunicipalityId" data-api-selected-value="@Model.MunicipalityId" data-api="/municipality/select" disabled=""></select> </div> <div class="form-group col-md-1"> <label><strong>Ward</strong></label> <input type="text" pattern="\d*" oninput="validity.valid||(value='');" value="@Model.WardNo" step="1" class="form-control " name="WardNo" id="WardNo" /> </div> <div class="form-group col-md-2"> <label><strong>Settlement</strong></label> <input type="text" class="form-control " name="Settlement" id="Settlement" value="@Model.Settlement" /> </div> </div> <div class="row"> <div class="form-group col-md-3"> <label for="ContactNo"><strong>Phone No.</strong></label> <input type="text" class="form-control" value="@Model.ContactNo" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" id="ContactNo" name="ContactNo" /> </div> <div class="form-group col-md-3"> <label for="ContactNoSecond"><strong>Second Phone No. (If Any) </strong></label> <input type="text" class="form-control" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" id="ContactNo" name="ContactNo" /> </div> <div class="form-group col-md-3"> <label for="PasswordNo"><strong>Passport No. </strong></label> <input type="text" class=" form-control" value="@Model.PassportNo" id="PassportNo" name="PassportNo" /> </div> </div> <hr /> <h3>Family Information</h3> <br /> <div class="row"> <div class="form-group col-md-3"> <label><strong>Family Contact Person</strong></label> <input type="text" class="form-control required" value="@Model.FamilyContactPerson" name="FamilyContactPerson" id="FamilyContactPerson" /> </div> <div class="form-group col-md-3 family_contact_person_show_hide"> <label><strong>Family Member Relationship </strong></label> <select type="text" class="form-control " name="FamilyMemberRelationship" data-api-selected-value="@Model.FamilyMemberRelationship" id="FamilyMemberRelationship" data-api="/relation-with-household-head/select"></select> </div> <div class="form-group col-md-3"> <label><strong>Family Member Contact Number</strong> </label> <input type="text" class="form-control " pattern="\d*" value="@Model.FamilyMemberContactNo" maxlength="10" oninput="validity.valid||(value='');" step="1" name="FamilyMemberContactNo" id="FamilyMemberContactNo" /> </div> <div class="form-group col-md-3"> <label for="FamilyMemberSecondContactNo"><strong>Second Phone No. (If Any) </strong></label> <input type="text" class="form-control" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" id="FamilyMemberSecondContactNo" name="FamilyMemberSecondContactNo" /> </div> </div> <hr /> <h3><u>Destination Country Info</u></h3> <br /> <div class="row"> <div class="form-group col-md-3 "> <label for="DestinatonCountryContactPerson"><strong>Destinaton Country Contact Person</strong></label> <input type="text" class="form-control required" value="@Model.DestinatonCountryContactPerson" name="DestinatonCountryContactPerson" id="DestinatonCountryContactPerson" /> </div> <div class="form-group col-md-3 destination_contact_person_info_show_hide"> <label for="DestinatonCountryPersonRelationship"><strong>Destination Country Person Relationship </strong></label> <select type="text" class="form-control required" name="DestinatonCountryPersonRelationship" data-api-selected-value="@Model.DestinatonCountryPersonRelationship" id="DestinatonCountryPersonRelationship" data-api="/relation-with-household-head/select"></select> </div> <div class="form-group col-md-3"> <label for="DestinatonCountryPersonContactNo"><strong>Destination Country Person Contact No</strong> </label> <input type="text" class="form-control " value="@Model.DestinatonCountryPersonContactNo" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" name="DestinatonCountryPersonContactNo" id="DestinatonCountryPersonContactNo" /> </div> </div> </div> <div class="row"> <div class="form-group col-md-3"> <input type="checkbox" onclick='handleCheckBoxForEnableDisableOtherVictims(this)' name="hasOtherVictims" value="" class="chkBoxForOtherVictims" id="chkBoxForOtherVictims"> <label for="hasOtherVictims"><strong>Has Other Victims</strong></label><br> </div> </div> </div> <a class="btn btn-primary btnNext next-show-hide">Next <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a> <hr /> <div class="show-hide-victim"> <h3><u>Other Victims Information</u></h3> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="form-group col-md-3"> <input type="hidden" id="AVictimId" name="AVictimId" /> <label><strong>First Name </strong></label> <input type="text" style="text-transform:capitalize;" class="form-control required" name="FirstNameOtherVictim" id="FirstNameOtherVictim" /> </div> <div class="form-group col-md-3"> <label><strong>Middle Name</strong></label> <input type="text" class="form-control" style="text-transform:capitalize;" name="MiddleNameOtherVictim" id="MiddleNameOtherVictim" /> </div> <div class="form-group col-md-3"> <label><strong>Last Name </strong></label> <input type="text" class="form-control required" style="text-transform:capitalize;" name="LastNameOtherVictim" id="LastNameOtherVictim" /> </div> <div class="form-group col-md-3"> <label><strong>Gender </strong></label> <select class="form-control m-b required" name="GenderOtherVictim" id="GenderOtherVictim"> <option value="">Select Gender</option> <option value="1">Male</option> <option value="2">Female</option> </select> </div> </div> <div class="row"> <div class="form-group col-md-3"> <label><strong>Province </strong></label> <select type="text" class="form-control required" name="ProvinceIdOther" id="ProvinceIdOther" data-api="/province/select/threeStates"></select> </div> <div class="form-group col-md-3"> <label><strong>District </strong></label> <select type="text" class="form-control required" name="DistrictIdOther" id="DistrictIdOther" data-api="/districts/select"></select> </div> <div class="form-group col-md-3"> <label><strong>Municipality </strong></label> <select type="text" class="form-control required" id="MunicipalityIdOther" name="MunicipalityIdOther" data-api="/municipality/select"></select> </div> <div class="form-group col-md-1"> <label><strong>Ward</strong></label> <input type="text" pattern="\d*" oninput="validity.valid||(value='');" maxlength="2" step="1" class="form-control " name="WardOther" id="WardOther" /> </div> <div class="form-group col-md-2"> <label><strong>Settlement</strong></label> <input type="text" class="form-control " name="SettlementOtherVictim" id="SettlementOtherVictim" /> </div> </div> <div class="row"> <div class="form-group col-md-3"> <label for="ContactNo"><strong>Phone No. </strong></label> <input type="text" class="form-control required" pattern="\d*" maxlength="10" oninput="validity.valid||(value='');" step="1" id="ContactNoOtherVictim" name="ContactNoOtherVictim" /> </div> <div class="form-group col-md-3"> <label for="PasswordNo"><strong>Passport No. </strong></label> <input type="text" class=" form-control" maxlength="8" id="PassportNoOtherVictim" name="PassportNoOtherVictim" /> </div> <div class="form-group col-md-3"> <label class="align-label-btm"> </label> <a class="btn btn-primary btn-xl" id="SubmitAVictimCaseRegistration" title="Add"> <i class="fa fa-plus"></i> </a> </div> </div> </div> </div> <div class="table-responsive" style="margin-top: 16px;"> <table class="table table-bordered table-hover" name="tblOtherVictims" id="tblOtherVictims"> <thead> <tr> <th>First Name</th> <th>Middle Name</th> <th>Last Name</th> <th>Gender</th> <th>Province</th> <th>District</th> <th>Municipality</th> <th>Ward</th> <th>Settlement</th> <th>Phone No.</th> <th>Passport</th> <th>Action</th> </tr> </thead> <tbody id="tblOtherVictimsBody"> </tbody> </table> </div> </div> </div> <div class="tab-pane" id="tab3"> <br /> <div class="row"> <div class="col-md-12"> <h3><u>Migration Process Info</u></h3> <div class="row"> <div class="form-group col-md-3"> <label>Destination Country</label> <select class="form-control m-b required" name="DestinationCountry" data-api-selected-value="@Model.DestinationCountry" data-api="/destination/countries"> </select> </div> <div class="form-group col-md-3"> <label><strong>Departure Date</strong></label> <input type="text" class=" form-control " id="nepaliDepartureDatePicker" value="@Model.DepartureDateNepali" name="DepartureDate" /> </div> <div class="form-group col-md-3"> <label for="RecruitmentAgency"><strong>Name of Recruitment Agency</strong></label> <input type="text" class=" form-control " id="RecruitmentAgency" value="@Model.RecruitmentAgency" name="RecruitmentAgency" /> </div> <div class="form-group col-md-2"> @*<label for="SpentCost"> <strong>Spend Cost</strong></label> <input type="text" class=" form-control" id="SpentCost" name="SpentCost" value="@Model.SpentCost" />*@ <label for="SpentCost"><strong>Spend Cost</strong></label> <div class="inputWithIcon"> <input type="text" class="curr form-control currencyFormatter" value="@Model.SpentCost" onkeypress="return isNumberKey(this,event)" maxlength="12" name="SpentCost" id="SpentCost"> <span><strong>Rs</strong></span> </div> </div> </div> <div class="row"> <div class="form-group col-md-3"> <label for="AgentName"><strong>Agent Name</strong></label> <input type="text" class=" form-control" id="AgentName" name="AgentName" value="@Model.AgentName" /> </div> <div class="form-group col-md-3"> <label><strong>Agent Phone No.</strong></label> <input type="text" value="@Model.AgentContactNo" oninput="validity.valid||(value='');" step="1" pattern="\d*" maxlength="10" class="form-control" max="9999999999" id="AgentContactNo" name="AgentContactNo" /> </div> </div> <hr /> <h3><u>Employed Company Information</u></h3> <div class="row"> <div class="form-group col-md-3"> <label for="EmployedCompanyName"><strong>Company Name</strong></label> <input type="text" class=" form-control" id="EmployedCompanyName" value="@Model.EmployedCompanyName" name="EmployedCompanyName" /> </div> <div class="form-group col-md-3"> <label for="EmployedCompanyAddress"><strong>Company Address</strong></label> <input type="text" class=" form-control" id="EmployedCompanyAddress" value="@Model.EmployedCompanyAddress" name="EmployedCompanyAddress" /> </div> <div class="form-group col-md-3"> <label for="EmployedCompanyContactNo"><strong>Contact No.</strong></label> <input type="text" oninput="validity.valid||(value='');" step="1" value="@Model.EmployedCompanyContactNo" pattern="\d*" maxlength="10" class=" form-control" id="EmployedCompanyContactNo" name="EmployedCompanyContactNo" /> </div> </div> </div> </div> <a class="btn btn-primary btnPrevious"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> Previous</a> <a class="btn btn-primary btnNext">Next <i class="fa fa-arrow-circle-o-right" aria-hidden="true"></i></a> </div> <div id="tab4" class="tab-pane"> <br /> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="form-group col-md-3"> <label><strong>Types of Case</strong></label> <select type="text" class="form-control required" name="CaseTypeId" id="CaseTypeId" data-api="/casetypes/select" data-api-selected-value="@Model.CaseTypeId"></select> </div> <div class="form-group col-md-3"> <label><strong>Incident Date</strong></label> <input type="text" class=" form-control" id="nepaliIncidentDatePicker" name="IncidentDate" /> </div> </div> </div> </div> <div class="row"> <div class="form-group col-md-6"> <label for="title" style="display:block"><strong>Case Detail </strong> </label> <textarea rows="10" style="width:100%;resize:none" name="CaseDetail" maxlength="400" id="CaseDetail">@Model.CaseDetail</textarea> <label id="characterLeft">400 </label> Characters Remaining </div> </div> <hr /> <h3><u>For Office Purpose</u></h3> <div class="row"> <div class="form-group col-md-3"> <label><strong>Referred From</strong></label> <select type="text" class="form-control required" data-api-selected-value="@Model.ReferredFrom" name="ReferredFrom" id="ReferredFrom" data-api="/case_refer_from/select"></select> </div> <div class="form-group col-md-3"> <label><strong>Referred To </strong></label> <select type="text" class="form-control required" onchange="onChangeReferTo(this)" data-api-selected-value="@Model.ReferredTo" name="ReferredTo" id="ReferredTo" data-api="/case_refer_to/select"></select> </div> <div class="form-group col-md-3 showHideCaseHandler"> <label><strong>Refer To Case Handler :</strong></label> <select type="text" class="form-control required" data-api-selected-value="@Model.AssignedTo" name="AssignedTo" id="AssignedTo" data-api="/case_handler_staff/select"></select> </div> </div> <div class="row"> <div class="pull-left"> <a class="btn btn-primary btnPrevious"><i class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> Previous</a> </div> <div class="pull-right"> <input type="button" value="Save" class="btn btn-primary" id="SubmitButton" /><span> </span> <a href="/caseregistration" class="btn btn-default">Close</a> </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <script src="~/Scripts/jquery.min.js"></script> <script src="~/Scripts/NepaliDatePicker/jquery.nepaliDatePicker.min.js"></script> <link href="~/Content/NepaliDatePicker/nepaliDatePicker.min.css" rel="stylesheet" /> <script> $(document).ready(function () { window.initializeSelectApis(); window.initializeCascadeLocation(); var assignedTo = '@Model.AssignedTo'; if (assignedTo > 0) { $('#showHideCaseHandler').show(); } else { $('#showHideCaseHandler').hide(); } var registrationDate = new Date($("#registrationDate").val()); var registrationNepaliDate = calendarFunctions.getBsDateByAdDate(registrationDate.getFullYear(), registrationDate.getMonth() + 1, registrationDate.getDate()); var registrationFormatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", registrationNepaliDate.bsYear, registrationNepaliDate.bsMonth, registrationNepaliDate.bsDate); $("#nepaliRegistrationDatePicker").val(registrationFormatedNepaliDate); $("#nepaliRegistrationDatePicker").nepaliDatePicker({ dateFormat: "%y-%M-%d", closeOnDateSelect: true }); $("#nepaliRegistrationDatePicker").on("dateSelect", function (event) { var datePickerData = event.datePickerData; $("#registrationDate").val(datePickerData.adDate.toLocaleDateString()); $("#registrationDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate); }) var incidentDate = new Date($("#incidentDate").val()); var incidentNepaliDate = calendarFunctions.getBsDateByAdDate(incidentDate.getFullYear(), incidentDate.getMonth() + 1, registrationDate.getDate()); var incidentFormatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", incidentNepaliDate.bsYear, incidentNepaliDate.bsMonth, incidentNepaliDate.bsDate); $("#nepaliIncidentDatePicker").val(incidentFormatedNepaliDate); $("#nepaliIncidentDatePicker").nepaliDatePicker({ dateFormat: "%y-%M-%d", closeOnDateSelect: true }); $("#nepaliIncidentDatePicker").on("dateSelect", function (event) { var datePickerData = event.datePickerData; $("#incidentDate").val(datePickerData.adDate.toLocaleDateString()); $("#incidentDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate); }) var departureDate = new Date($("#departureDate").val()); var departureNepaliDate = calendarFunctions.getBsDateByAdDate(departureDate.getFullYear(), departureDate.getMonth() + 1, departureDate.getDate()); var departureFormatedNepaliDate = calendarFunctions.bsDateFormat("%y-%M-%d", departureNepaliDate.bsYear, departureNepaliDate.bsMonth, departureNepaliDate.bsDate); $("#nepaliDepartureDatePicker").val(departureFormatedNepaliDate); $("#nepaliDepartureDatePicker").nepaliDatePicker({ dateFormat: "%y-%M-%d", closeOnDateSelect: true }); $("#nepaliDepartureDatePicker").on("dateSelect", function (event) { var datePickerData = event.datePickerData; $("#departureDate").val(datePickerData.adDate.toLocaleDateString()); $("#departureDateNepali").val(datePickerData.bsYear + "-" + datePickerData.bsMonth + "-" + datePickerData.bsDate); }) handleTextBoxCharacterCount(); loadOtherVictimsData(); }); function addEditVictimCaseRegistration() { } $("#SubmitAVictimCaseRegistration").off("click").on("click", function () { if (!window.confirmAction()) { return; }; WorkForce.loader.show(); function request(model) { const url = "/caseregistration/victim/case/registration"; const data = JSON.stringify(model); return window.getAjaxRequest(url, "POST", data); } function getModel() { return (caseRegistrationAVictim()); } function caseRegistrationAVictim() { var caseRegistrationForVictim = {}; caseRegistrationForVictim.Id = $('#AVictimId').val(); caseRegistrationForVictim.CaseId = '@Model.Id'; caseRegistrationForVictim.FirstName = $('#FirstNameOtherVictim').val(); caseRegistrationForVictim.MiddleName = $('#MiddleNameOtherVictim').val(); caseRegistrationForVictim.LastName = $('#LastNameOtherVictim').val(); caseRegistrationForVictim.Gender = $('#GenderOtherVictim').val(); caseRegistrationForVictim.ProvinceId = $('#ProvinceIdOther').val(); caseRegistrationForVictim.DistrictId = $('#DistrictIdOther').val(); caseRegistrationForVictim.MunicipalityId = $('#MunicipalityIdOther').val(); caseRegistrationForVictim.WardNo = $('#WardOther').val(); caseRegistrationForVictim.Settlement = $('#SettlementOtherVictim').val(); caseRegistrationForVictim.PhoneNo = $('#ContactNoOtherVictim').val(); caseRegistrationForVictim.Passport = $('#PassportNoOtherVictim').val(); debugger; return caseRegistrationForVictim; } const model = getModel(); const ajax = request(model); ajax.done(function (response) { WorkForce.loader.hide(); showNotification("success"); loadOtherVictimsData(); clearVictimData(); }); ajax.fail(function (xhr) { debugger WorkForce.loader.hide(); ShowMessage("error", xhr.responseText); }); }); function clearVictimData() { $("#ProvinceIdOther").val(''); $('#DistrictIdOther').val(''); $('#MunicipalityIdOther').val(''); $('#GenderOtherVictim').val(''); $('#FirstNameOtherVictim').val(''); $('#MiddleNameOtherVictim').val(''); $('#LastNameOtherVictim').val(''); $('#WardOther').val(''); $('#SettlementOtherVictim').val(''); $('#ContactNoOtherVictim').val(''); $('#PassportNoOtherVictim').val(''); } function loadOtherVictimsData() { const ajax = requestForOtherVictimData(); function requestForOtherVictimData() { const url = '/caseregistration/other_victim/case/' + @Model.Id; return window.getAjaxRequest(url, "Get", @Model.Id); } ajax.done(function (response) { if (response.length > 0) { document.getElementById("chkBoxForOtherVictims").checked = true; $('.show-hide-victim').show(); } else { document.getElementById("chkBoxForOtherVictims").checked = false; $('.show-hide-victim').hide(); //$('.next-show-hide').show(); } addOtherVictimToTable(response); }); ajax.fail(function (xhr) { ShowMessage("error", xhr.responseText); }); } function addOtherVictimToTable(response) { debugger; $('#tblOtherVictims tbody > tr').remove(); var table = $("#tblOtherVictims tbody"); response.forEach(function (x) { var row = "<tr>"; row += "<td>" + x.first_name + "</td>"; row += "<td>" + x.middle_name + "</td>"; row += "<td>" + x.last_name + "</td>"; row += "<td>" + x.gender + "</td>"; row += "<td>" + x.province + "</td>"; row += "<td>" + x.district + "</td>"; row += "<td>" + x.municipality + "</td>"; row += "<td>" + x.ward_no+"</td>"; row += "<td>" + x.settlement + "</td>"; row += "<td>" + x.phone_no + "</td>"; row += "<td>" + x.passport + "</td>"; row += "<td>" + "<a class='btn btn-default btn-xs' style='color:dodgerblue' onclick=editOtherVictim(" + x.id + ") > <i class='fa fa-edit'></i></a > " + " <a class='btn btn-default btn-xs' style='color:dodgerblue' onclick=deleteOtherVictim("+ x.id + ") ><i class='fa fa-trash'></i ></a> </td>"; table.append(row); }) } function editOtherVictim(id) { const ajax = requestToEdit(id); function requestToEdit(id) { const url = '/caseregistration/a_victim/case/info/' + id; return window.getAjaxRequest(url, "Get", id); } ajax.done(function (response) { console.clear(); console.log(response); $('#AVictimId').val(response.Id); $('#FirstNameOtherVictim').val(response.FirstName); $('#MiddleNameOtherVictim').val(response.MiddleName); $('#LastNameOtherVictim').val(response.LastName); $('#GenderOtherVictim').val(response.Gender); $('#ProvinceIdOther').val(response.ProvinceId); $('#DistrictIdOther').val(response.DistrictId); $('#MunicipalityIdOther').val(response.MunicipalityId); $('#WardOther').val(response.WardNo); $('#SettlementOtherVictim').val(response.Settlement); $('#ContactNoOtherVictim').val(response.PhoneNo); $('#PassportNoOtherVictim').val(response.Passport); }) ajax.fail(function (xhr) { ShowMessage("error", xhr.responseText); }); } function handleTextBoxCharacterCount() { var maxCharacters = 400; document.getElementById('CaseDetail').onkeyup = function() { document.getElementById('characterLeft').innerHTML = (maxCharacters - this.value.length); }; } $('.btnNext').click(function () { $('.nav-tabs > .active').next('li').find('a').trigger('click'); }); $('.btnPrevious').click(function () { $('.nav-tabs > .active').prev('li').find('a').trigger('click'); }); $('#FamilyContactPerson').keyup(function(){ var familyContactPersonFieldLength = $('#FamilyContactPerson').val().length; if (familyContactPersonFieldLength >= 2) { // $('.family_contact_person_show_hide').show(); $("#FamilyMemberRelationship").addClass("required"); } else { // $('.family_contact_person_show_hide').hide(); $("#FamilyMemberRelationship").removeClass("required"); } }) $('#DestinatonCountryContactPerson').keyup(function () { var familyContactPersonFieldLength = $('#DestinatonCountryContactPerson').val().length; if (familyContactPersonFieldLength >= 2) { $('.destination_contact_person_info_show_hide').show(); $("#DestinationCountryPersonRelationship").addClass("required"); } else { $('.destination_contact_person_info_show_hide').hide(); $("#DestinationCountryPersonRelationship").removeClass("required"); } }) $("#SubmitButton").off("click").on("click", function () { function request(model) { const url = "/caseregistration/edit"; const data = JSON.stringify(model.CaseRegistration); return window.getAjaxRequest(url, "POST", data); } removeRequiredOfOtherVictims(); const form = $("#CreateCaseRegistrationForm"); $.validator.unobtrusive.parse(form); if (!form.valid()) { return false; }; if (!window.confirmAction()) { return; }; var dataForm = window.serializeForm(form); if (dataForm.FamilyContactPerson === '') { $("#FamilyMemberRelationship").val(''); } if (dataForm.DestinatonCountryContactPerson === '') { $("#DestinationCountryPersonRelationship").val(''); } else { $("#DestinationCountryPersonRelationship").val(''); } WorkForce.loader.show(); function getModel() { return ({ CaseRegistration: window.serializeForm(form), }); } const model = getModel(); const ajax = request(model); ajax.done(function (response) { WorkForce.loader.hide(); showNotification("success"); window.location = "/caseregistration"; }); ajax.fail(function (xhr) { WorkForce.loader.hide(); ShowMessage("error", xhr.responseText); }); }) function handleCheckBoxForEnableDisableOtherVictims(cb) { console.log(cb); if (cb.checked) { $('.show-hide-victim').show(); $('.next-show-hide').hide(); } else { $('.show-hide-victim').hide(); $('.next-show-hide').show(); } } function deleteOtherVictim(id) { alert("Are you sure you want to delete?"); } function removeRequiredOfOtherVictims() { $("#ProvinceIdOther").removeClass('required'); $('#DistrictIdOther').removeClass('required'); $('#MunicipalityIdOther').removeClass('required'); $('#GenderOtherVictim').removeClass('required'); $('#FirstNameOtherVictim').removeClass('required'); $('#MiddleNameOtherVictim').removeClass('required'); $('#LastNameOtherVictim').removeClass('required'); $('#WardOther').removeClass('required'); $('#SettlementOtherVictim').removeClass('required'); $('#ContactNoOtherVictim').removeClass('required'); $('#PassportNoOtherVictim').removeClass('required'); } function onChangeReferTo(selected) { if (selected.value === '1' || selected.value === '2') { $('.showHideCaseHandler').show(); $('#CaseHandlerId').val(selected.value); $('#AssignedTo').addClass('required'); } else { $('.showHideCaseHandler').hide(); $('#AssignedTo').val(""); $('#AssignedTo').removeClass('required'); } } </script> <style> .nav-tabs > li.active > a { background-color: gray !important; border: medium none; border-radius: 0; color: white; } .anim { transition: background 5s linear; } .highlight { background: gray; } .normal { background: transparent; } input[type=checkbox] { transform: scale(1.5); } </style>