ok
Mini Shell
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="<?= base_url();?>dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="<?= base_url();?>dist/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="<?= base_url();?>dist/css/style.css">
<!-- Morris chart -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/morris.js/morris.css">
<!-- jvectormap -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/jvectormap/jquery-jvectormap.css">
<!-- Date Picker -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- Daterange picker -->
<link rel="stylesheet" href="<?= base_url();?>bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap wysihtml5 - text editor -->
<link rel="stylesheet" href="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesnt work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
<style>
.btn-green {background-color:#a2d200;}
.modal-content {
/*background-color: #ccc;*/
}
.mb-1{
margin-bottom:1em;
}
</style>
<style>
.loader {
border: 13px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 70px;
height: 70px;
margin-left:150px;
-webkit-animation: spin 2s linear infinite; /* Safari */
animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body class="hold-transition skin-blue sidebar-mini sidebar-collapse">
<div class="wrapper" style="background:url('<?= base_url();?>img/1.jpg');background-size:cover;min-height:100%!important">
<?php include "include/header_pages.php";?>
<!-- Left side column. contains the logo and sidebar -->
<?php include "include/sidebar.php"; ?>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper" >
<!-- Main content -->
<section class="content">
<div class="row" >
<div class="col-md-6" >
<div class="box">
<div class="box-header with-border">
<h3 class="box-title pull-left"> Joined Member List </h3>
<button type="button" class="btn btn-block btn-primary pull-right" style="width:130px" data-toggle="modal" data-target="#newmember">Add New Member </button>
</div>
<!-- /.box-header -->
<div class="box-body" style="background-color:#e6ffff;height:100%;">
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 10px">#</th>
<th>Name</th>
<th>Mobile No</th>
<th>Date</th>
<th>Fees Paid</th>
</tr>
</thead>
<tbody id="join_member_list">
<div class="loader"></div>
</tbody>
</table>
</div>
<!-- /.box-body -->
<div class="box-footer clearfix">
<a href="<?php echo base_url(); ?>AjaxController/gym_view_all_members"> View All </a>
<!--<ul class="pagination pagination-sm no-margin pull-right">-->
<!-- <li><a href="#">«</a></li>-->
<!-- <li><a href="#">1</a></li>-->
<!-- <li><a href="#">2</a></li>-->
<!-- <li><a href="#">3</a></li>-->
<!-- <li><a href="#">»</a></li>-->
<!--</ul>-->
</div>
</div>
</div>
<!-- /.col -->
<div class="col-md-6">
<div class="box">
<div class="box-header with-border">
<h3 class="box-title"> New Enquiry List </h3>
<button type="button" class="btn btn-block btn-primary pull-right" style="width:130px" data-toggle="modal" data-target="#Newenwuiry">
Add New Enquiry </button>
</div>
<!-- /.box-header -->
<div class="box-body" style="background-color:#ffe6ff;height:100%;">
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 10px">#</th>
<th>Name</th>
<th>Mobile No</th>
<th>Registration Date</th>
</tr>
</thead>
<tbody id="enq_member_list">
<div class="loader"></div>
</tbody>
</table>
</div>
<!-- /.box-body -->
<div class="box-footer clearfix">
<a href="<?php echo base_url(); ?>AjaxController/gym_view_all_enquiry"> View All </a>
<!--<ul class="pagination pagination-sm no-margin pull-right">-->
<!-- <li><a href="#">«</a></li>-->
<!-- <li><a href="#">1</a></li>-->
<!-- <li><a href="#">2</a></li>-->
<!-- <li><a href="#">3</a></li>-->
<!-- <li><a href="#">»</a></li>-->
<!--</ul>-->
</div>
</div>
</div>
<!-- /.col -->
</div>
<div class="row">
<div class="col-md-6">
<div class="box" >
<div class="box-header with-border">
<h3 class="box-title"> Near To Expire Membership List</h3>
</div>
<!-- /.box-header -->
<div class="box-body" style="background-color:#ffe6ff;height:100%;">
<table class="table table-bordered">
<thead>
<tr>
<th style="width: 10px">#</th>
<th>Name</th>
<th>Plan Amt</th>
<th>Exp Date</th>
</tr>
</thead>
<tbody id="fetch_all_near_exp">
<div class="loader"></div>
</tbody>
</table>
</div>
<!-- /.box-body -->
<div class="box-footer clearfix">
<a href="<?php echo base_url(); ?>AjaxController/gym_view_exp_membership"> View All </a>
</div>
</div>
</div>
<!-- /.col -->
<div class="col-md-6">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title"> Send SMS </h3>
<?php
if($this->session->flashdata('success')) {
?>
<div class="alert alert-success">
<strong>Success!</strong> <?php echo $this->session->flashdata('success'); ?>
</div>
<?php
}
?>
<?php
if($this->session->flashdata('error')) {
?>
<div class="alert alert-error">
<strong>Warning!</strong> <?php echo $this->session->flashdata('error'); ?>
</div>
<?php
}
?>
</div>
<!-- /.box-header -->
<!-- form start -->
<form role="form" action="<?php echo base_url(); ?>AjaxController/index" method="post">
<div class="box-body" style="background-color:#e6ffff; height:200px;">
<div class="checkbox">
<label>
<input type="checkbox" name="join_cust"> Joined Mem.
</label>
<label style="margin-left:20px">
<input type="checkbox" name="enq_cust"> Enq. Mem.
</label>
<label style="margin-left:20px">
<input type="checkbox" name="exp_cust"> Exp. Mem.
</label>
</div>
<div class="form-group">
<label>Enter Text Here</label>
<textarea class="form-control" rows="3" placeholder="Enter Message" name="msg"></textarea>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<button type="submit" class="btn btn-primary" name="send_sms">Submit</button>
</div>
</form>
</div>
</div>
<!-- /.col -->
</div>
<style>
.mandatory{
color:red;
}
.bor_err{
border-left:3px solid red;
}
</style>
<!--ALL MODAL START -->
<!--NEW MEMBER-->
<div id="newmember" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> New Member Form </h4>
</div>
<div class="modal-body">
<div class="box box-info">
<form action="" method="post" enctype="multipart/form-data">
<div class="box-body">
<!--SELECT `mem_id`, `mem_no`, `mem_name`, `mem_add`, `mem_birthdate`, `mem_gender`, `mem_mobile_no`, `mem_email`, `mem_workplace`, `mem_emergeny_name`, -->
<!--`mem_emergeny_mobile`, `mem_reference`, `mem_regi_date`, `mem_staus`, -->
<!--`fk_emp_id`, `fk_gym_id` FROM `member_registration` WHERE 1-->
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-person"></i></span>
<input type="text" id="mem_name" class="form-control" placeholder="Member Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1" >
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-ios-location"></i></span>
<input type="text" id="mem_add" class="form-control" placeholder="Member Address">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-calendar"></i></span>
<input type="text" id="mem_birthdate" class="form-control" placeholder="Member Date Of Birth">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-phone-portrait"></i></span>
<input type="text" id="mem_mobile_no" class="form-control" placeholder="Contact Number">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group ">
<span class="input-group-addon"><i class="ion-android-phone-portrait"></i></span>
<input type="text" id="mem_emergeny_mobile" class="form-control" placeholder="Other Contact">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="ion-android-home"></i></span>
<input type="text" id="mem_workplace" class="form-control" placeholder="Place Of Work/Company Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="input-group">
<span class="input-group-addon"><i class="ion-information"></i></span>
<input type="text" id="mem_reference" class="form-control" placeholder="How did You Hear About This Club..?">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6">
<div class="input-group checkbox">
<label>
<input type="radio" name="mem_gender" checked> Male
</label>
<label style="margin-left:20px">
<input type="radio" name="mem_gender"> Female
</label>
</div>
</div>
<hr>
<legend style="padding-left:20px">Gym Use Only</legend>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-ios-list"></i></span>
<select id="fk_plan_id" class="form-control" onchange="changegymFeesDynamic(this.value)">
<option value="">Select Plan</option>
<?php
foreach($plan_list as $plan){
?>
<option value="<?php echo $plan['plan_id']; ?>"><?php echo $plan['plan_name']; ?></option>
<?php
}
?>
</select>
<script>
function changegymFeesDynamic(rawCatId)
{
var dataString="rawCatId="+rawCatId;
if(rawCatId !="")
{
$.ajax({
type:"Post",
url:"<?= base_url();?>AjaxController/gymFeesDynamic",
data:dataString,
success:function(data){
$(".mem_plan_amt").val($.trim(data));
}
});
}
}
</script>
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-cash"></i></span>
<input type="text" id="mem_plan_amt" class="form-control mem_plan_amt" placeholder="Amount" value="">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-calendar"></i></span>
<input type="text" id="mem_regi_date" class="form-control" placeholder="Starting Date">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-document"></i></span>
<input type="text" id="mem_plan_receipt_no" class="form-control" placeholder="Reciept No.">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="form-group bor_err">
<select class="form-control" id="mem_plan_payment_mode">
<option value="Cash">Cash</option>
<option value="Online">Online</option>
<option value="Check">Check</option>
</select>
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<button type="button" class="btn btn-block btn-primary" style="width:130px" onclick="save_new_member()">Add New Member </button>
</div>
</div>
<script>
function save_new_member()
{
var mem_name=$("#mem_name").val();
var mem_add=$("#mem_add").val();
// var mem_age=$("#mem_age").val();
var mem_birthdate=$("#mem_birthdate").val();
var mem_emergeny_mobile=$("#mem_emergeny_mobile").val();
var mem_mobile_no=$("#mem_mobile_no").val();
var mem_workplace=$("#mem_workplace").val();
var mem_reference=$("#mem_reference").val();
var mem_regi_date=$("#mem_regi_date").val();
var mem_plan_expiry_date=$("#mem_reference").val();
var mem_plan_amt=$("#mem_plan_amt").val();
var mem_plan_receipt_no=$("#mem_plan_receipt_no").val();
var mem_plan_payment_mode=$("#mem_plan_payment_mode").val();
var fk_plan_id=$("#fk_plan_id").val();
var isBoolValid=true;
if(mem_name == "")
{
isBoolValid=false;
$("#mem_name").css({"border-color": "red"})
}
if(mem_add == "")
{
isBoolValid=false;
$("#mem_add").css({"border-color": "red"})
}
if(mem_mobile_no == "")
{
isBoolValid=false;
$("#mem_mobile_no").css({"border-color": "red"})
}
if(mem_regi_date == "")
{
isBoolValid=false;
$("#mem_regi_date").css({"border-color": "red"})
}
if(mem_plan_amt == "")
{
isBoolValid=false;
$("#mem_plan_amt").css({"border-color": "red"})
}
if(mem_plan_receipt_no == "")
{
isBoolValid=false;
$("#mem_plan_receipt_no").css({"border-color": "red"})
}
if(mem_plan_payment_mode == "")
{
isBoolValid=false;
$("#mem_plan_payment_mode").css({"border-color": "red"})
}
if(fk_plan_id == "")
{
isBoolValid=false;
$("#fk_plan_id").css({"border-color": "red"})
}
if(mem_birthdate == "")
{
isBoolValid=false;
$("#mem_birthdate").css({"border-color": "red"})
}
/*
mem_name/mem_add/mem_age/mem_birthdate/mem_emergeny_mobile/mem_mobile_no/mem_workplace/
mem_reference/mem_regi_date/mem_plan_expiry_date/mem_plan_amt/mem_plan_receipt_no/mem_plan_payment_mode
*/
if(isBoolValid)
{
var dataString="mem_name="+mem_name+"&mem_add="+mem_add+"&mem_birthdate="+mem_birthdate+"&mem_emergeny_mobile="+mem_emergeny_mobile+"&mem_mobile_no="+mem_mobile_no+"&mem_workplace="+mem_workplace+"&mem_reference="+mem_reference+"&mem_regi_date="+mem_regi_date+"&mem_plan_amt="+mem_plan_amt+"&mem_plan_receipt_no="+mem_plan_receipt_no+"&mem_plan_payment_mode="+mem_plan_payment_mode+"&fk_plan_id="+fk_plan_id;
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/save_member",
data:dataString,
success:function($data){
if($.trim($data)==1)
{
$("#newmember").modal('hide');
fetch_all_Member();
$("#mem_name").val("");
$("#mem_add").val("");
// $("#mem_age").val("");
$("#mem_birthdate").val("");
$("#mem_emergeny_mobile").val("");
$("#mem_mobile_no").val("");
$("#mem_workplace").val("");
$("#mem_reference").val("");
$("#mem_regi_date").val("");
$("#mem_reference").val("");
$("#mem_plan_amt").val("");
$("#mem_plan_receipt_no").val("");
$("#mem_plan_payment_mode").val("");
$("#fk_plan_id").val("");
}
}
});
}
}
</script>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--ENQUIRY MODEL-->
<div id="Newenwuiry" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> New Enquiry Form </h4>
</div>
<div class="modal-body">
<div class="box box-info">
<form action="" method="post" enctype="multipart/form-data">
<div class="box-body">
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-person"></i></span>
<input type="text" id="enq_name" class="form-control" placeholder="Member Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1" >
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-ios-location"></i></span>
<input type="text" id="enq_add" class="form-control" placeholder="Member Address">
</div>
</div>
<!-- <div class="col-md-6 col-sm-6 col-sx-6 mb-1">-->
<!-- <div class="input-group bor_err">-->
<!-- <span class="input-group-addon"><i class="fa fa-user"></i></span>-->
<!-- <input type="text" id="mem_age" class="form-control" placeholder="Member Age">-->
<!-- </div>-->
<!--</div>-->
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-calendar"></i></span>
<input type="text" id="enq_birthdate" class="form-control" placeholder="Member Date Of Birth">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="ion-android-phone-portrait"></i></span>
<input type="text" id="enq_mobile_no" class="form-control" placeholder="Contact Number">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group ">
<span class="input-group-addon"><i class="ion-android-phone-portrait"></i></span>
<input type="text" id="enq_emergeny_mobile" class="form-control" placeholder="Other Contact">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="ion-android-home"></i></span>
<input type="text" id="enq_workplace" class="form-control" placeholder="Place Of Work/Company Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="input-group">
<span class="input-group-addon"><i class="ion-information"></i></span>
<input type="text" id="enq_reference" class="form-control" placeholder="How did You Hear About This Club..?">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6">
<div class="input-group checkbox">
<label>
<input type="radio" name="enq_gender" value="Male" checked> Male
</label>
<label style="margin-left:20px">
<input type="radio" name="enq_gender" value="Female"> Female
</label>
</div>
</div>
<!-- <div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group ">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Program">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Starting Date">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Expiry Date">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Amount">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" class="form-control" placeholder="Reciept No.">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="form-group">
<select class="form-control">
<option value="Cash">Cash</option>
<option value="Online">Online</option>
<option value="Check">Check</option>
</select>
</div>
</div>-->
<div class="col-md-6 col-sm-6 col-sx-6 ">
<button type="button" class="btn btn-block btn-primary" style="width:130px" onclick="save_new_enquiry()">Add New Member </button>
</div>
</div>
<script>
function save_new_enquiry()
{
var enq_name=$("#enq_name").val();
var enq_add=$("#enq_add").val();
var enq_gender=$("#enq_gender").val();
var enq_birthdate=$("#enq_birthdate").val();
var enq_emergeny_mobile=$("#enq_emergeny_mobile").val();
var enq_mobile_no=$("#enq_mobile_no").val();
var enq_workplace=$("#enq_workplace").val();
var enq_reference=$("#enq_reference").val();
// var mem_regi_date=$("#mem_regi_date").val();
// var mem_plan_expiry_date=$("#mem_reference").val();
// var mem_plan_amt=$("#mem_plan_amt").val();
// var mem_plan_receipt_no=$("#mem_plan_receipt_no").val();
// var mem_plan_payment_mode=$("#mem_plan_payment_mode").val();
// var fk_plan_id=$("#fk_plan_id").val();
var isBoolValid=true;
if(enq_name == "")
{
isBoolValid=false;
$("#enq_name").css({"border-color": "red"})
}
if(enq_add == "")
{
isBoolValid=false;
$("#enq_add").css({"border-color": "red"})
}
if(enq_mobile_no == "")
{
isBoolValid=false;
$("#enq_mobile_no").css({"border-color": "red"})
}
if(enq_birthdate == "")
{
isBoolValid=false;
$("#mem_birthdate").css({"border-color": "red"})
}
/*
mem_name/mem_add/mem_age/mem_birthdate/mem_emergeny_mobile/mem_mobile_no/mem_workplace/
mem_reference/mem_regi_date/mem_plan_expiry_date/mem_plan_amt/mem_plan_receipt_no/mem_plan_payment_mode
*/
if(isBoolValid)
{
var dataString="enq_name="+enq_name+"&enq_add="+enq_add+"&enq_birthdate="+enq_birthdate+"&enq_emergeny_mobile="+enq_emergeny_mobile+"&enq_mobile_no="+enq_mobile_no+"&enq_workplace="+enq_workplace+"&enq_reference="+enq_reference+"&enq_gender="+enq_gender;
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/save_enquiry",
data:dataString,
success:function($data){
if($.trim($data)==1)
{
alert( ); $("#Newenwuiry").modal('hide');
fetch_all_enquiry();
$("#enq_name").val("");
$("#enq_add").val("");
$("#enq_gender").val("");
$("#enq_birthdate").val("");
$("#enq_emergeny_mobile").val("");
$("#enq_mobile_no").val("");
$("#enq_workplace").val("");
$("#enq_reference").val("");
// $("#mem_regi_date").val("");
// $("#mem_reference").val("");
// $("#mem_plan_amt").val("");
// $("#mem_plan_receipt_no").val("");
// $("#mem_plan_payment_mode").val("");
// $("#fk_plan_id").val("");
}
}
});
}
}
</script>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--RENEW MEMBER SHIP-->
<div id="renew_newmember" class="modal fade" role="dialog">
<div class="modal-dialog modal-lg" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"> Renew Membership </h4>
</div>
<div class="modal-body">
<div class="box box-info">
<form action="" method="post" enctype="multipart/form-data">
<div class="box-body">
<!--SELECT `mem_id`, `mem_no`, `mem_name`, `mem_add`, `mem_birthdate`, `mem_gender`, `mem_mobile_no`, `mem_email`, `mem_workplace`, `mem_emergeny_name`, -->
<!--`mem_emergeny_mobile`, `mem_reference`, `mem_regi_date`, `mem_staus`, -->
<!--`fk_emp_id`, `fk_gym_id` FROM `member_registration` WHERE 1-->
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_name" class="form-control" placeholder="Member Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1" >
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_add" class="form-control" placeholder="Member Address">
</div>
</div>
<!-- <div class="col-md-6 col-sm-6 col-sx-6 mb-1">-->
<!-- <div class="input-group bor_err">-->
<!-- <span class="input-group-addon"><i class="fa fa-user"></i></span>-->
<!-- <input type="text" id="mem_age" class="form-control" placeholder="Member Age">-->
<!-- </div>-->
<!--</div>-->
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_birthdate" class="form-control" placeholder="Member Date Of Birth">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group ">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_emergeny_mobile" class="form-control" placeholder="Other Contact">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_mobile_no" class="form-control" placeholder="Contact Number">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_workplace" class="form-control" placeholder="Place Of Work/Company Name">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_reference" class="form-control" placeholder="How did You Hear About This Club..?">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6">
<div class="input-group checkbox">
<label>
<input type="radio" name="renew_mem_gender" checked> Male
</label>
<label style="margin-left:20px">
<input type="radio" name="renew_mem_gender"> Female
</label>
</div>
</div>
<hr>
<legend style="padding-left:20px">Gym Use Only</legend>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<select id="renew_fk_plan_id" class="form-control">
<option value="">Select Plan</option>
<?php
foreach($plan_list as $plan){
?>
<option value="<?php echo $plan['plan_id']; ?>"><?php echo $plan['plan_name']; ?></option>
<?php
}
?>
</select>
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_regi_date" class="form-control" placeholder="Starting Date">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_plan_amt" class="form-control" placeholder="Amount">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 mb-1">
<div class="input-group bor_err">
<span class="input-group-addon"><i class="fa fa-user"></i></span>
<input type="text" id="renew_mem_plan_receipt_no" class="form-control" placeholder="Reciept No.">
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<div class="form-group bor_err">
<select class="form-control" id="renew_mem_plan_payment_mode">
<option value="Cash">Cash</option>
<option value="Online">Online</option>
<option value="Check">Check</option>
</select>
</div>
</div>
<div class="col-md-6 col-sm-6 col-sx-6 ">
<button type="button" class="btn btn-block btn-primary" style="width:130px" onclick="save_new_member()">Add New Member </button>
</div>
</div>
<script>
function save_new_member1222()
{
var mem_name=$("#renew_mem_name").val();
var mem_add=$("#renew_mem_add").val();
// var mem_age=$("#mem_age").val();
var mem_birthdate=$("#renew_mem_birthdate").val();
var mem_emergeny_mobile=$("#renew_mem_emergeny_mobile").val();
var mem_mobile_no=$("#renew_mem_mobile_no").val();
var mem_workplace=$("#renew_mem_workplace").val();
var mem_reference=$("#renew_mem_reference").val();
var mem_regi_date=$("#renew_mem_regi_date").val();
var mem_plan_expiry_date=$("#renew_mem_reference").val();
var mem_plan_amt=$("#renew_mem_plan_amt").val();
var mem_plan_receipt_no=$("#renew_mem_plan_receipt_no").val();
var mem_plan_payment_mode=$("#renew_mem_plan_payment_mode").val();
var fk_plan_id=$("#renew_fk_plan_id").val();
var isBoolValid=true;
if(renew_mem_name == "")
{
isBoolValid=false;
$("#mem_name").css({"border-color": "red"})
}
if(renew_mem_add == "")
{
isBoolValid=false;
$("#mem_add").css({"border-color": "red"})
}
if(renew_mem_mobile_no == "")
{
isBoolValid=false;
$("#mem_mobile_no").css({"border-color": "red"})
}
if(renew_mem_regi_date == "")
{
isBoolValid=false;
$("#mem_regi_date").css({"border-color": "red"})
}
if(renew_mem_plan_amt == "")
{
isBoolValid=false;
$("#mem_plan_amt").css({"border-color": "red"})
}
if(renew_mem_plan_receipt_no == "")
{
isBoolValid=false;
$("#mem_plan_receipt_no").css({"border-color": "red"})
}
if(renew_mem_plan_payment_mode == "")
{
isBoolValid=false;
$("#mem_plan_payment_mode").css({"border-color": "red"})
}
if(renew_fk_plan_id == "")
{
isBoolValid=false;
$("#fk_plan_id").css({"border-color": "red"})
}
if(renew_mem_birthdate == "")
{
isBoolValid=false;
$("#mem_birthdate").css({"border-color": "red"})
}
/*
mem_name/mem_add/mem_age/mem_birthdate/mem_emergeny_mobile/mem_mobile_no/mem_workplace/
mem_reference/mem_regi_date/mem_plan_expiry_date/mem_plan_amt/mem_plan_receipt_no/mem_plan_payment_mode
*/
if(isBoolValid)
{
var dataString="mem_name="+renew_mem_name+"&mem_add="+renew_mem_add+"&mem_birthdate="+renew_mem_birthdate+"&mem_emergeny_mobile="+renew_mem_emergeny_mobile+"&mem_mobile_no="+renew_mem_mobile_no+"&mem_workplace="+renew_mem_workplace+"&mem_reference="+renew_mem_reference+"&mem_regi_date="+renew_mem_regi_date+"&mem_plan_amt="+renew_mem_plan_amt+"&mem_plan_receipt_no="+renew_mem_plan_receipt_no+"&mem_plan_payment_mode="+renew_mem_plan_payment_mode+"&fk_plan_id="+renew_fk_plan_id;
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/save_member",
data:dataString,
success:function($data){
if($.trim($data)==1)
{
$("#newmember").modal('hide');
fetch_all_Member();
$("#renew_mem_name").val("");
$("#renew_mem_add").val("");
// $("#mem_age").val("");
$("#renew_mem_birthdate").val("");
$("#renew_mem_emergeny_mobile").val("");
$("#renew_mem_mobile_no").val("");
$("#renew_mem_workplace").val("");
$("#renew_mem_reference").val("");
$("#renew_mem_regi_date").val("");
$("#renew_mem_reference").val("");
$("#renew_mem_plan_amt").val("");
$("#renew_mem_plan_receipt_no").val("");
$("#renew_mem_plan_payment_mode").val("");
$("#renew_fk_plan_id").val("");
}
}
});
}
}
</script>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--ALL MODALS END -->
<!-- jQuery 3 -->
<script src="<?= base_url();?>bower_components/jquery/dist/jquery.min.js"></script>
<script>
fetch_all_Member();
function fetch_all_Member()
{
var dataString="action=fetch_all_Member";
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/fetch_all_Member",
data:dataString,
success:function(data){
$(".loader").hide();
$("#join_member_list").html(data);
}
});
}
fetch_all_enquiry();
function fetch_all_enquiry()
{
var dataString="action=fetch_all_enquiry";
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/fetch_all_enquiry",
data:dataString,
success:function(data){
$(".loader").hide();
$("#enq_member_list").html(data);
}
});
}
fetch_all_near_exp();
function fetch_all_near_exp()
{
var dataString="action=fetch_all_near_exp";
$.ajax({
type:"post",
url:"<?php echo base_url(); ?>AjaxController/fetch_all_near_exp",
data:dataString,
success:function(data){
$(".loader").hide();
$("#fetch_all_near_exp").html(data);
}
});
}
</script>
<!-- jQuery UI 1.11.4 -->
<script src="<?= base_url();?>bower_components/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.7 -->
<script src="<?= base_url();?>bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Morris.js charts -->
<script src="<?= base_url();?>bower_components/raphael/raphael.min.js"></script>
<script src="<?= base_url();?>bower_components/morris.js/morris.min.js"></script>
<!-- Sparkline -->
<script src="<?= base_url();?>bower_components/jquery-sparkline/dist/jquery.sparkline.min.js"></script>
<!-- jvectormap -->
<script src="<?= base_url();?>plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="<?= base_url();?>plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="<?= base_url();?>bower_components/jquery-knob/dist/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="<?= base_url();?>bower_components/moment/min/moment.min.js"></script>
<script src="<?= base_url();?>bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="<?= base_url();?>bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="<?= base_url();?>plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="<?= base_url();?>bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="<?= base_url();?>bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="<?= base_url();?>dist/js/adminlte.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="<?= base_url();?>dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="<?= base_url();?>dist/js/demo.js"></script>
<!-- InputMask -->
<script src="<?= base_url();?>plugins/input-mask/jquery.inputmask.js"></script>
<script src="<?= base_url();?>plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="<?= base_url();?>plugins/input-mask/jquery.inputmask.extensions.js"></script>
<script>
$(function () {
//Initialize Select2 Elements
//$('.select2').select()
//Datemask dd/mm/yyyy
$('#mem_birthdate').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' });
$('#enq_birthdate').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' });
// $('#mem_regi_date').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, locale: { format: 'MM/DD/YYYY hh:mm A' }})
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#mem_regi_date').datepicker({
format: 'dd-mm-yyyy',
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})
</script>
</body>
</html>
Zerion Mini Shell 1.0