ok
Mini Shell
<style type="text/css">
.scrollit {
height:210px;
overflow-y:scroll;
list-style-type: none;
}
.dual-list .list-group {
margin-top: 8px;
}
.list-left li, .list-right li {
cursor: pointer;
}
.list-arrows {
padding-top: 100px;
}
.list-arrows button {
margin-bottom: 20px;
}
</style>
<link rel="stylesheet" href="<?php echo base_url(); ?>backend/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
<script src="<?php echo base_url(); ?>backend/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<div class="content-wrapper">
<section class="content-header">
<h1>
<i class="fa fa-bullhorn"></i> <?php echo $this->lang->line('communicate'); ?></h1>
</section>
<section class="contesnt">
<div class="row">
<div class="col-md-12">
<!-- Custom Tabs (Pulled to the right) -->
<div class="nav-tabs-custom theme-shadow">
<ul class="nav nav-tabs pull-right">
<li><a href="#tab_birthday" data-toggle="tab"><?php echo $this->lang->line('todays_birtday'); ?></a></li>
<li><a href="#tab_class" data-toggle="tab"><?php echo $this->lang->line('class'); ?></a></li>
<li><a href="#tab_perticular" data-toggle="tab"><?php echo $this->lang->line('individual'); ?></a></li>
<li class="active"><a href="#tab_group" data-toggle="tab"><?php echo $this->lang->line('group'); ?></a></li>
<li class="pull-left header"><?php echo $this->lang->line('send') . " " . $this->lang->line('sms') ?></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_group">
<form action="<?php echo site_url('admin/mailsms/send_group_sms') ?>" method="post" id="group_form">
<!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label><?php echo $this->lang->line('title'); ?></label> <small class="req">*</small>
<input autofocus="" class="form-control" name="group_title">
</div>
<div class="form-group">
<label class="pr20"><?php echo $this->lang->line('send_through'); ?><small class="req"> *</small></label>
<label class="checkbox-inline">
<input type="checkbox" value="sms" name="group_send_by[]"><?php echo $this->lang->line('sms'); ?>
</label>
<label class="checkbox-inline">
<input type="checkbox" value="push" name="group_send_by[]"><?php echo $this->lang->line('mobile_app'); ?>
</label>
<span class="text-danger"><?php echo form_error('message'); ?></span>
</div>
<div class="form-group">
<label><?php echo $this->lang->line('message'); ?></label><small class="req"> *</small>
<textarea id="group_msg_text" name="group_message" class="form-control compose-textarea" rows="12"><?php echo set_value('message'); ?></textarea>
<span class="text-muted tot_count_group_msg_text pull-right word_counter"><?php echo $this->lang->line('character') . " " . $this->lang->line('count') ?>: 0</span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('message_to'); ?></label><small class="req"> *</small>
<div class="well minheight303">
<div class="checkbox mt0">
<label><input type="checkbox" name="user[]" value="student"> <b><?php echo $this->lang->line('students'); ?></b> </label>
</div>
<div class="checkbox">
<label><input type="checkbox" name="user[]" value="parent"> <b><?php echo $this->lang->line('guardians'); ?></b></label>
</div>
<?php
foreach ($roles as $role_key => $role_value) {
?>
<div class="checkbox">
<label><input type="checkbox" name="user[]" value="<?php echo $role_value['id']; ?>"> <b><?php echo $role_value['name']; ?></b></label>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="pull-right">
<button type="submit" class="btn btn-primary submit_group" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Sending" ><i class="fa fa-envelope-o"></i> <?php echo $this->lang->line('send'); ?></button>
</div>
</div>
<!-- /.box-footer -->
</form>
</div>
<!-- /.tab-pane -->
<div class="tab-pane" id="tab_perticular">
<form action="<?php echo site_url('admin/mailsms/send_individual_sms') ?>" method="post" id="individual_form">
<!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label><?php echo $this->lang->line('title'); ?></label>
<small class="req"> *</small>
<input class="form-control" name="individual_title">
</div>
<div class="form-group">
<label class="pr20"><?php echo $this->lang->line('send_through'); ?><small class="req"> *</small></label>
<label class="checkbox-inline">
<input type="checkbox" value="sms" name="individual_send_by[]"><?php echo $this->lang->line('sms'); ?>
</label>
<label class="checkbox-inline">
<input type="checkbox" value="push" name="individual_send_by[]"><?php echo $this->lang->line('mobile_app'); ?>
</label>
<span class="text-danger"><?php echo form_error('message'); ?></span>
</div>
<div class="form-group">
<label><?php echo $this->lang->line('message'); ?></label><small class="req"> *</small>
<textarea id="individual_msg_text" name="individual_message" class="form-control compose-textarea" rows="12"><?php echo set_value('message'); ?></textarea>
<span class="text-muted tot_count_individual_msg_text pull-right word_counter">Character Count: 0</span>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="inpuFname"><?php echo $this->lang->line('message_to'); ?></label><small class="req"> *</small>
<div class="input-group">
<div class="input-group-btn bs-dropdown-to-select-group">
<button type="button" class="btn btn-default btn-searchsm dropdown-toggle as-is bs-dropdown-to-select" data-toggle="dropdown">
<span data-bind="bs-drp-sel-label"><?php echo $this->lang->line('select'); ?></span>
<input type="hidden" name="selected_value" data-bind="bs-drp-sel-value" value="">
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu" style="">
<li data-value="student"><a href="#" ><?php echo $this->lang->line('students'); ?></a></li>
<li data-value="parent"><a href="#"><?php echo $this->lang->line('guardians'); ?></a></li>
<li data-value="student_guardian"><a href="#" ><?php echo $this->lang->line('students') . " - " . $this->lang->line('guardians'); ?></a></li>
<?php
foreach ($roles as $role_key => $role_value) {
?>
<li data-value="staff"><a href="#"><?php echo $role_value['name']; ?></a></li>
<?php
}
?>
</ul>
</div>
<input type="text" value="" data-record="" data-email="" data-mobileno="" class="form-control" autocomplete="off" name="text" id="search-query">
<div id="suggesstion-box"></div>
<span class="input-group-btn">
<button class="btn btn-primary btn-searchsm add-btn" type="button">Add</button>
</span>
</div>
</div>
<div class="dual-list list-right">
<div class="well minheight260">
<div class="row">
<div class="col-md-12">
<div class="input-group">
<input type="text" name="SearchDualList" class="form-control" placeholder="Search..." />
<div class="input-group-btn"><span class="btn btn-default input-group-addon bright" style="height: 28px;"><i class="fa fa-search"></i></span></div>
</div>
</div>
</div>
<div class="wellscroll">
<ul class="list-group send_list">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="pull-right">
<button type="submit" class="btn btn-primary submit_individual" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Sending" ><i class="fa fa-envelope-o"></i> <?php echo $this->lang->line('send'); ?></button>
</div>
</div>
<!-- /.box-footer -->
</form>
</div>
<div class="tab-pane" id="tab_class">
<form action="<?php echo site_url('admin/mailsms/send_class_sms') ?>" method="post" id="class_form">
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label><?php echo $this->lang->line('title'); ?></label>
<small class="req"> *</small>
<input class="form-control" name="class_title">
</div>
<div class="form-group">
<label class="pr20"><?php echo $this->lang->line('send_through'); ?><small class="req"> *</small></label>
<label class="checkbox-inline">
<input type="checkbox" value="sms" name="class_send_by[]"><?php echo $this->lang->line('sms'); ?>
</label>
<label class="checkbox-inline">
<input type="checkbox" value="push" name="class_send_by[]"> <?php echo $this->lang->line('mobile_app'); ?>
</label>
<span class="text-danger"><?php echo form_error('message'); ?></span>
</div>
<div class="form-group">
<label><?php echo $this->lang->line('message'); ?></label><small class="req"> *</small>
<textarea id="class_msg_text" name="class_message" class="form-control compose-textarea" rows="12"><?php echo set_value('message'); ?></textarea>
<span class="text-muted tot_count_class_msg_text pull-right word_counter">Character Count: 0</span>
</div>
</div>
<div class="col-md-4">
<div class="row">
<div class="form-group col-xs-10 col-sm-12 col-md-12 col-lg-12">
<label for="exampleInputEmail1"><?php echo $this->lang->line('message_to'); ?></label><small class="req"> *</small>
<select id="class_id" name="class_id" class="form-control" >
<option value=""><?php echo $this->lang->line('select'); ?></option>
<?php
foreach ($classlist as $class) {
?>
<option value="<?php echo $class['id'] ?>"<?php
if (set_value('class_id') == $class['id']) {
echo "selected=selected";
}
?>><?php echo $class['class'] ?></option>
<?php
}
?>
</select>
</div>
</div>
<div class="dual-list list-right">
<div class="well minheight260">
<div class="wellscroll">
<b><?php echo $this->lang->line('section'); ?></b>
<ul class="list-group section_list listcheckbox">
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="pull-right">
<button type="submit" class="btn btn-primary submit_class" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Sending" ><i class="fa fa-envelope-o"></i> <?php echo $this->lang->line('send'); ?></button>
</div>
</div>
</form>
</div>
<div class="tab-pane" id="tab_birthday">
<form action="<?php echo site_url('admin/mailsms/send_birthday_sms') ?>" method="post" id="birthday_form">
<!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-8">
<div class="form-group">
<label><?php echo $this->lang->line('title'); ?></label><small class="req"> *</small>
<input autofocus="" class="form-control" name="birthday_title">
</div>
<div class="form-group">
<label class="pr20"><?php echo $this->lang->line('send_through'); ?><small class="req"> *</small></label>
<label class="checkbox-inline">
<input type="checkbox" value="sms" name="birthday_send_by[]"><?php echo $this->lang->line('sms'); ?>
</label>
<label class="checkbox-inline">
<input type="checkbox" value="push" name="birthday_send_by[]"><?php echo $this->lang->line('mobile_app'); ?>
</label>
<span class="text-danger"><?php echo form_error('message'); ?></span>
</div>
<div class="form-group">
<label><?php echo $this->lang->line('message'); ?></label><small class="req"> *</small>
<textarea id="birthday_msg_text" name="birthday_message" class="form-control compose-textarea ckeditor" cols="35" rows="20"><?php echo set_value('message'); ?></textarea>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label for="exampleInputEmail1"><?php echo $this->lang->line('message_to'); ?></label><small class="req"> *</small>
<div class="well minheight303">
<?php
if (!empty($birthDaysList)) {
// print_r($birthDaysList['students']);
if (isset($birthDaysList['students'])) {
?>
<h4><?php echo $this->lang->line('students'); ?></h4>
<hr>
<div class="wellscroll">
<?php
foreach ($birthDaysList['students'] as $student_key => $student_value) {
?>
<div class="checkbox">
<label><input type="checkbox" name="user[]" app-key="<?php echo $student_value['app_key']; ?>" value="<?php echo $student_value['contact_no'] ?>" checked> <b><?php echo $student_value['name']; ?></b></label>
</div>
<?php
}
?>
</div>
<?php
}
if (isset($birthDaysList['staff'])) {
?>
<h4><?php echo $this->lang->line('staff'); ?></h4>
<hr>
<div class="wellscroll">
<?php
foreach ($birthDaysList['staff'] as $staff_key => $staff_value) {
?>
<div class="checkbox">
<label><input type="checkbox" name="user[]" app-key="" value="<?php echo $staff_value['contact_no'] ?>" checked> <b><?php echo $staff_value['name']; ?></b></label>
</div>
<?php
}
?>
</div>
<?php
}
}
?>
</div>
</div>
</div>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer">
<div class="pull-right">
<button type="submit" class="btn btn-primary submit_birthday" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Sending" ><i class="fa fa-envelope-o"></i> <?php echo $this->lang->line('send'); ?></button>
</div>
</div>
<!-- /.box-footer -->
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<script>
$(document).on('click', '.dropdown-menu li', function () {
$("#suggesstion-box ul").empty();
$("#suggesstion-box").hide();
});
$(document).ready(function (e) {
$(document).on('click', '.bs-dropdown-to-select-group .dropdown-menu li', function (event) {
var $target = $(event.currentTarget);
$target.closest('.bs-dropdown-to-select-group')
.find('[data-bind="bs-drp-sel-value"]').val($target.attr('data-value'))
.end()
.children('.dropdown-toggle').dropdown('toggle');
$target.closest('.bs-dropdown-to-select-group')
.find('[data-bind="bs-drp-sel-label"]').text($target.context.textContent);
return false;
});
});
</script>
<script type="text/javascript">
var attr = {};
$(document).ready(function () {
$("#search-query").keyup(function () {
$("#search-query").attr('data-record', "");
$("#search-query").attr('data-email', "");
$("#search-query").attr('data-mobileno', "");
$("#suggesstion-box").hide();
var category_selected = $("input[name='selected_value']").val();
$.ajax({
type: "POST",
url: "<?php echo site_url('admin/mailsms/search') ?>",
data: {'keyword': $(this).val(), 'category': category_selected},
dataType: 'JSON',
beforeSend: function () {
$("#search-query").css("background", "#FFF url(../../backend/images/loading.gif) no-repeat 165px");
},
success: function (data) {
if (data.length > 0) {
setTimeout(function () {
$("#suggesstion-box").show();
var cList = $('<ul/>').addClass('selector-list');
$.each(data, function (i, obj)
{
if (category_selected == "student") {
console.log(obj);
if (obj.app_key == null){
obj.app_key="";
}
var app_key = obj.app_key;
var email = obj.email;
var contact = obj.mobileno;
var name = obj.firstname + " " + obj.lastname + "(" + obj.admission_no + ")";
} else if (category_selected == "student_guardian") {
var app_key = '';
var email = obj.email;
var guardian_email = obj.guardian_email;
var contact = obj.mobileno;
var name = obj.firstname + " " + obj.lastname + "(" + obj.admission_no + ")";
} else if (category_selected == "parent") {
if (obj.parent_app_key == null){
obj.app_key="";
}
var app_key = obj.parent_app_key;
var email = obj.guardian_email;
var contact = obj.guardian_phone;
var name = obj.guardian_name;
} else if (category_selected == "staff") {
var app_key = '';
var email = obj.email;
var contact = obj.contact_no;
var name = obj.name + ' ' + obj.surname + '(' + obj.employee_id + ')';
}
var li = $('<li/>')
.addClass('ui-menu-item')
.attr('category', category_selected)
.attr('record_id', obj.id)
.attr('email', email)
.attr('mobileno', contact)
.attr('app_key', app_key)
.text(name);
if (category_selected == "student_guardian") {
li.attr('data-guardian-email', guardian_email);
}
li.appendTo(cList);
});
$("#suggesstion-box").html(cList);
$("#search-query").css("background", "#FFF");
}
, 1000);
} else {
$("#suggesstion-box").hide();
$("#search-query").css("background", "#FFF");
}
}
});
});
});
$(document).on('click', '.selector-list li', function () {
var val = $(this).text();
var record_id = $(this).attr('record_id');
var email = $(this).attr('email');
var mobileno = $(this).attr('mobileno');
var app_key = $(this).attr('app_key');
$("#search-query").attr('value', val).val(val);
$("#search-query").attr('data-record', record_id);
$("#search-query").attr('data-email', email);
if ($(this).data('guardianEmail') !=undefined) {
$("#search-query").attr('data-guardian-email',$(this).data('guardianEmail'));
}
$("#search-query").attr('data-mobileno', mobileno);
$("#search-query").attr('data-app_key', app_key);
$("#suggesstion-box").hide();
});
$(document).on('click', '.add-btn', function () {
var guardianEmail="";
var value = $("#search-query").val();
if($.trim(value) != ""){
var record_id = $("#search-query").attr('data-record');
var app_key = $("#search-query").attr('data-app_key');
var email = $("#search-query").attr('data-email');
var mobileno = $("#search-query").attr('data-mobileno');
if ($("#search-query").data('guardianEmail') !=undefined) {
var guardianEmail = $("#search-query").data('guardianEmail');
}
var category_selected = $("input[name='selected_value']").val();
if (record_id != "" || category_selected != "") {
var chkexists = checkRecordExists(category_selected + "-" + record_id);
if (chkexists) {
var arr = [];
arr.push({
'category': category_selected,
'record_id': record_id,
'email': email,
'guardianEmail': guardianEmail,
'mobileno': mobileno,
'app_key': app_key
});
attr[category_selected + "-" + record_id] = arr;
$("#search-query").attr('value', "").val("");
$("#search-query").attr('data-record', "");
$(".send_list").append('<li class="list-group-item" id="' + category_selected + '-' + record_id + '"><i class="fa fa-user"></i> ' + value + ' (' + category_selected.charAt(0).toUpperCase() + category_selected.slice(1).toLowerCase() + ') <i class="fa fa-trash pull-right text-danger" onclick="delete_record(' + "'" + category_selected + '-' + record_id + "'" + ')"></i></li>');
} else {
errorMsg("Record already exists");
}
} else {
errorMsg("Incorrect record");
}
}else{
errorMsg("<?php echo $this->lang->line('please_select_record');?>");
}
getTotalRecord();
});
</script>
<script type="text/javascript">
function getTotalRecord() {
$.each(attr, function (key, value) {
// console.log(value);
});
}
function checkRecordExists(find) {
if (find in attr) {
return false;
}
return true;
}
$(function () {
$('[name="SearchDualList"]').keyup(function (e) {
var code = e.keyCode || e.which;
if (code == '9')
return;
if (code == '27')
$(this).val(null);
var $rows = $(this).closest('.dual-list').find('.list-group li');
var val = $.trim($(this).val()).replace(/ +/g, ' ').toLowerCase();
$rows.show().filter(function () {
var text = $(this).text().replace(/\s+/g, ' ').toLowerCase();
return !~text.indexOf(val);
}).hide();
});
});
function delete_record(record) {
delete attr[record];
$('#' + record).remove();
getTotalRecord();
return false;
}
;
$("#individual_form").submit(function (event) {
event.preventDefault();
var formData = new FormData();
var other_data = $(this).serializeArray();
$.each(other_data, function (key, input) {
formData.append(input.name, input.value);
});
var objArr = [];
var user_list = (!jQuery.isEmptyObject(attr)) ? JSON.stringify(attr) : "";
formData.append('user_list', user_list);
var $form = $(this),
url = $form.attr('action');
var $this = $('.submit_individual');
$this.button('loading');
$.ajax({
type: "POST",
url: url,
data: formData,
dataType: "JSON",
contentType: false,
processData: false,
cache: false,
async: false,
success: function (data) {
if (data.status == 1) {
var message = "";
$.each(data.msg, function (index, value) {
message += value;
});
errorMsg(message);
} else {
$('#individual_form')[0].reset();
$("ul.send_list").empty();
attr = {};
successMsg(data.msg);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}, complete: function (data) {
$this.button('reset');
}
})
});
$("#birthday_form").submit(function (event) {
var user_list = [];
$.each($("input[name='user[]']:checked"), function(){
user_list.push($(this).attr("app-key"));
});
event.preventDefault();
var formData = new FormData();
var other_data = $(this).serializeArray();
$.each(other_data, function (key, input) {
if(input.value != ""){
formData.append(input.name, input.value);
}else{
formData.append(input.name,0);
}
});
$.each(user_list, function( index, value ) {
formData.append('app-key[]', value);
});
var $form = $(this),
url = $form.attr('action');
var $this = $('.submit_birthday');
$this.button('loading');
$.ajax({
type: "POST",
url: url,
data: formData,
dataType: "JSON",
contentType: false,
processData: false,
beforeSend: function () {
$this.button('loading');
},
success: function (data) {
if (data.status == 1) {
var message = "";
$.each(data.msg, function (index, value) {
message += value;
});
errorMsg(message);
} else {
$('#birthday_form')[0].reset();
successMsg(data.msg);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}, complete: function (data) {
$this.button('reset');
}
})
});
$("#group_form").submit(function (event) {
event.preventDefault();
// var logoImg = $('input[name="group_attachment"]').get(0).files[0];
var formData = new FormData();
var other_data = $(this).serializeArray();
$.each(other_data, function (key, input) {
formData.append(input.name, input.value);
});
var $form = $(this),
url = $form.attr('action');
var $this = $('.submit_group');
$this.button('loading');
$.ajax({
type: "POST",
url: url,
data: formData,
dataType: "JSON",
contentType: false,
processData: false,
cache: false,
async: false,
success: function (data) {
if (data.status == 1) {
var message = "";
$.each(data.msg, function (index, value) {
message += value;
});
errorMsg(message);
} else {
$('#group_form')[0].reset();
successMsg(data.msg);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}, complete: function (data) {
$this.button('reset');
}
})
});
$(document).on('change', '#class_id', function (e) {
$('.section_list').html("");
var class_id = $(this).val();
var base_url = '<?php echo base_url() ?>';
var url = "<?php
$userdata = $this->customlib->getUserData();
if (($userdata["role_id"] == 2)) {
echo "getClassTeacherSection";
} else {
echo "getByClass";
}
?>";
var div_data = '';
$.ajax({
type: "GET",
url: base_url + "sections/getByClass",
data: {'class_id': class_id},
dataType: "json",
success: function (data) {
$.each(data, function (i, obj)
{
div_data += '<li class="checkbox"><a href="#" class="small"><label><input type="checkbox" name="user[]" value ="' + obj.section_id + '"/>' + obj.section + '</label></a></li>';
});
$('.section_list').append(div_data);
}
});
});
$("#class_form").submit(function (event) {
event.preventDefault();
var formData = new FormData();
var other_data = $(this).serializeArray();
$.each(other_data, function (key, input) {
formData.append(input.name, input.value);
});
var $form = $(this),
url = $form.attr('action');
var $this = $('.submit_class');
$this.button('loading');
$.ajax({
type: "POST",
url: url,
data: formData,
dataType: "JSON",
contentType: false,
processData: false,
cache: false,
async: false,
success: function (data) {
if (data.status == 1) {
var message = "";
$.each(data.msg, function (index, value) {
message += value;
});
errorMsg(message);
} else {
$('#class_form')[0].reset();
$('.section_list').html("");
successMsg(data.msg);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}, complete: function (data) {
$this.button('reset');
}
});
});
$(document).on('keypress keyup keydown paste change focus blur','.compose-textarea',function(event){
var total_length=checkTextAreaMaxLength(this,event);
$(this).next('span.word_counter').html("Character Count: " + total_length)
});
function checkTextAreaMaxLength(textBox, e) {
return textBox.value.length;
}
</script>
Zerion Mini Shell 1.0