Skip to content

Commit

Permalink
Add AJAX
Browse files Browse the repository at this point in the history
  • Loading branch information
@yuna0x0
yuna0x0 committed Jul 23, 2018
1 parent 39cea9b commit 7b25117
Show file tree
Hide file tree
Showing 18 changed files with 417 additions and 847 deletions.
102 changes: 17 additions & 85 deletions 10-expense.html
View file
Original file line number Diff line number Diff line change
@@ -1,85 +1,17 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="resource/favicon.ico">
<title>Recent 10 Expenses|MyMoney</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link href="css/stylesheet.min.css" rel="stylesheet">
</head>

<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">MyMoney</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="add.html">Record An Expense</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="10-expense.html">Recent 10 Expenses
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="search.html">Expenses Search</a>
</li>
<li class="nav-item dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-globe" aria-hidden="true" aria-haspopup="true" aria-expanded="false"></i>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="10-expense.html">English</a>
<a class="dropdown-item" href="zh-TW/10-expense.html">繁體中文</a>
</div>
</li>
</ul>
<span class="navbar-text">
v1.2.8
</span>
</nav>
<div class="ui container">
<div class="ui page-header">
<h1 class="text-center">Recent 10 Expenses</h1>
</div>
<table class="ui selectable celled table">
<thead>
<tr>
<th>Date</th>
<th>Item Name</th>
<th>Price</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<a href="index.html">
<button class="ui button">Back</button>
</a>
</div>
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="js/jquery.min.js"></script>
<script defer src="fontawesome/fontawesome-all.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/fdb-all.min.js"></script>
<script>if (window.module) module = window.module;</script>
<script src="js/main.min.js"></script>
<script src="js/10-expense.min.js"></script>
</body>

</html>
<div class="ui page-header">
<h1 class="text-center">Recent 10 Expenses</h1>
</div>
<table class="ui selectable celled table">
<thead>
<tr>
<th>Date</th>
<th>Item Name</th>
<th>Price</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<a onclick="callPage('home.html');">
<button class="ui button">Back</button>
</a>
140 changes: 36 additions & 104 deletions add.html
View file
Original file line number Diff line number Diff line change
@@ -1,107 +1,39 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="resource/favicon.ico">
<title>Record An Expense|MyMoney</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/semantic.min.css">
<link href="css/stylesheet.min.css" rel="stylesheet">
</head>

<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">MyMoney</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="add.html">Record An Expense
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="10-expense.html">Recent 10 Expenses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="search.html">Expenses Search</a>
</li>
<li class="nav-item dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-globe" aria-hidden="true" aria-haspopup="true" aria-expanded="false"></i>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="add.html">English</a>
<a class="dropdown-item" href="zh-TW/add.html">繁體中文</a>
</div>
</li>
</ul>
<span class="navbar-text">
v1.2.8
</span>
</nav>
<div class="ui container">
<div id="page-header" class="ui page-header">
<h1 class="text-center">Record An Expense</h1>
<div id="saving">
<div id="page-header" class="ui page-header">
<h1 class="text-center">Record An Expense</h1>
<div id="saving">
</div>
</div>
<form class="ui form">
<div class="field" id="date-input">
<label>Date</label>
<input type="date" id="date">
</div>
<div class="field" id="name-input">
<label>Item Name</label>
<input type="text" id="name" placeholder="Pizza">
</div>
<div class="field">
<label>Category</label>
<div id="category-select" class="ui selection dropdown" tabindex="0">
<div class="default text">Category</div>
<i class="dropdown icon"></i>
<input type="hidden" name="category-select">
<div class="menu transition hidden" tabindex="-1">
<div class="item" data-value="food">Food</div>
<div class="item" data-value="clothes">Clothing</div>
<div class="item" data-value="traffic">Transportation</div>
<div class="item" data-value="entertainment">Entertainment</div>
</div>
</div>
<form class="ui form">
<div class="field" id="date-input">
<label>Date</label>
<input type="date" id="date">
</div>
<div class="field" id="name-input">
<label>Item Name</label>
<input type="text" id="name" placeholder="Pizza">
</div>
<div class="field">
<label>Category</label>
<div id="category-select" class="ui selection dropdown" tabindex="0">
<div class="default text">Category</div>
<i class="dropdown icon"></i>
<input type="hidden" name="category-select">
<div class="menu transition hidden" tabindex="-1">
<div class="item" data-value="food">Food</div>
<div class="item" data-value="clothes">Clothing</div>
<div class="item" data-value="traffic">Transportation</div>
<div class="item" data-value="entertainment">Entertainment</div>
</div>
</div>
</div>
<div class="field" id="price-input">
<label>Price</label>
<input type="text" id="price" placeholder="200">
</div>
<div class="field">
<button class="ui blue button" type="button" id="submit">Record!</button>
<a href="index.html">
<button class="ui button" type="button">Back</button>
</a>
</div>
</form>
</div>
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="js/jquery.min.js"></script>
<script defer src="fontawesome/fontawesome-all.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/semantic.min.js"></script>
<script src="js/fdb-all.min.js"></script>
<script>if (window.module) module = window.module;</script>
<script src="js/main.min.js"></script>
<script src="js/add.min.js"></script>
</body>

