Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Atiq0629
Atiq0629 authored Jan 18, 2019
0 parents commit 764fb4d
Show file tree
Hide file tree
Showing 2 changed files with 332 additions and 0 deletions.
120 changes: 120 additions & 0 deletions app.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,120 @@
//Lunch Bill Part
const dayCount = document.getElementById('officeDay');
const dayBill = document.getElementById('dayBill');
const button = document.getElementById('lunchAdd');
const totalOfficeDay = document.getElementById('totalOfficeDay');
const dayLunchBill = document.getElementById('dayLunchBill');
const lunchBillTotal = document.getElementById('lunchBillTotal');
const totalLunchBill = document.getElementById('totalLunchBill');

const lunchAccount = () => {
totalOfficeDay.value = dayCount.value;
dayLunchBill.value = dayBill.value;
lunchBillTotal.value = +totalOfficeDay.value * dayLunchBill.value;
totalLunchBill.value = lunchBillTotal.value;

dayCount.value = '';
dayBill.value = '';
}

const lunchKeypress = (event) =>{
if(dayCount.value >0 && dayBill.value >0 && event.keyCode === 13){
lunchAccount();
}
}

button.addEventListener('click', lunchAccount);
dayCount.addEventListener("keypress", lunchKeypress);
dayBill.addEventListener("keypress", lunchKeypress);


//Others Bill Part
const addButton = document.getElementById('add');
const dateInput = document.getElementById('date');
const purposeInput = document.getElementById('purpose');
const amountInput = document.getElementById('amount');
const ol = document.querySelector('ol');
const billTotal = document.getElementById('billTotal');
const OtherBillTotal = document.getElementById('totalOtherBill');

const inputLength = () => dateInput.value.length;
const inputLength2 = () => purposeInput.value.trim().length;
const inputLength3 = () => amountInput.value.length;

const listElement = () =>{
let li = document.createElement('li');
li.appendChild(document.createTextNode(dateInput.value));
li.appendChild( document.createTextNode( '\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0' ) );
li.appendChild(document.createTextNode(purposeInput.value));
li.appendChild( document.createTextNode( '\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0\u00A0' ) );
li.appendChild( document.createTextNode( '=' ) );
li.appendChild( document.createTextNode( '\u00A0\u00A0' ) );
li.appendChild(document.createTextNode(amountInput.value));
if(amountInput.value > 0 && amountInput.value !== ''){
billTotal.value = +billTotal.value + +amountInput.value;
}
OtherBillTotal.value = billTotal.value;
li.appendChild( document.createTextNode( 'Tk' ) );
ol.appendChild(li);
dateInput.value = '';
purposeInput.value = '';
amountInput.value = '';
}

const addList = () =>{
if ( inputLength() && inputLength2() && inputLength3() > 0) {
listElement();
}
}

const listKeypess = (event) =>{
if(event.keyCode === 13){
addList();
}
}

addButton.addEventListener('click', addList);
dateInput.addEventListener('keypress', listKeypess);
purposeInput.addEventListener('keypress', listKeypess);
amountInput.addEventListener('keypress', listKeypess);

// Total Salary Accounting Part

const salary = document.getElementById('salary');
const dueSalary = document.getElementById('dueSalary');
const paybleSalary = document.getElementById('paybleSalary');
const totalSalaryButton = document.getElementById('totalSalary');
const givenSalary = document.getElementById('given');
const dueForNext = document.getElementById('dueForNext');
const currentDeuSalary = document.getElementById('currentDeuSalary');


const totalSalary = () => paybleSalary.value = +totalLunchBill.value + +OtherBillTotal.value + +salary.value + +dueSalary.value;
const dueSalaryForNext = () => dueForNext.value = +paybleSalary.value - +givenSalary.value;

const SalaryKeypess = (event) =>{
if(event.keyCode === 13){
totalSalary();
}
}

const dueSalaryKeypress = (event) =>{
if (event.keyCode === 13) {
dueSalaryForNext();
}
}

totalSalaryButton.addEventListener('click', totalSalary);
salary.addEventListener('keypress', SalaryKeypess);
dueSalary.addEventListener('keypress', SalaryKeypess);
currentDeuSalary.addEventListener('click', dueSalaryForNext);
givenSalary.addEventListener('keypress', dueSalaryKeypress);


//print page

const printPage = document.getElementById('print');

const pagePrint = () => window.print();

printPage.addEventListener('click', pagePrint);
212 changes: 212 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,212 @@
<!DOCTYPE html>
<html lang="en">

<head>
<title>Office Salary Accounting</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm"
crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
</head>

