289 lines
16 KiB
PHP
289 lines
16 KiB
PHP
<style>
|
|
.text-danger {
|
|
color: red !important;
|
|
}
|
|
.parsley-errors-list>li {
|
|
color: red !important;
|
|
}
|
|
.field-icon {
|
|
float: right;
|
|
margin-left: -35px;
|
|
margin-top: 12px;
|
|
margin-right: 12px;
|
|
position: relative;
|
|
z-index: 3;
|
|
}
|
|
|
|
|
|
</style>
|
|
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
|
|
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title"> <?php if(isset($Memberdata)){ ?> Edit <?php } else { ?> Add <?php } ?> Member</h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<!-- <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
|
|
<li class="breadcrumb-item active">Advanced</li> -->
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
<form role="form" class="parsley-examples" method="post"
|
|
<?php if(isset($Memberdata)){ ?>
|
|
action="<?= base_url()."member_edit"; ?>"
|
|
<?php } else { ?> action="<?= base_url()."member_add"; ?>" <?php } ?>
|
|
/>
|
|
<?php if(isset($Memberdata)){ ?>
|
|
<input type="hidden" required name="id" value="<?= $Memberdata[0]['id']; ?>" >
|
|
<?php } ?>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Name<span class="text-danger">*</span></label>
|
|
<div class="col-7">
|
|
<input type="text" required class="form-control" name="name" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['name'];} ?>" placeholder="Member Name">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Email<span class="text-danger">*</span></label>
|
|
<div class="col-7">
|
|
<input type="email" id="email" onkeyup="check_if_exists();" required parsley-type="email" class="form-control" name="email" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['email'];} ?>" placeholder="Email">
|
|
<span id="already_err"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Mobile<span class="text-danger">*</span></label>
|
|
<div class="col-7">
|
|
<input type="text" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\.*?)\..*/g, '$1');" required class="form-control" name="mobile" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['mobile'];} ?>" placeholder="Mobile Number">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Address<span class="text-danger"></span></label>
|
|
<div class="col-7">
|
|
<input type="text" class="form-control" name="address" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['address'];} ?>" placeholder="Address">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">City<span class="text-danger"></span></label>
|
|
<div class="col-7">
|
|
<input type="text" class="form-control" id="city" name="city" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['city'];} ?>" placeholder="City" >
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Province<span class="text-danger"></span></label>
|
|
<div class="col-7">
|
|
<input type="text" class="form-control" id="state" name="state" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['state'];} ?>" placeholder="Province" >
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Country<span class="text-danger"></span></label>
|
|
<div class="col-7">
|
|
<select name="country" id="country" class="js-example-basic-single form-control" >
|
|
<?php if(isset($Memberdata)) { ?>
|
|
<?php if ($Memberdata[0]['country'] == "" || $Memberdata[0]['country'] == "Select Country") { ?>
|
|
<option value="Canada"> Canada </option>
|
|
<?php }
|
|
else { ?>
|
|
<option value="<?= $Memberdata[0]['country']?>"> <?= $Memberdata[0]['country']?> </option>
|
|
<?php } ?>
|
|
<?php } else { ?>
|
|
<option> Select Country </option>
|
|
<?php }?>
|
|
|
|
<?php foreach ($country as $key => $value) { ?>
|
|
<option value="<?= $value['name']?>"> <?= $value['name']?> </option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Postal code<span class="text-danger"></span></label>
|
|
<div class="col-7">
|
|
<input type="text" class="form-control" id="pincode" name="pincode" value="<?php if(isset($Memberdata)){echo $Memberdata[0]['pincode'];} ?>" placeholder="Postal Code" >
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="form-group row">
|
|
<div class="col-8 offset-4">
|
|
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1">
|
|
<?php if(isset($Memberdata)){ ?> Update <?php } else { ?> Save <?php } ?>
|
|
</button>
|
|
<button type="reset" onclick="history.back()"
|
|
class="btn btn-secondary waves-effect">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> <!-- end card-box -->
|
|
|
|
</div> <!-- end col-->
|
|
</div>
|
|
<!-- end row-->
|
|
|
|
|
|
|
|
<?php if(isset($Memberdata)){ ?>
|
|
<!-- start page title -->
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="page-title-box page-title-box-alt">
|
|
<h4 class="page-title"> Reset Password </h4>
|
|
<div class="page-title-right">
|
|
<ol class="breadcrumb m-0">
|
|
<!-- <li class="breadcrumb-item"><a href="javascript: void(0);">Minton</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript: void(0);">Forms</a></li>
|
|
<li class="breadcrumb-item active">Advanced</li> -->
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end page title -->
|
|
|
|
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
|
|
<form role="form" class="parsley-examples" method="post" action="<?= base_url()."member_edit"; ?>"/>
|
|
<?php if(isset($Memberdata)){ ?>
|
|
<input type="hidden" required name="id" value="<?= $Memberdata[0]['id']; ?>" >
|
|
<?php } ?>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Password<span class="text-danger">*</span></label>
|
|
<div class="col-7">
|
|
<input type="password" id="pass2" class="form-control" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,}" required
|
|
placeholder="Password" name="password"/>
|
|
<span toggle="#pass2" id="toggle-password" class="fa fa-fw fa-eye field-icon toggle-password"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<label for="inputEmail3" class="col-4 col-form-label">Confirm Password<span class="text-danger">*</span></label>
|
|
<div class="col-7">
|
|
<input type="password" class="form-control" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[^a-zA-Z0-9])(?!.*\s).{8,}" required
|
|
data-parsley-equalto="#pass2"
|
|
placeholder="Re-Type Password"/>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row">
|
|
<div class="col-8 offset-4">
|
|
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1">
|
|
Update
|
|
</button>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div> <!-- end card-box -->
|
|
|
|
</div> <!-- end col-->
|
|
</div>
|
|
<!-- end row-->
|
|
<?php } ?>
|
|
<script>
|
|
function check_if_exists() {
|
|
|
|
const validateEmail = (email) => {
|
|
return email.match(
|
|
/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
|
|
);
|
|
};
|
|
var email = $("#email").val();
|
|
if(validateEmail(email)){
|
|
$.ajax({
|
|
type:"post",
|
|
url: "<?php echo base_url(); ?>/check_if_mail_exists",
|
|
data:{ email:email , table : 'member'},
|
|
success:function(response)
|
|
{
|
|
if (response == true)
|
|
{
|
|
$('#already_err').html("An account with this mail id already exist").css('color' , 'red');
|
|
|
|
$("#email").val('');
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$('#email').on('keyup', function () {
|
|
if($('#email').val().length != 0)
|
|
$('#already_err').html("");
|
|
});
|
|
});
|
|
|
|
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
$('#pincode').change(function() {
|
|
if ($('#pincode').val() == "") {
|
|
$('#state').val('');
|
|
$('#city').val('');
|
|
}
|
|
});
|
|
});
|
|
|
|
$(document).ready(function() {
|
|
$('.js-example-basic-single').select2();
|
|
});
|
|
|
|
$("#toggle-password").click(function() {
|
|
alert()
|
|
$(this).toggleClass("fa-eye fa-eye-slash");
|
|
var input = $($(this).attr("toggle"));
|
|
if (input.attr("type") == "password") {
|
|
input.attr("type", "text");
|
|
}
|
|
else {
|
|
input.attr("type", "password");
|
|
}
|
|
});
|
|
</script>
|
|
|
|
|
|
|