initial commit
This commit is contained in:
433
app/View/Expense/family_expenses.ctp-20190315
Normal file
433
app/View/Expense/family_expenses.ctp-20190315
Normal file
@@ -0,0 +1,433 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/jquery-ui.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/ui.jqgrid.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/jquery.jqplot.min.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/style-old.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/grid.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/jquery-ui.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/ui.jqgrid.css" />
|
||||
<link rel="stylesheet" type="text/css" href="<?php echo CDN_URL;?>css/jquery.jqplot.min.css" />
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
body {
|
||||
font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
|
||||
font-size: .79rem;
|
||||
background:#fff;
|
||||
}
|
||||
.ui-jqgrid .ui-jqgrid-view, .ui-jqgrid-bdiv, .ui-jqgrid-btable{width: 100% !important; overflow-x:hidden !important;}
|
||||
|
||||
.ui-state-hover .ui-pg-div .ui-icon{ margin: -1px 0; padding:0; height:18px;}
|
||||
|
||||
.ui-icon-closethick{cursor: pointer;}
|
||||
|
||||
#TblGrid_grid ,#TblGrid_income_grid{
|
||||
display:block;
|
||||
border: 0px solid red;
|
||||
padding:5px;
|
||||
margin-top:5px;
|
||||
width:290px;
|
||||
height:140px;
|
||||
overflow:auto;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
#graphRight {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
margin-top: 0px;
|
||||
width: 298px;
|
||||
height: 285px;
|
||||
|
||||
z-index: 0;
|
||||
|
||||
}
|
||||
|
||||
#graphRightInner {
|
||||
position: relative;
|
||||
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: 5px 5px 5px 5px;
|
||||
padding : 30px;
|
||||
width: 300px;
|
||||
height: 285px;
|
||||
border: 1px solid black;
|
||||
z-index: 1;
|
||||
|
||||
}
|
||||
|
||||
.ui-front {
|
||||
z-index: 100;
|
||||
}
|
||||
.ui-dialog-titlebar-close {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.graph .graphLeft{width: 503px; float:left; padding:10px; min-height:285px; overflow:auto;}
|
||||
.graph .graphRight{width: 207px; float:left; border-left: 1px solid #abc6df; padding:10px 10px 10px 3px; min-height:285px;}
|
||||
</style>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var lblForWhatReason = '<?php echo __("LBL_WHAT_REASON"); ?>';
|
||||
var lblExpenseList = '<?php echo __("LBL_EXPENSE_LIST"); ?>';
|
||||
var lblCategory = '<?php echo __("LBL_CATEGORY"); ?>';
|
||||
var lblExpenseNOTFOUND = '<?php echo __("LBL_EXPENSE_NOT_FOUND"); ?>';
|
||||
var lblCreatedOna = '<?php echo __("LBL_CREATED_ON"); ?>';
|
||||
var lblWhen = '<?php echo __("LBL_WHEN"); ?>';
|
||||
var lblDay = '<?php echo __("LBL_DAY"); ?>';
|
||||
var lblAmount = '<?php echo __("LBL_AMOUNT"); ?>';
|
||||
var lblAddExpense = '<?php echo __("LBL_ADD_EXPENSE"); ?>';
|
||||
var lblModifyExpense = '<?php echo __("LBL_MODIFY_EXPENSE"); ?>';
|
||||
var lblDeleteExpense = '<?php echo __("LBL_DELETE_EXPENSE"); ?>';
|
||||
var lblFindExpenses = '<?php echo __("LBL_FIND_EXPENSES"); ?>';
|
||||
var lblSave = '<?php echo __("LBL_SAVE"); ?>';
|
||||
var lblCancel = '<?php echo __("LBL_CANCEL"); ?>';
|
||||
var lblSaveContinue = '<?php echo __("LBL_SAVE_CONTINUE"); ?>';
|
||||
var lblWantDeleteExpense = '<?php echo __("LBL_WANT_DELETE_EXPENSE"); ?>';
|
||||
var lblIncomeList = '<?php echo __("LBL_INCOME_LIST"); ?>';
|
||||
var lblFindIncome = '<?php echo __("LBL_FIND_INCOME"); ?>';
|
||||
var lblAddIncome = '<?php echo __("LBL_ADD_INCOME"); ?>';
|
||||
var lblModifyIncome = '<?php echo __("LBL_MODIFY_INCOME"); ?>';
|
||||
var lblDeleteIncome = '<?php echo __("LBL_DELETE_INCOME"); ?>';
|
||||
var lblWantDeleteIncome = '<?php echo __("LBL_DO_YOU_DELETE_INCOME"); ?>';
|
||||
var lblEnterNameOfExpense = '<?php echo __("LBL_ENTER_NAME_OF_YOUR_EXPENSE"); ?>';
|
||||
var lblExpenseNameLessThanChar = '<?php echo __("LBL_EXPENSE_NAME_LESS_THAN_CHARACTER"); ?>';
|
||||
var lblValidAmount = '<?php echo __("LBL_VALID_AMOUNT"); ?>';
|
||||
var lblDateNotValid = '<?php echo __("LBL_DATE_NOT_VALID"); ?>';
|
||||
var lblCantDownload = "<?php echo __('LBL_SORRY_CANT_DOWNLOAD'); ?>";
|
||||
var lblIncomesOf = '<?php echo __("LBL_INCOMES_OF"); ?>';
|
||||
var lblTotalIncome = '<?php echo __("LBL_TOTAL_INCOME"); ?>';
|
||||
var lblTotalExpense = '<?php echo __("LBL_TOTAL_EXPENSE"); ?>';
|
||||
var lblBalance = '<?php echo __("LBL_BALANCE"); ?>';
|
||||
var lblDataSavingFailed = '<?php echo __("LBL_DATA_SAVING_FAILED"); ?>';
|
||||
var lblIncome = '<?php echo __("LBL_INCOME"); ?>';
|
||||
var lblExpens = '<?php echo __("LBL_EXPENS"); ?>';
|
||||
var lblDataSaved = '<?php echo __("LBL_DATA_SAVED_SUCCESSFULLY"); ?>';
|
||||
var lblEmailSent = '<?php echo __("LBL_EMAIL_SENT"); ?>';
|
||||
var lblEmailSentFail = '<?php echo __("LBL_EMAIL_SENT_FAIL"); ?>';
|
||||
|
||||
</script>
|
||||
<script type="text/javascript">
|
||||
|
||||
$(function() {
|
||||
$( "#tabs" ).tabs();
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<?php
|
||||
echo $this->Form->input('expenseData', array('type' => 'hidden','id'=>'expenseData','value'=>$expenseData));
|
||||
echo $this->Form->input('justCreated', array('type' => 'hidden','id'=>'justCreated','value'=>$justCreated));
|
||||
echo $this->Form->create(null, array('id'=> 'loadForm','url' => array('controller' => 'Expense', 'action' => 'loadTab')));
|
||||
echo $this->Form->end();
|
||||
?>
|
||||
|
||||
|
||||
<h1 class="tabTitle"><div id="expenseTitleDiv"></div></h1>
|
||||
<table><tr><td> <div id="expenseDescDiv"></div></td><td style="text-align:right"><div id="expenseLoginAsDiv" style="text-align:right"></div></td></tr></table>
|
||||
<table>
|
||||
<tr><td><strong><div id="expenseCreatedByDiv"></div></strong></td><td class="tabRight" style="text-align:right">
|
||||
<a style="cursor:pointer" onClick="gotoHome()"> <img title="Visit Home Page" src="<?php echo CDN_URL;?>images/home-icon.png" alt=""/> <?php echo __("LBL_HOME"); ?> </a>
|
||||
|<a style="cursor:pointer" onClick="createGroupExpense()"><?php echo __("LBL_NEW_GROUP_EXPENSECOUNT"); ?></a>
|
||||
|<a style="cursor:pointer" onClick="createMessExpense()"><?php echo __("LBL_NEW_MESS_EXPENSECOUNT"); ?></a>
|
||||
|<a style="cursor:pointer" onClick="createFamilyExpense()"><?php echo __("LBL_NEW_FAMILY_EXPENSECOUNT"); ?></a>
|
||||
<!-- <a style="cursor:pointer" onClick="dashBoard.printExpense()">| <?php echo __("LBL_PRINT"); ?></a> -->
|
||||
<a style="cursor:pointer" href="<?php echo HTTP_SITE_URL.'Expense/printReport/'.$uniqueURL; ?>" onClick="printReport()">| <?php echo __("LBL_PRINT"); ?></a>
|
||||
|
||||
</td>
|
||||
|
||||
</tr></table>
|
||||
<div id="participantBox" >
|
||||
|
||||
<div class="round">
|
||||
<table class="gridTable" style="text-align:left" >
|
||||
<tr>
|
||||
<th>
|
||||
<div id="expense_table_title_id"></div>
|
||||
</th>
|
||||
<th >
|
||||
|
||||
</th>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="contentDisplay" id="div_participant">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div id="tabs" style="display:none">
|
||||
<ul>
|
||||
<li><a href="#tabs-1"><img alt="Expenses" src="<?php echo CDN_URL;?>images/expense_icon.png" align="absmiddle"><?php echo __("LBL_INCOMES"); ?></a></li>
|
||||
<li><a href="#tabs-2"><img alt="Expenses" src="<?php echo CDN_URL;?>images/expense_icon.png" align="absmiddle"> <?php echo __("LBL_EXPENSE"); ?></a></li>
|
||||
<li><a href="#tabs-3"><img alt="Expenses" src="<?php echo CDN_URL;?>images/balance_icon.png" align="absmiddle"> <?php echo __("LBL_BALANCE"); ?></a></li>
|
||||
<li><a href="#tabs-4"><img alt="Expenses" src="<?php echo CDN_URL;?>images/share_icon.png" align="absmiddle"> <?php echo __("LBL_SHARE"); ?></a></li>
|
||||
<li><a href="#tabs-5"><img alt="Expenses" src="<?php echo CDN_URL;?>images/setting_icon.png" align="absmiddle"> <?php echo __("LBL_SETTINGS"); ?></a></li>
|
||||
</ul>
|
||||
|
||||
<div id="tabs-1">
|
||||
<div class="tabContent">
|
||||
<!-- Tab Participant List -->
|
||||
<table id="income_grid"><tr><td/></tr></table>
|
||||
<div id="income_pager"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="tabs-2">
|
||||
<div class="tabContent">
|
||||
<style type="text/css">
|
||||
|
||||
.jqplot-yaxis-tick {
|
||||
white-space: nowrap;
|
||||
}
|
||||
</style>
|
||||
|
||||
<table id="grid"><tr><td/></tr></table>
|
||||
<div id="expense_pager"> </div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="tabs-3">
|
||||
<div class="tabContent">
|
||||
|
||||
<div id="balanceDivId" class="graph">
|
||||
<div class="graphLeft">
|
||||
<a id="slideRight" href="#"><img src="<?php echo CDN_URL;?>images/slide-right-icon.png" alt=""/></a>
|
||||
<div id="income_chart" style=" height:130px;"></div>
|
||||
<div id="expense_chart" style=" height:130px;"></div>
|
||||
</div>
|
||||
<div class="graphRight">
|
||||
<a id="slideLeft" href="#"><img src="<?php echo CDN_URL;?>images/slide-left-icon.png" alt=""/></a>
|
||||
|
||||
<div id="balance_chart" style=" height:190px;"></div>
|
||||
<div id="balance_description_div"> </div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="tabs-4">
|
||||
<div class="tabContent">
|
||||
<?php
|
||||
echo $this->Form->create(null, array('id'=> 'sendEmailForm','url' => array('controller' => 'Expense', 'action' => 'sendEmail')));
|
||||
echo $this->Form->hidden('emailExpenseTitle');
|
||||
echo $this->Form->hidden('emailUniqueURL');
|
||||
|
||||
?>
|
||||
|
||||
<div><b><?php echo __("LBL_COPY_TEXT_BELOW_AND_SEND_EMAIL"); ?></b><br/> </div>
|
||||
<div id = "divExpenseURL"></div>
|
||||
<div id = "divExpenseFacebookURL"></div><br/>
|
||||
<p><?php echo __("LBL_EXPENSECOUNT_TOOL_CREATE_GROUP_MESS_FAMILY_EXPENSE"); ?></p>
|
||||
<table><tr><td> Or </br/> </br/> <?php echo __("LBL_PUT_EMAIL_ADDRESS"); ?>:<?php echo $this->Form->input('email',array('label'=>false,'email' => __('LBL_PLEASE_PROVIDE_EMAIL'),'length'=>'200px','required'=>'true','style'=>'width:240px; height:20px;')); ?>
|
||||
<br/>
|
||||
<?php echo $this->Form->end('Send');?> <img id="loadImg" style="display:none;" src="<?php echo CDN_URL;?>images/loading.gif" /></p></td></tr></table>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tabs-5">
|
||||
<div class="tabContent">
|
||||
<b><?php echo __("LBL_GENERAL_INFORMATION"); ?></b><br/>
|
||||
|
||||
<?php
|
||||
echo $this->Form->create(null, array('id'=> 'updateGroupExpenseForm','url' => array('controller' => 'Home', 'action' => 'updateGroupExpense')));
|
||||
?>
|
||||
<span id="error_title"></span><br/>
|
||||
<span id="error_currency"></span><br/>
|
||||
<?php
|
||||
echo $this->Form->hidden('expenseid');
|
||||
echo $this->Form->hidden('version');
|
||||
echo $this->Form->hidden('expenseType',array("value"=>"2"));
|
||||
?>
|
||||
<table>
|
||||
<tr> <td><?php echo __("LBL_TITLE"); ?></td><td><?php echo $this->Form->input('title',array('label'=>false,'title' => 'Please provide title','length'=>'200px','required'=>'false')); ?></td></tr>
|
||||
|
||||
<tr> <td><?php echo __("LBL_CURRENCY"); ?></td><td><?php echo $this->Form->input('currency',array('label'=>false)) ; ?></td></tr>
|
||||
|
||||
<tr> <td><?php echo __("LBL_DESCRIPTION"); ?></td><td><?php echo $this->Form->textarea('description',array('rows' => '5', 'cols' => '45'));?></td></tr>
|
||||
|
||||
<tr> <td> </td><td><br/><?php echo $this->Form->end('Save');?> <img id="loadImg" style="display:none;" src="<?php echo CDN_URL;?>images/loading.gif" /></td></tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="<?php echo CDN_URL; ?>js/excanvas.js"></script><![endif]-->
|
||||
|
||||
|
||||
<script src="<?php echo CDN_URL; ?>js/jquery-1.11.0.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/jquery-ui.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/i18n/grid.locale-en.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/jquery.jqGrid.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/jquery.jqplot.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/plugins/jqplot.barRenderer.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/plugins/jqplot.pieRenderer.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/plugins/jqplot.pointLabels.min.js"></script>
|
||||
<script src="<?php echo CDN_URL; ?>js/family_expense.js"></script>
|
||||
|
||||
<?php
|
||||
|
||||
echo $this->Form->create(null, array('id'=>'expenseForm','url' => array('controller' => 'Expense', 'action' => 'changeGroupExpense')));
|
||||
|
||||
echo $this->Form->end();
|
||||
|
||||
echo $this->Form->create(null, array('id'=>'participantForm','url' => array('controller' => 'Expense', 'action' => 'changeParticipant')));
|
||||
|
||||
|
||||
echo $this->Form->end();
|
||||
|
||||
?>
|
||||
|
||||
|
||||
<?php
|
||||
echo $this->Form->create("Expense", array('target'=>'blank','id'=> 'printForm','url' => array('controller' => 'Expense', 'action' => 'printExpense')));
|
||||
|
||||
echo $this->Form->input('printExpenseList', array('type' => 'hidden','id'=>'printExpenseList'));
|
||||
echo $this->Form->input('printIncomeList', array('type' => 'hidden','id'=>'printIncomeList'));
|
||||
echo $this->Form->input('printExpense', array('type' => 'hidden','id'=>'printExpense'));
|
||||
echo $this->Form->input('printNames', array('type' => 'hidden','id'=>'printNames'));
|
||||
|
||||
echo $this->Form->end();
|
||||
?>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
|
||||
$(function() {
|
||||
$("#tabs").tabs({
|
||||
activate: function( event, ui ) {
|
||||
var newIndex = ui.newTab.index();
|
||||
|
||||
if(newIndex == 0){
|
||||
dashBoard.setCategory(2);
|
||||
dashBoard.setIncomeGridExtension();
|
||||
} else if(newIndex == 1){
|
||||
dashBoard.setCategory(1);
|
||||
dashBoard.setExpenseGridExtension();
|
||||
} else if(newIndex == 2){
|
||||
dashBoard.drawGraph();
|
||||
} else if(newIndex == 3){
|
||||
var expense_url = "<?php echo HTTP_SITE_URL."/";?>"+dashBoard.expense.unique_url;
|
||||
$("#divExpenseURL").html('<br/><?php echo __("LBL_THE_FAMILY_EXPENSE"); ?> "'+dashBoard.expense.title+'" <?php echo __("LBL_ACCESSIBLE_ON_EXPENSECOUNT"); ?><?php echo __("LBL_THE_URL_IS"); ?> :<br/> <a style="color:#0000CD; background-color:transparent;" target=blank href="'+expense_url+'" >'+expense_url+'</a> ');
|
||||
$("#divExpenseFacebookURL").html("<br/><?php echo __('LBL_ACCESS_FROM_MOBILE'); ?><br/>");
|
||||
} else if(newIndex == 4){
|
||||
$("#ExpenseExpenseid").val(dashBoard.expense.id);
|
||||
$("#ExpenseTitle").val(dashBoard.expense.title);
|
||||
$("#ExpenseCurrency").val(dashBoard.expense.currency);
|
||||
$("#ExpenseDescription").val(dashBoard.expense.description);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
|
||||
$(function() {
|
||||
$( "input[type=submit]" )
|
||||
.button()
|
||||
});
|
||||
|
||||
$("#slideRight").hide();
|
||||
//Slider js
|
||||
$("#slideLeft").click(function(){
|
||||
$('.graphRight').hide(1000);
|
||||
$('.graphLeft').animate({width: 740}, {duration: 1000});
|
||||
$("#slideRight").show();
|
||||
});
|
||||
$("#slideRight").click(function(){
|
||||
$("#slideRight").hide();
|
||||
$('.graphLeft').animate({width: 507}, {duration: 1000});
|
||||
$('.graphRight').show(1000);
|
||||
});
|
||||
|
||||
|
||||
$("#btnDownloadImage").click(function( event ) {
|
||||
dashBoard.createGraphImage()
|
||||
});
|
||||
|
||||
|
||||
function createGroupExpense(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL;?>/Home/createGroupExpense";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function createMessExpense(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL;?>/Home/createMessExpense";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function createFamilyExpense(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL;?>/Home/createFamilyExpense";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function gotoHome(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL;?>";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function printGroupExpense(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL;?>/Home/print";
|
||||
}
|
||||
|
||||
}
|
||||
function printReport(){
|
||||
|
||||
if (top.location!= self.location) {
|
||||
top.location = "<?php echo HTTP_SITE_URL.'Expense/printReport/'.$uniqueURL; ?>";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user