function get_form_html($form_id, $id)
{
ob_start();
?>
<div id="head_div" style="height: 150px;
width: 320px; background-color: #ECECEC;
border-radius: 5px;margin-left: auto;display: none; ">
</div>
<div style="margin-top: 10px; background-color:transparent;padding-bottom: 30px;">
<style>
div#purchace_items td{
border: 1px solid #21ACD7;
}
div#purchace_items tbody td{
padding: 5px 0 5px 5px;
}
div#purchace_items tbody td input,div#purchace_items tbody td select{
padding: 0;
border: 0;
margin: 0;
height: 100%;
width: 100%;
background-color: transparent;
}
</style>
<div id="purchace_items" style="width: 100%; padding: 10px 0; color: #21ACD7;">
<table id="items_table" style="border-collapse: collapse; width: 100%;
background-color: #fff; border-radius: 10px; color: #21ACD7;">
<thead style="text-align: center;">
<tr status="not_selected">
<td>
#
</td>
<td>
ID
</td>
<td>
BANK NAME
</td>
<td>
BRANCH
</td>
<td style="">
IFSC CODE
</td>
<td style="">
ACCOUNT NUMBER
</td>
</tr>
</thead>
<tbody style="padding-left: 3px; text-align: center; ">
<?php
$bank = new bank();
$banks = $bank->getBanks();
$i = 0;
if ($banks == NULL || sizeof($banks) == 0) {
echo '<tr><td colspan="8"> No Bank Found </td></tr>';
} else {
foreach ($banks as $bank) {
?>
<tr id="<?php
echo $bank->id;
?>
" onclick="select_row(this)">
<td style="text-align: center;"><?php
echo ++$i;
?>
</td>
<td id="bank_id"><?php
echo 'BANK-' . $bank->id;
?>
</td>
<td id="bank_name"><?php
echo $bank->bank_name;
?>
</td>
<td id="branch"><?php
echo $bank->branch;
?>
</td>
<td id="ifsc_code"><?php
echo $bank->ifsc_code;
?>
</td>
<td id="account_number"><?php
echo $bank->account_number;
?>
</td>
</tr>
<?php
}
}
?>
</tbody>
</table>
</div>
</div>
<script type="text/javascript">
function select_row(row) {
var j_row = $(row);
if(j_row.attr('status') == 'selected'){
$('table#items_table tr').attr('status', 'not_selected');
$('table#items_table tr').css('background-color', '#FFF');
$('img#edit').css('display', 'none');
$('img#edit_fade').css('display', 'block');
$('img#delete').css('display', 'none');
$('img#delete_fade').css('display', 'block');
}else{
$('table#items_table tr').attr('status', 'not_selected');
$('table#items_table tr').css('background-color', '#FFF');
j_row.attr('status', 'selected');
j_row.css('background-color', '#C0EFFD');
$('img#edit').css('display', 'block');
$('img#edit_fade').css('display', 'none');
$('img#delete').css('display', 'block');
$('img#delete_fade').css('display', 'none');
}
}
function on_edit_clicked(){
var selected_row = $('tr[status="selected"]');
var bank_name = selected_row.find('td#bank_name').html();
var id = selected_row.attr('id');
var branch = selected_row.find('td#branch').html();
var ifsc_code = selected_row.find('td#ifsc_code').html();
var account_number = selected_row.find('td#account_number').html();
get_form(22, ///bank create form
function (html, tools){
$('div#form-body').html(html);
$('div#content-body-action-tools').html(tools);
var form = $('div#form-body').find('form.action_form');
form.attr('operation', 'update');
form.attr('bank_id', id);
form.find('input#bank_name').val(bank_name);
form.find('input#branch').val(branch);
form.find('input#ifsc_code').val(ifsc_code);
form.find('input#account_number').val(account_number);
form.find('input[type=submit]').val('UPDATE');
$('div#head_div').html('ID : BANK-'+id);
$('div#head_div').css('display', 'block');
},
function (message){
$('font#section_heading').empty();
$('div#form-body').empty();
alert(message);
}
);
}
function on_delete_clicked(){
var selected_row = $('tr[status="selected"]');
var id = selected_row.attr('id');
if(confirm('Are you sure you want to delete BANK-'+id+' ?' )){
var data = {
form_id : 23,
bank_id : id
}
delete_form_data(data, function(message) {
get_form(23,
function(html, tools) {
$('div#form-body').html(html);
$('div#content-body-action-tools').html(tools);
}, function(message) {
$('font#section_heading').empty();
$('div#form-body').empty();
alert(message);
});
alert(message);
}, function(message) {
alert(message);
});
}
}
function on_add_clicked(){
get_form(22, ///bank create form
function (html, tools){
$('div#form-body').html(html);
$('div#content-body-action-tools').html(tools);
},
function (message){
$('font#section_heading').empty();
$('div#form-body').empty();
alert(message);
}
);
}
</script>
<?php
$form = ob_get_clean();
return $form;
}
function get_form_html($form_id, $id)
{
ob_start();
?>
<style>
.field_name{
width: 20%;
}
.field input{
width: 100%;
margin-left: 0px;
}
.field textArea{
width: 100%;
margin-left: 0px;
}
.field .parent{
padding: 0px 0px;
}
.field select{
width: 100%;
}
</style>
<div id="head_div" style="padding: 5px 0; background-color: #ECECEC; color: #21ACD7;
border-radius: 5px;margin-left: auto;display: none; text-align: center; ">
</div>
<div style="margin-top: 10px; background-color:transparent;padding-bottom: 30px;">
<form action="#" method="post" class="action_form" operation="add" style="width:100%;" >
<table style="width:100%;">
<tr>
<td class="field_name">
<font>AMOUNT</font>
</td>
<td class="field">
<div class="parent">
<input type="number" step="0.01" id="amount" required />
</div>
</td>
</tr>
<tr>
<td class="field_name">
<font>BANK ACCOUNT</font>
</td>
<td class="field">
<div class="parent">
<select id="bank_account" required >
<?php
$bank = new bank();
$banks = $bank->getBanks();
if (is_array($banks) and count($banks) != 0) {
foreach ($banks as $bank) {
echo '<option value="' . $bank->id . '">' . $bank->bank_name . ' - ' . $bank->branch . ' - ' . $bank->account_number . '</option>';
}
}
?>
</select>
</div>
</td>
</tr>
<tr>
<td class="field_name">
<font>DESCRIPTION</font>
</td>
<td class="field">
<div class="parent">
<textarea id="description" required rows="5" ></textarea>
</div>
</td>
</tr>
<tr></tr>
<tr>
<td></td>
<td>
<div style="padding: 0px 12px;">
<div style="width: 100%; margin-left: -12px; padding: 12px;
background-color: #0d92bb; border-radius: 5px; float: left;">
<div style="width: 50%; float: right; ">
<input style="width: 100%;" type="submit" value="ADD" />
</div>
<div style="width: 50%;">
<input style="width: 100%;" type="reset" value="CANCEL" />
</div>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
<script type="text/javascript">
function setFormActionListener(){
$('form.action_form').on('submit', function(e) {
e.preventDefault();
var id = 4;
var operation = $(this).attr('operation');
if (operation == 'add') {
var data = {
form_id: id,
amount: $('form input#amount').val(),
bank_id: $('form select#bank_account').val(),
description: $('form textarea#description').val()
}
add_form_data(data, function(message) {
get_form(4,function(html) {
$('div#form-body').html(html);
}, function(message) {
$('font#section_heading').empty();
$('div#form-body').empty();
alert(message);
});
alert(message);
}, function(message) {
alert(message);
});
}else if (operation == 'update') {
var bank_deposit_id = $('form.action_form').attr('bank_deposit_id');
var data = {
form_id: id,
bank_deposit_id: bank_deposit_id,
amount: $('form input#amount').val(),
bank_id: $('form select#bank_account').val(),
description: $('form textarea#description').val()
}
update_form_data(data, function(message) {
get_form(32,function(html, tools) {
$('div#form-body').html(html);
$('div#content-body-action-tools').html(tools);
}, function(message) {
$('font#section_heading').empty();
$('div#form-body').empty();
alert(message);
});
alert(message);
}, function(message) {
alert(message);
});
} else {
alert("Invalid Operation " + id + ' - ' + operation);
}
});
};
setFormActionListener();
</script>
<?php
$form = ob_get_clean();
return $form;
}
