fix
This commit is contained in:
@@ -0,0 +1,135 @@
|
|||||||
|
<div class="row" id="table-striped">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 class="card-title">Rooms or Classrooms</h4>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body">
|
||||||
|
|
||||||
|
<!-- Tooltip validations start -->
|
||||||
|
<section class="tooltip-validations" id="tooltip-validation">
|
||||||
|
<div class="row">
|
||||||
|
|
||||||
|
|
||||||
|
<div class="col-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 class="card-title">Add New</h4>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body" style="background-color: aliceblue; padding-bottom: 5px;">
|
||||||
|
<form class="needs-validation" method="POST" autocomplete="off">
|
||||||
|
<div class="form-row">
|
||||||
|
<label for="firstnameTip">Room Name</label>
|
||||||
|
<input type="text" class="form-control" id="room_name" name="room_name" placeholder="Room Name" value="" required>
|
||||||
|
</div>
|
||||||
|
<div id="entry_message"></div>
|
||||||
|
<hr size="1">
|
||||||
|
<div class="form-row">
|
||||||
|
<button class="btn btn-primary btn-sm btn-block" id="acc" type="submit" onclick="addNewRoom(1, 99); return true;">Add New</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<?= $room_table ?>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="entry_message"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-8">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 class="card-title">Room : </h4>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body" style="background-color: aliceblue; padding-bottom: 5px;">
|
||||||
|
<form class="needs-validation" method="POST" autocomplete="off">
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col-md-5 col-12 mb-3" style="height: 350px;">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="sel1">Available Subscribers:</label>
|
||||||
|
<select class="select2-bg form-control" multiple="multiple" id="bg-select-multi" data-bgcolor="success" data-bgcolor-variation="lighten-3" data-text-color="white" style="height:340px;">
|
||||||
|
<?php
|
||||||
|
foreach ($subscriber_data as $row) {
|
||||||
|
?>
|
||||||
|
<option value="<?= $row["sub_id"] ?>"><?= $row["firstname"] ?> <?= $row["lastname"] ?></option>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 col-12 mb-3" style="vertical-align: middle; text-align: center;">
|
||||||
|
<div id="butt-col" style="padding-top: 100px;">
|
||||||
|
<button type="button" class="btn btn-success btn-sm">Add></button>
|
||||||
|
<br>
|
||||||
|
<hr size="1">
|
||||||
|
<button type="button" class="btn btn-danger btn-sm">Remove</button>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col-md-5 col-12 mb-3" style="height: 350px;">
|
||||||
|
<label for="emailTip">Selected</label>
|
||||||
|
<select class="select2-bg form-control" multiple="multiple" id="bg-select-multi" data-bgcolor="success" data-bgcolor-variation="lighten-3" data-text-color="white" style="height:340px;">
|
||||||
|
<?php
|
||||||
|
foreach ($subscriber_data as $row) {
|
||||||
|
?>
|
||||||
|
<option value="<?= $row["sub_id"] ?>"><?= $row["firstname"] ?> <?= $row["lastname"] ?></option>
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="entry_message"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Tooltip validations end -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
|
|
||||||
|
function addNewRoom(member_id, page_id) {
|
||||||
|
|
||||||
|
var room_name = document.getElementById("room_name").value;
|
||||||
|
// alert( room_name );
|
||||||
|
|
||||||
|
$('#acc').prop('disabled', true);
|
||||||
|
$.ajax({
|
||||||
|
url: "/member/addNewRoom?proc=PROCESS&page_id=" + page_id + "&member_id=" + member_id + "&room_name=" + room_name
|
||||||
|
}).done(function (data) {
|
||||||
|
$('#entry_message').html(data);
|
||||||
|
$('#acc').prop('disabled', false);
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// -->
|
||||||
|
</script>
|
||||||
@@ -0,0 +1,121 @@
|
|||||||
|
<div class="row" id="table-striped">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 class="card-title">My Student/Subscribers</h4>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body">
|
||||||
|
|
||||||
|
<!-- Tooltip validations start -->
|
||||||
|
<section class="tooltip-validations" id="tooltip-validation">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h4 class="card-title">Add New</h4>
|
||||||
|
</div>
|
||||||
|
<div class="card-content">
|
||||||
|
<div class="card-body" style="background-color: aliceblue; padding-bottom: 5px;">
|
||||||
|
<form class="needs-validation" method="POST" autocomplete="off">
|
||||||
|
<div class="form-row">
|
||||||
|
<div class="col-md-3 col-12 mb-3">
|
||||||
|
<label for="firstnameTip">First name</label>
|
||||||
|
<input type="text" class="form-control" id="firstname" name="firstname" placeholder="First name" value="" required>
|
||||||
|
<div class="valid-tooltip">
|
||||||
|
Looks good!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3 col-12 mb-3">
|
||||||
|
<label for="lastnameTip">Last name</label>
|
||||||
|
<input type="text" class="form-control" id="lastname" name="lastname" placeholder="Last name" value="" required>
|
||||||
|
<div class="valid-tooltip">
|
||||||
|
Looks good!
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4 col-12 mb-3">
|
||||||
|
<label for="emailTip">Email</label>
|
||||||
|
<input type="text" class="form-control" id="email" name="email" placeholder="Email Address" required>
|
||||||
|
<div class="invalid-tooltip">
|
||||||
|
Please provide a valid city.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-2 col-12 mb-3">
|
||||||
|
<label for="submitTip"></label>
|
||||||
|
<button class="btn btn-primary" id="acc" type="submit" onclick="addNewSubscriber(1, 99); return true;">Add New</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="entry_message"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<!-- Tooltip validations end -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="table-responsive">
|
||||||
|
<table class="table table-striped mb-0">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col" style="width: 50px;">ID</th>
|
||||||
|
<th scope="col">Name</th>
|
||||||
|
<th scope="col">Email</th>
|
||||||
|
<th scope="col">User ID</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<?php
|
||||||
|
foreach ($subscriber_data as $row) {
|
||||||
|
?>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<th scope="row">1</th>
|
||||||
|
<td><?=$row["firstname"]?> <?=$row["lastname"]?></td>
|
||||||
|
<td><?=$row["email"]?></td>
|
||||||
|
<td>@<?=$row["sub_id"]?></td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
|
||||||
|
<?php
|
||||||
|
}
|
||||||
|
?>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
<!--
|
||||||
|
|
||||||
|
function addNewSubscriber(member_id, page_id) {
|
||||||
|
|
||||||
|
var firstname = document.getElementById("firstname").value;
|
||||||
|
var lastname = document.getElementById("lastname").value;
|
||||||
|
var email = document.getElementById("email").value;
|
||||||
|
|
||||||
|
|
||||||
|
$('#acc').prop('disabled', true);
|
||||||
|
$.ajax({
|
||||||
|
url: "/member/addNewSubscriber?proc=PROCESS&page_id=" + page_id + "&member_id=" + member_id + "&firstname=" + firstname + "&lastname=" + lastname + "&email=" + email
|
||||||
|
}).done(function (data) {
|
||||||
|
$('#entry_message').html(data);
|
||||||
|
$('#acc').prop('disabled', false);
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
//initMap();
|
||||||
|
// -->
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user