This commit is contained in:
2020-04-19 11:57:21 -04:00
parent 7fb2d54b77
commit 4d782855f0
2 changed files with 256 additions and 0 deletions
@@ -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>