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