<body>
<div class="container-fluid">
<h1 class="text-center">Salary Count</h1>
<hr>
<div class="form-inline">
<label for="month">Salary Month :</label> &nbsp;
<input type="month" class="form-control col-sm-2 text-center">
</div>
<br>
<div class="container">
<div class="row">
<div class="col-sm-6">
<h3 class="text-center">Lunch Bill</h3>
<hr>
<div class="input-group">
<input type="number" class="form-control col-sm-4" placeholder="Office Days" id="officeDay"> &nbsp
<input type="number" class="form-control col-sm-4" placeholder="Per Day Bill" id="dayBill"> &nbsp
<button class="btn btn-primary" type="button" id="lunchAdd">Add</button>
</div>
<br>
<div class="row">
<div class="col-sm-4">
<label for="day">Total Office Day</label>
</div>
<label for="day">=</label>
<div class="col-sm-3">
<input type="text" class="form-control text-center" id="totalOfficeDay" readonly>
</div>
<label for="day">Day</label>
</div>
<br>
<div class="row">
<div class="col-sm-4">
<label for="day">Per Day Bill</label>
</div>
<label for="day">=</label>
<div class="col-sm-3">
<input type="text" class="form-control text-center" id="dayLunchBill" readonly>
</div>
<p>Tk</p>
</div>
<br>
<div class="row">
<div class="col-sm-4">
<label for="day"> <b>Total Lunch Bill</b>
</label>
</div>
<label for="day">=</label>
<div class="col-sm-3">
<input type="text" class="form-control font-weight-bold text-center" id="lunchBillTotal" readonly>
</div>
<p>Tk</p>
</div>
</div>
<div class="col-sm-6">
<h3 class="text-center">Other Bills(If Any)</h3>
<hr>
<div class="input-group">
<input type="date" class="form-control col-sm-4" id="date"> &nbsp
<input type="text" class="form-control col-sm-6" placeholder="Purpose" id="purpose"> &nbsp;
<input type="number" class="form-control col-sm-2" placeholder="Bill" id="amount"> &nbsp;
<button class="btn btn-primary" type="button" id="add">Add</button>
</div>
<br>
<ol>
</ol>
<hr>
<div class="row">
<div class="col-sm-4">
<label for="day"><b>Total Other Bill</b></label>
</div>
<label for="day">=</label>
<div class="col-sm-3">
<input type="text" class="form-control font-weight-bold text-center" id="billTotal" readonly>
</div>
<p>Tk</p>
</div>
</div>
</div>
</div>
<br>
<hr class="w-25">
<br>
<div class="container">
<div class="col-md-12">
<h3 class="text-center">Total Salary Count</h3>
<hr class="w-50">
<div class="row text-center">
<div class="col-sm-6">
<label for="day"><i class="fas fa-arrow-right"></i> &nbsp; Total Lunch Bill</label>
</div>
<label for="day">=</label>
<div class="col-sm-2">
<input class="form-control text-center" id="totalLunchBill" readonly>
</div>
<p>Tk</p>
</div>
<br>
<div class="row text-center">
<div class="col-sm-6">
<label for="day"> <i class="fas fa-arrow-right"></i> &nbsp; Total Others Bill</label>
</div>
<label for="day">=</label>
<div class="col-sm-2">
<input class="form-control text-center" id="totalOtherBill" readonly>
</div>
<p>Tk</p>
</div>
<br>
<div class="row text-center">
<div class="col-sm-6">
<label for="day"> <i class="fas fa-arrow-right"></i> &nbsp; Current Salary</label>
</div>
<label for="day">=</label>
<div class="col-sm-2">
<input type="number" class="form-control text-center" id="salary">
</div>
<p>Tk</p>
</div>
<br>
<div class="row text-center">
<div class="col-sm-6">
<label for="day"> <i class="fas fa-arrow-right"></i> &nbsp; Prev. Due Salary(if any)</label>
</div>
<label for="day">=</label>
<div class="col-sm-2">
<input type="number" class="form-control text-center" id="dueSalary">
</div>
<p>Tk</p>
</div>
<br>
<div class="row text-center">
<div class="col-sm-6">
<button class="btn btn-primary" type="button" id="totalSalary"><b>Total Payble Salary</b></button> &nbsp;
</div>
<label for="day">=</label>
<div class="col-sm-2">
<input class="form-control font-weight-bold text-center" id="paybleSalary" readonly>
</div>
<p>
<b>Tk</b>
</p>
</div>
<br>
<hr class="w-25">
<br>
<div class="container">
<h3 class="text-center">Salary Payment</h3>
<hr class="w-50">
<div class="row">
<div class="col-sm-6">
<div class="form-inline">
<label for="paind"><b>Paid Salary</b></label>&nbsp;&nbsp;&nbsp;
<label for="day"><b>=</b></label>&nbsp;
<input type="number" class="form-control text-center font-weight-bold col-sm-3" id="given">
&nbsp; &nbsp;
<p>
<b>Tk</b>
</p>
</div>
</div>
<div class="col-sm-6">
<div class="form-inline">
<label for="paind">Paid Date</label>&nbsp;&nbsp;&nbsp;
<label for="day">:</label>&nbsp;
<input type="date" class="form-control text-center">
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-sm-6">
<div class="form-inline">
<button class="btn btn-primary" type="button" id="currentDeuSalary"><b></b>Due Salary(if any)</button> &nbsp;&nbsp;
<label for="day"><b>=</b></label>&nbsp;
<input class="form-control font-weight-bold text-center col-sm-3" id="dueForNext" readonly>
&nbsp;&nbsp;
<p>
<b>Tk</b>
</p>
</div>
</div>
</div>
<br>
<button class="btn btn-default text-right" id="print">Print</button>
</div>
<br>
<br>
<br>
<hr class="w-75">
</div>

<script src="app.js"></script>
</body>

</html>

0 comments on commit 764fb4d

Please sign in to comment.