-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
141 lines (124 loc) · 6.21 KB
/
index.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Aplikasi Penjualan Pulsa" />
<meta name="keywords" content="Aplikasi Penjualan Pulsa" />
<meta name="author" content="" />
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Data Transaksi Penjualan</title>
<link rel="shortcut icon" href="assets/img/favicon.png" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/bootstrap-4.1.3/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/DataTables/css/dataTables.bootstrap4.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/fontawesome-free-5.5.0-web/css/all.min.css" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/sweetalert/css/sweetalert.css" />
<link rel="stylesheet" type="text/css" href="./assets/plugins/chosen-bootstrap-4/css/chosen.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light fixed-top bg-light d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
<div class="container">
<a class="navbar-brand" href="index.php">
<img src="./assets/img/logo.png" width="30" height="30" class="d-inline-block align-top title-icon" alt="Logo" />
<span class="title">ToroCell</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link mr-1 menu" id="beranda" href="javascript: void(0);"><i class="fas fa-home title-icon"></i> Beranda</a>
</li>
<li class="nav-item">
<a class="nav-link mr-1 menu" id="pelanggan" href="javascript: void(0);"><i class="fas fa-user title-icon"></i> pelanggan</a>
</li>
<li class="nav-item">
<a class="nav-link mr-1 menu" id="pulsa" href="javascript: void(0);"><i class="fas fa-tablet-alt title-icon"></i> Pulsa</a>
</li>
<li class="nav-item">
<a class="nav-link mr-1 menu" id="penjualan" href="javascript: void(0);"><i class="fas fa-shopping-cart title-icon"></i> Penjualan</a>
</li>
<li class="nav-item">
<a class="nav-link mr-1 menu" id="laporan" href="javascript: void(0);"><i class="fas fa-file-alt title-icon"></i> Laporan</a>
</li>
</ul>
</div>
</div>
</nav>
<main role="main">
<div class="content"></div>
</main>
<div class="container">
<footer class="pt-4 my-md pt-md-3 border-top">
<div class="row">
<div class="col-12 col-md center">
© 2019 - <a class="text-info" href="#">ToroCell</a>
</div>
</div>
</footer>
</div>
<script type="text/javascript" src="./assets/js/jquery-3.3.1.js"></script>
<script type="text/javascript" src="./assets/plugins/bootstrap-4.1.3/js/bootstrap.min.js"></script>
<script type="text/javascript" src="./assets/plugins/fontawesome-free-5.5.0-web/js/all.min.js"></script>
<script type="text/javascript" src="./assets/plugins/DataTables/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="./assets/plugins/DataTables/js/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript" src="./assets/plugins/datepicker/js/bootstrap-datepicker.min.js"></script>
<script type="text/javascript" src="./assets/plugins/sweetalert/js/sweetalert.min.js"></script>
<script type="text/javascript" src="./assets/plugins/chosen-bootstrap-4/js/chosen.jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.content').load('modules/beranda/view.php');
$('.menu').click(function() {
var menu = $(this).attr('id');
if (menu == 'beranda') {
$('.content').load('modules/beranda/view.php');
} else if (menu == 'pelanggan') {
$('.content').load('modules/pelanggan/view.php');
} else if (menu == 'pulsa') {
$('.content').load('modules/pulsa/view.php');
} else if (menu == 'penjualan') {
$('.content').load('modules/penjualan/view.php');
} else if (menu == 'laporan') {
$('.content').load('modules/laporan/view.php');
}
});
});
function getKey(e) {
if (window.event) {
return window.event.keyCode;
} else if (e) {
return e.which;
}
return null;
}
function goodchars(e, goods, field) {
var key, keychar;
key = getKey(e);
if (key == null) return true;
keychar = String.fromCharCode(key);
keychar = keychar.toLowerCase();
goods = goods.toLowerCase();
if (goods.indexOf(keychar) != -1) {
return true;
}
if (key == null || key == 0 || key == 8 || key == 9 || key == 29) {
return true;
}
if (key == 13) {
var i;
for (i = 0; i < field.form.elements.length; i++) {
if (field == field.form.elements[i]) {
break;
}
i = (i + 1) % field.form.elements.length;
field.form.elements[i].focus();
}
return false;
}
return false;
}
</script>
</body>
</html>