</html>
<div class="field" id="price-input">
<label>Price</label>
<input type="text" id="price" placeholder="200">
</div>
<div class="field">
<button class="ui blue button" type="button" id="submit">Record</button>
<a onclick="callPage('home.html');">
<button class="ui button" type="button">Back</button>
</a>
</div>
</form>
22 changes: 22 additions & 0 deletions home.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<div class="ui page-header">
<br>
<h1 class="text-center">MyMoney</h1>
<br>
</div>
<form class="ui form">
<div class="field">
<a onclick="callPage('add.html');">
<button class="ui blue massive fluid button" type="button">Record An Expense</button>
</a>
</div>
<div class="field">
<a onclick="callPage('10-expense.html');">
<button class="ui blue massive fluid button" type="button">Recent 10 Expenses</button>
</a>
</div>
<div class="field">
<a onclick="callPage('search.html');">
<button class="ui blue massive fluid button" type="button">Expenses Search</button>
</a>
</div>
</form>
55 changes: 17 additions & 38 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,64 +16,42 @@

<body>
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="index.html">MyMoney</a>
<a class="navbar-brand" onclick="callPage('home.html');">MyMoney</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home
<span class="sr-only">(current)</span>
</a>
<li id="home" class="nav-item">
<a class="nav-link" onclick="callPage('home.html');">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="add.html">Record An Expense</a>
<li id="add" class="nav-item">
<a class="nav-link" onclick="callPage('add.html');">Record An Expense</a>
</li>
<li class="nav-item">
<a class="nav-link" href="10-expense.html">Recent 10 Expenses</a>
<li id="10-expense" class="nav-item">
<a class="nav-link" onclick="callPage('10-expense.html');">Recent 10 Expenses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="search.html">Expenses Search</a>
<li id="search" class="nav-item">
<a class="nav-link" onclick="callPage('search.html');">Expenses Search</a>
</li>
<li class="nav-item dropdown">
<button type="button" class="btn btn-primary dropdown-toggle" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<button type="button" class="btn btn-primary dropdown-toggle" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-globe" aria-hidden="true" aria-haspopup="true" aria-expanded="false"></i>
</button>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="index.html">English</a>
<a class="dropdown-item" onclick="callPage('home.html');">English</a>
<a class="dropdown-item" href="zh-TW/index.html">繁體中文</a>
</div>
</li>
</ul>
<span class="navbar-text">
v1.2.8
<span id="mymoneyVersion" class="navbar-text">

</span>
</nav>
<div class="ui container">
<div class="ui page-header">
<br>
<h1 class="text-center">MyMoney</h1>
<br>
</div>
<form class="ui form">
<div class="field">
<a href="add.html">
<button class="ui blue massive fluid button" type="button">Record An Expense</button>
</a>
</div>
<div class="field">
<a href="10-expense.html">
<button class="ui blue massive fluid button" type="button">Recent 10 Expenses</button>
</a>
</div>
<div class="field">
<a href="search.html">
<button class="ui blue massive fluid button" type="button">Expenses Search</button>
</a>
</div>
</form>
<div id="mainContainer" class="ui container">

</div>
<script>if (typeof module === 'object') { window.module = module; module = undefined; }</script>
<script src="js/jquery.min.js"></script>
Expand All @@ -83,6 +61,7 @@ <h1 class="text-center">MyMoney</h1>
<script src="js/semantic.min.js"></script>
<script src="js/fdb-all.min.js"></script>
<script>if (window.module) module = window.module;</script>
<script>var mymoneyLanguage = "en";</script>
<script src="js/main.min.js"></script>
</body>

Expand Down
22 changes: 0 additions & 22 deletions js/10-expense.js
View file

This file was deleted.

8 changes: 0 additions & 8 deletions js/10-expense.min.js
View file

This file was deleted.

Loading

0 comments on commit 7b25117

Please sign in to comment.