| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/kwokfai/admin_html/ |
Upload File : |
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>幗暉創富投資有限公司</title>
<!-- Tell the browser to be responsive to screen width -->
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.min.css">
<!-- daterange picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-daterangepicker/daterangepicker.css">
<!-- bootstrap datepicker -->
<link rel="stylesheet" href="../bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<!-- iCheck for checkboxes and radio inputs -->
<link rel="stylesheet" href="../plugins/iCheck/all.css">
<!-- Bootstrap Color Picker -->
<link rel="stylesheet" href="../bower_components/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css">
<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="../plugins/timepicker/bootstrap-timepicker.min.css">
<!-- Select2 -->
<link rel="stylesheet" href="../bower_components/select2/dist/css/select2.min.css">
<!-- Theme style -->
<link rel="stylesheet" href="../dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="../dist/css/skins/_all-skins.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Google Font -->
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="index.html" class="logo">
<!-- mini logo for sidebar mini 50x50 pixels -->
<span class="logo-mini"><b>幗暉創富</b></span>
<!-- logo for regular state and mobile devices -->
<span class="logo-lg"><b>幗暉創富投資有限公司</b></span>
</a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input class="form-control" id="navbar-search-input" placeholder="Search" type="text">
</div>
</form>
<div class="navbar-custom-menu">
<ul class="nav navbar-nav">
<li><a href="createLoan.html"><i class="fa fa-plus"></i> 新增貸款</a></li>
<!-- User Account: style can be found in dropdown.less -->
<li class="dropdown user user-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user" aria-hidden="true" style="font-size: 1em;"></i>
<span class="hidden-xs">管理人員</span> </a>
<ul class="dropdown-menu">
<!-- Menu Footer-->
<li class="user-footer">
<div class="pull-left">
<a href="http://192.168.171.24/codeigniter/webadmin/en/bk_admin/profile" class="btn btn-default btn-flat">個人檔案</a>
</div>
<div class="pull-right">
<a href="http://192.168.171.24/codeigniter/webadmin/en/bk_admin/logout" class="btn btn-default btn-flat">登出</a>
</div>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</header>
<!-- =============================================== -->
<!-- Left side column. contains the sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- Sidebar user panel -->
<div class="user-panel">
<div class="pull-left image">
</div>
<div class="pull-left info">
<p><i class="fa fa-user" aria-hidden="true" style="font-size: 1em; margin-right: 5px;"></i>管理人員</p>
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
</div>
</div>
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li>
<a href="index.html">
<i class="fa fa-home"></i> <span>主頁</span>
</a>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-usd"></i>
<span>貸款</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="loanRecords.html"><i class="fa fa-file-text-o"></i> 貸款紀錄</a></li>
<li><a href="createLoan.html"><i class="fa fa-plus"></i> 新增貸款</a></li>
</ul>
</li>
<li class="treeview">
<a href="#">
<i class="fa fa-money "></i>
<span>還款</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li><a href="repayment_records.html"><i class="fa fa-file-text-o"></i> 還款紀錄</a></li>
<li><a href="create_repayment.html"><i class="fa fa-share"></i> 新增還款</a></li>
</ul>
</li>
<li class="active">
<a href="calculator.html">
<i class="fa fa-calculator"></i> <span>還款計算器</span>
</a>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- =============================================== -->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
還款計算器
<small>( <span class="text-red">*</span>必須填寫，<span class="text-light-blue">+</span>如空白會自動產生)</small>
</h1>
<ol class="breadcrumb">
<li class="active"><i class="fa fa-home"></i> 主頁</li>
</ol>
</section>
<!-- Main content -->
<section class="content">
<!-- filter -->
<div class="row">
<!-- left column -->
<div class="col-md-12">
<!-- general form elements -->
<div class="box box-primary">
<div class="box-body">
<div class="row">
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 計息方式</label>
<select class="form-control">
<option >息隨本減</option>
<option>先息後本</option>
<option>78法則</option>
</select>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 貸款金額</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-usd"></i></span>
<input class="form-control" placeholder="金額">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 分期</label>
<input class="form-control" placeholder="分期" type="text" value="">
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 還款週期</label>
<select class="form-control">
<option >每月一次</option>
</select>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>月平息</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 年利率</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 放款日期</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input class="form-control" placeholder="YYYY-MM-DD">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 首期還款日</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input class="form-control" placeholder="YYYY-MM-DD">
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-xs-6 m-b-md">
<label>還款日</label>
<select class="form-control">
<option >指定日子</option>
<option>月底</option>
</select>
</div>
<div class="col-lg-2 col-md-3 col-sm-6 col-xs-6 m-b-md">
<label> </label>
<div class="input-group date">
<input class="form-control pull-right" id="datepicker" type="text">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label><span class="text-red">*</span> 尾期還款日</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
<input class="form-control" placeholder="YYYY-MM-DD">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>延期息</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>首期還款</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>每期還款</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>總利息</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-4 col-md-6 m-b-md">
<label>總還款額</label>
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-percent"></i></span>
<input class="form-control" placeholder="月平息" value="0.000">
</div>
</div>
<div class="col-lg-12 m-t-sm m-b-sm">
<button type="button" class="btn btn-primary btn-flat fr searchBtn">確定並立即計算</button>
</div>
</div>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!-- end of filter -->
<!-- table -->
<div class="row result_table">
<div class="col-xs-12">
<div class="box box-warning">
<div class="box-header">
<h3 class="box-title">還款計算表</h3>
<div class="box-tools">
<button type="button" class="btn btn-default btn-flat fr m-l-sm"><i class="fa fa-print"></i> 列印報表</button>
</div>
</div>
<!-- /.box-header -->
<div class="box-body table-responsive no-padding">
<table class="table table-hover">
<tbody>
<tr>
<th>期數</th>
<th>供款日期</th>
<th>年利率</th>
<th>利息</th>
<th>本金</th>
<th>還款金額</th>
<th>尚欠餘數</th>
</tr>
<tr>
<td>1</td>
<td>2018-05-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>9,167</td>
</tr>
<tr>
<td>2</td>
<td>2018-06-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>8,334</td>
</tr>
<tr>
<td>3</td>
<td>2018-07-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>7,501</td>
</tr>
<tr>
<td>4</td>
<td>2018-08-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>6,668</td>
</tr>
<tr>
<td>5</td>
<td>2018-09-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>5,835</td>
</tr>
<tr>
<td>6</td>
<td>2018-10-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>5,002</td>
</tr>
<tr>
<td>7</td>
<td>2018-11-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>4,169</td>
</tr>
<tr>
<td>8</td>
<td>2018-12-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>3,336</td>
</tr>
<tr>
<td>9</td>
<td>2019-01-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>2,503</td>
</tr>
<tr>
<td>10</td>
<td>2019-02-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>1,670</td>
</tr>
<tr>
<td>11</td>
<td>2019-03-03</td>
<td>0.000%</td>
<td>0</td>
<td>833</td>
<td>833</td>
<td>837</td>
</tr>
<tr>
<td>12</td>
<td>2019-04-03</td>
<td>0.000%</td>
<td>-4</td>
<td>833</td>
<td>833</td>
<td>0</td>
</tr>
<tr>
<td></td>
<td></td>
<td><b><h4>總金額</h4></b></td>
<td>-4</td>
<td>10,000</td>
<td>9,996</td>
<td></td>
</tr>
</tbody></table>
</div>
<!-- /.box-body -->
</div>
<!-- /.box -->
</div>
</div>
<!-- end of table -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<footer class="main-footer">
© 2018 幗暉創富投資有限公司, L.P. 保留一切權利。
</footer>
<!-- Add the sidebar's background. This div must be placed
immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>
</div>
<!-- ./wrapper -->
<!-- jQuery 3 -->
<script src="../bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap 3.3.7 -->
<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Select2 -->
<script src="../bower_components/select2/dist/js/select2.full.min.js"></script>
<!-- InputMask -->
<script src="../plugins/input-mask/jquery.inputmask.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.date.extensions.js"></script>
<script src="../plugins/input-mask/jquery.inputmask.extensions.js"></script>
<!-- date-range-picker -->
<script src="../bower_components/moment/min/moment.min.js"></script>
<script src="../bower_components/bootstrap-daterangepicker/daterangepicker.js"></script>
<!-- bootstrap datepicker -->
<script src="../bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- bootstrap color picker -->
<script src="../bower_components/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.min.js"></script>
<!-- bootstrap time picker -->
<script src="../plugins/timepicker/bootstrap-timepicker.min.js"></script>
<!-- SlimScroll -->
<script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="../bower_components/fastclick/lib/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="../dist/js/adminlte.min.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="../dist/js/demo.js"></script>
<!-- Page script -->
<script>
$(function () {
//Initialize Select2 Elements
$('.select2').select2()
//Datemask dd/mm/yyyy
$('#datemask').inputmask('dd/mm/yyyy', { 'placeholder': 'dd/mm/yyyy' })
//Datemask2 mm/dd/yyyy
$('#datemask2').inputmask('mm/dd/yyyy', { 'placeholder': 'mm/dd/yyyy' })
//Money Euro
$('[data-mask]').inputmask()
//Date range picker
$('#reservation').daterangepicker()
//Date range picker with time picker
$('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' })
//Date range as a button
$('#daterange-btn').daterangepicker(
{
ranges : {
'Today' : [moment(), moment()],
'Yesterday' : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month' : [moment().startOf('month'), moment().endOf('month')],
'Last Month' : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
},
startDate: moment().subtract(29, 'days'),
endDate : moment()
},
function (start, end) {
$('#daterange-btn span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
}
)
//Date picker
$('#datepicker').datepicker({
autoclose: true
})
//iCheck for checkbox and radio inputs
$('input[type="checkbox"].minimal, input[type="radio"].minimal').iCheck({
checkboxClass: 'icheckbox_minimal-blue',
radioClass : 'iradio_minimal-blue'
})
//Red color scheme for iCheck
$('input[type="checkbox"].minimal-red, input[type="radio"].minimal-red').iCheck({
checkboxClass: 'icheckbox_minimal-red',
radioClass : 'iradio_minimal-red'
})
//Flat red color scheme for iCheck
$('input[type="checkbox"].flat-red, input[type="radio"].flat-red').iCheck({
checkboxClass: 'icheckbox_flat-green',
radioClass : 'iradio_flat-green'
})
//Colorpicker
$('.my-colorpicker1').colorpicker()
//color picker with addon
$('.my-colorpicker2').colorpicker()
//Timepicker
$('.timepicker').timepicker({
showInputs: false
})
})
</script>
<script src="../dist/js/script.js"></script>
</body>
</html>