Commit b51bc17f by leonardo siagian

proyek psw

parent deae0a5b
<html>
<head>
<title>about us</title>
<?php
session_start();
include_once('function.php');
open_page('Halaman About Us');
?>
<link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/bootstrap/css/bootstrap.min.js" rel="stylesheet">
<link href="assets/bootstrap/css/aboutus.css" rel="stylesheet" type="text/css">
<link href="assets/bootstrap/css/barside.css" rel="stylesheet" type="text/css">
<link href="css/animate.css" rel="stylesheet" type="text/css">
<script src="assets/bootstrap/js/js.js"></script>
</head>
<body style="background-image: url( img/3.jpg); background-size: cover;" >
<div class="col-md-20" style="background-color:#D8BFD8;">
<center>
<h3 style="color: black;">
<b>
Kelompok 09 D3TI 2019
</b>
</h3>
</center>
</div>
<div class="col-md-20">
<button onclick="goBack()" class="responsive">
Go Back
</button>
<script>
function goBack() {
window.history.back();
}
</script>
</div>
<div class="col-lg-4">
<center><img class="img-circle" src="img/ester.jpeg"><b>
<h2>Ester Hutabarat</h2>
<h3>(Analyst)</h3>
<p><a href="https://www.instagram.com/esterhtbarat/"><img src="img/instagram.jpeg"></a>&nbsp EsterHtb48</p>
<p><img src="img/wa.png">&nbsp 085362428433</p>
<p><img src="img/email.png">&nbsp esterhutabarat481@gmail.com</p></center>
</div>
<div class="col-lg-4">
<center><img class="img-circle" src="img/leo.jpeg">
<h2>Leonardo Siagian</h2>
<h3>(Project Manager)</h3>
<p><a href="https://www.instagram.com/leosiagian420/?hl=id"><img src="img/instagram.jpeg"></a>&nbsp leosiagian420</p>
<p><img src="img/wa.png">&nbsp 081376373252</p>
<p><img src="img/email.png">&nbsp leosiagian03@gmail.com</p></center>
</div>
<div class="col-lg-4">
<center><img class="img-circle" src="img/roma.jpg">
<h2>Romauli Sianipar</h2>
<h3>(Progammer)</h3>
<p><a href="https://www.instagram.com/romasianipar24/"><img src="img/instagram.jpeg"></a>&nbsp Romasianipar24</p>
<p><img src="img/wa.png">&nbsp 082277690145</p>
<p><img src="img/email.png">&nbsp romaulimauliate@gmail.com</p></center>
</div>
<div class="col-lg-4">
<center><img class="img-circle" src="img/sharon.jpg">
<h2>Sharon C Siahaan</h2>
<h3>(Progammer)</h3>
<p><a href="https://www.instagram.com/sharonshn_/"><img src="img/instagram.jpeg"></a>&nbsp shaonshn_</p>
<p><img src="img/wa.png">&nbsp 081959752028</p>
<p><img src="img/email.png"></a>&nbsp haansharon9@gmail.com</p></center>
</div>
<div class="col-lg-4"></div>
<div class="col-lg-4" style="margin-right: -100px">
<center><img class="img-circle" src="img/adinda.jpg">
<h2>Adinda Ramadani</h2>
<h3>(Designer)</h3>
<p><a href="https://www.instagram.com/millksyeekkgghh/"><img src="img/instagram.jpeg"></a>&nbsp millksyeekkgghh</p>
<p><img src="img/wa.png">&nbsp 0895613082886</p>
<p><img src="img/email.png">&nbsp addani28yeah@gmail.com</p></center>
</div>\
</body>
</html>
\ No newline at end of file
body{
color: black;
}
.dropdown-menu {
background-color: #eaeaea;
}
.dropdown-menu li a {
padding: 5px;
color: black;
background-color: white;
}
.dropdown-menu li a:hover{
color: black;
background-color: #eaeaea;
font-family: Bahnschrift SemiBold Condensed;
}
.q{
float: left;
background-color: rgb(108, 89, 219);
margin-bottom: -1px;
}
.navbar{
background-color: black;
}
.container{
background-color: #333;
margin-right: 0px
}
.container .nav{
margin-right: 40px;
}
.col-lg-4 img{
width: 200px;
height: 200px;
}
.row{
font-family: Britannic Bold;
font-weight: bold;
}
.s{
padding: 10px;
background-color: white;
color: black;
font-weight: bold;
}
.col-lg-4 h2, h3{
margin-top: -0px;
font-weight: bold;
}
.col-lg-4 p img{
width: 30px;
height: 30px;
margin-top: -2px;
border-radius: 5px;
}
.col-lg-4 .logo img{
width: 50px;
height: 50px;
}
.col-lg-4 .logo{
font-size: 32px;
margin-top: 45px;
color: #eaeaea;
}
.col-lg-4 .lisan{
margin-top: 15px;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
/* Set the width of the sidebar to 250px and the left margin of the page content to 250px */
function openNav() {
document.getElementById("mySidebar").style.width = "180px";
document.getElementById("main").style.marginLeft = "180px";
}
/* Set the width of the sidebar to 0 and the left margin of the page content to 0 */
function closeNav() {
document.getElementById("mySidebar").style.width = "0";
document.getElementById("main").style.marginLeft = "0";
}
// var slideIndex = 1;
// showDivs(slideIndex);
// function plusDivs(n) {
// showDivs(slideIndex += n);
// }
// function currentDiv(n) {
// showDivs(slideIndex = n);
// }
// function showDivs(n) {
// var i;
// var x = document.getElementsByClassName("mySlides");
// var dots = document.getElementsByClassName("demo");
// if (n > x.length) {slideIndex = 1}
// if (n < 1) {slideIndex = x.length}
// for (i = 0; i < x.length; i++) {
// x[i].style.display = "none";
// }
// for (i = 0; i < dots.length; i++) {
// dots[i].className = dots[i].className.replace(" w3-white", "");
// }
// x[slideIndex-1].style.display = "block";
// dots[slideIndex-1].className += " w3-white";
// }
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
.body {
background-color: #EAEAEA;
}
/* Form Login */
.login {
margin-top: 40px;
}
.login h2 {
margin-bottom: 30px;
}
.boxed {
background-color: #fff;
padding: 60px 40px 20px;
}
.boxed .input-group {
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
}
.boxed .form-control,
.boxed .btn {
border-radius: 2px;
}
.boxed .input-group .form-control {
height: 45px;
}
.boxed .btn {
margin-top: 35px;
padding: 10px;
}
.input-group-addon {
width: 45px;
}
/* End Form Login*/
/* home page */
.home-page {}
nav.fixed-bar {
background: #2C3E50;
position: fixed;
left: 0;
right: 0;
z-index: 99;
padding: 10px;
}
.title-site {
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px;
}
.title-site a {
color: #fff;
}
.content {
margin-top: 60px;
}
.footer {
border-top: 1px solid #ccc;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
}
/* end home page */
/* admin page */
span.user {
color: #fff;
padding: 0 10px;
font-size: 13px;
font-weight: bold;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.@{fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em @fa-border-color;
border-radius: .1em;
}
.pull-right { float: right; }
.pull-left { float: left; }
.@{fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.@{fa-css-prefix} {
display: inline-block;
font: normal normal normal @fa-font-size-base/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
// Fixed Width Icons
// -------------------------
.@{fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables.less";
@import "mixins.less";
@import "path.less";
@import "core.less";
@import "larger.less";
@import "fixed-width.less";
@import "list.less";
@import "bordered-pulled.less";
@import "animated.less";
@import "rotated-flipped.less";
@import "stacked.less";
@import "icons.less";
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.@{fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.@{fa-css-prefix}-2x { font-size: 2em; }
.@{fa-css-prefix}-3x { font-size: 3em; }
.@{fa-css-prefix}-4x { font-size: 4em; }
.@{fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.@{fa-css-prefix}-ul {
padding-left: 0;
margin-left: @fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.@{fa-css-prefix}-li {
position: absolute;
left: -@fa-li-width;
width: @fa-li-width;
top: (2em / 14);
text-align: center;
&.@{fa-css-prefix}-lg {
left: (-@fa-li-width + (4em / 14));
}
}
// Mixins
// --------------------------
.fa-icon() {
display: inline-block;
font: normal normal normal @fa-font-size-base/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
.fa-icon-rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.fa-icon-flip(@horiz, @vert, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation, mirror=1);
-webkit-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');
src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),
url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),
url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),
url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),
url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');
// src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }
.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }
.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }
.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }
.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .@{fa-css-prefix}-rotate-90,
:root .@{fa-css-prefix}-rotate-180,
:root .@{fa-css-prefix}-rotate-270,
:root .@{fa-css-prefix}-flip-horizontal,
:root .@{fa-css-prefix}-flip-vertical {
filter: none;
}
// Stacked Icons
// -------------------------
.@{fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.@{fa-css-prefix}-stack-1x { line-height: inherit; }
.@{fa-css-prefix}-stack-2x { font-size: 2em; }
.@{fa-css-prefix}-inverse { color: @fa-inverse; }
// Spinning Icons
// --------------------------
.#{$fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.#{$fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// Bordered & Pulled
// -------------------------
.#{$fa-css-prefix}-border {
padding: .2em .25em .15em;
border: solid .08em $fa-border-color;
border-radius: .1em;
}
.pull-right { float: right; }
.pull-left { float: left; }
.#{$fa-css-prefix} {
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}
// Base Class Definition
// -------------------------
.#{$fa-css-prefix} {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
width: (18em / 14);
text-align: center;
}
// Icon Sizes
// -------------------------
/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
font-size: (4em / 3);
line-height: (3em / 4);
vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }
// List Icons
// -------------------------
.#{$fa-css-prefix}-ul {
padding-left: 0;
margin-left: $fa-li-width;
list-style-type: none;
> li { position: relative; }
}
.#{$fa-css-prefix}-li {
position: absolute;
left: -$fa-li-width;
width: $fa-li-width;
top: (2em / 14);
text-align: center;
&.#{$fa-css-prefix}-lg {
left: -$fa-li-width + (4em / 14);
}
}
// Mixins
// --------------------------
@mixin fa-icon() {
display: inline-block;
font: normal normal normal #{$fa-font-size-base}/1 FontAwesome; // shortening font declaration
font-size: inherit; // can't have font-size inherit on line above, so need to override
text-rendering: auto; // optimizelegibility throws things off #1094
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0); // ensures no half-pixel rendering in firefox
}
@mixin fa-icon-rotate($degrees, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: rotate($degrees);
-ms-transform: rotate($degrees);
transform: rotate($degrees);
}
@mixin fa-icon-flip($horiz, $vert, $rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation});
-webkit-transform: scale($horiz, $vert);
-ms-transform: scale($horiz, $vert);
transform: scale($horiz, $vert);
}
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('#{$fa-font-path}/fontawesome-webfont.eot?v=#{$fa-version}');
src: url('#{$fa-font-path}/fontawesome-webfont.eot?#iefix&v=#{$fa-version}') format('embedded-opentype'),
url('#{$fa-font-path}/fontawesome-webfont.woff2?v=#{$fa-version}') format('woff2'),
url('#{$fa-font-path}/fontawesome-webfont.woff?v=#{$fa-version}') format('woff'),
url('#{$fa-font-path}/fontawesome-webfont.ttf?v=#{$fa-version}') format('truetype'),
url('#{$fa-font-path}/fontawesome-webfont.svg?v=#{$fa-version}#fontawesomeregular') format('svg');
// src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
font-weight: normal;
font-style: normal;
}
// Rotated & Flipped Icons
// -------------------------
.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }
.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); }
// Hook for IE8-9
// -------------------------
:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
filter: none;
}
// Stacked Icons
// -------------------------
.#{$fa-css-prefix}-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }
/*!
* Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
@import "variables";
@import "mixins";
@import "path";
@import "core";
@import "larger";
@import "fixed-width";
@import "list";
@import "bordered-pulled";
@import "animated";
@import "rotated-flipped";
@import "stacked";
@import "icons";
body{
background-color: white;
color: black;
}
.dropdown-menu {
background-color: #eaeaea;
}
.dropdown-menu li a {
padding: 5px;
color: black;
background-color: white;
}
.dropdown-menu li a:hover{
color: black;
background-color: #eaeaea;
font-family: Bahnschrift SemiBold Condensed;
}
.q{
float: left;
background-color: rgb(108, 89, 219);
margin-bottom: -1px;
}
.navbar{
background-color: black;
}
.container{
background-color: #333;
margin-right: 0px
}
.container .nav{
margin-right: 40px;
}
.col-lg-4 img{
width: 200px;
height: 200px;
}
.row{
font-family: Times New Roman;
font-weight: bold;
}
.s{
padding: 10px;
background-color: white;
color: black;
font-weight: bold;
}
.col-lg-4 h2, h3{
margin-top: -0px;
font-weight: bold;
}
.col-lg-4 p img{
width: 30px;
height: 30px;
margin-top: -2px;
border-radius: 5px;
}
.col-lg-4 .logo img{
width: 50px;
height: 50px;
}
.col-lg-4 .logo{
font-size: 32px;
margin-top: 45px;
color: #eaeaea;
}
.col-lg-4 .lisan{
margin-top: 15px;
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
<?php
session_start();
header("Content-type: image/png");
if(isset($_SESSION['my_captcha']))
{
unset($_SESSION['my_captcha']);
}
$string1 = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
$string2 = "1234567890";
$string = $string1.$string2;
$string = str_shuffle($string);
$random_text = substr($string,0,8);
$_SESSION['my_captcha'] = $random_text;
$im = @ImageCreate(80,20) or die("Cannot Initialize new GD image stream");
$background_color = ImageColorAllocate($im, 204, 204, 204);
$text_color = ImageColorAllocate($im, 51, 51, 255);
ImageString($im,5,8,2,$_SESSION['my_captcha'],$text_color);
ImagePng($im);
imagedestroy($im);
?>
\ No newline at end of file
<?php
session_start();
$pw = $_GET['newpassword'];
$uname = $_GET['user'];
if($_GET['t1'] == $_SESSION['my_captcha'])
{
mysql_connect("localhost", "root", "");
mysql_select_db("psw2_proyek");
$query = mysql_query("SELECT * FROM t_akun");
while($row = mysql_fetch_array($query)){
$nama = $row['username'];
if($uname == $nama){
$id = $row['id_akun'];
mysql_query("UPDATE t_akun SET password='$pw' WHERE id_akun ='$id'");
Print '<script>alert("Berhasil mengganti password")</script>';
echo '<META HTTP-EQUIV="Refresh" Content="0; URL=login.php">';
exit;
}
}
$cek = true;
if(isset($cek)){
Print '<script>alert("Username tidak sesuai")</script>';
echo '<META HTTP-EQUIV="Refresh" Content="0; URL=lupapassword.php">';
exit;
}
}
else
{
Print '<script>alert("Captcha yang anda masukkan tidak sesuai")</script>';
echo '<META HTTP-EQUIV="Refresh" Content="0; URL=lupapassword.php">';
}
?>
\ No newline at end of file
Fully working PHP/AJAX contact form is available in the pro version.
You can buy it from: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
jQuery(document).ready(function($) {
"use strict";
//Contact
$('form.contactForm').submit(function() {
var f = $(this).find('.form-group'),
ferror = false,
emailExp = /^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i;
f.children('input').each(function() { // run all inputs
var i = $(this); // current input
var rule = i.attr('data-rule');
if (rule !== undefined) {
var ierror = false; // error flag for current input
var pos = rule.indexOf(':', 0);
if (pos >= 0) {
var exp = rule.substr(pos + 1, rule.length);
rule = rule.substr(0, pos);
} else {
rule = rule.substr(pos + 1, rule.length);
}
switch (rule) {
case 'required':
if (i.val() === '') {
ferror = ierror = true;
}
break;
case 'minlen':
if (i.val().length < parseInt(exp)) {
ferror = ierror = true;
}
break;
case 'email':
if (!emailExp.test(i.val())) {
ferror = ierror = true;
}
break;
case 'checked':
if (! i.is(':checked')) {
ferror = ierror = true;
}
break;
case 'regexp':
exp = new RegExp(exp);
if (!exp.test(i.val())) {
ferror = ierror = true;
}
break;
}
i.next('.validation').html((ierror ? (i.attr('data-msg') !== undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
}
});
f.children('textarea').each(function() { // run all inputs
var i = $(this); // current input
var rule = i.attr('data-rule');
if (rule !== undefined) {
var ierror = false; // error flag for current input
var pos = rule.indexOf(':', 0);
if (pos >= 0) {
var exp = rule.substr(pos + 1, rule.length);
rule = rule.substr(0, pos);
} else {
rule = rule.substr(pos + 1, rule.length);
}
switch (rule) {
case 'required':
if (i.val() === '') {
ferror = ierror = true;
}
break;
case 'minlen':
if (i.val().length < parseInt(exp)) {
ferror = ierror = true;
}
break;
}
i.next('.validation').html((ierror ? (i.attr('data-msg') != undefined ? i.attr('data-msg') : 'wrong Input') : '')).show('blind');
}
});
if (ferror) return false;
else var str = $(this).serialize();
var action = $(this).attr('action');
if( ! action ) {
action = 'contactform/contactform.php';
}
$.ajax({
type: "POST",
url: action,
data: str,
success: function(msg) {
// alert(msg);
if (msg == 'OK') {
$("#sendmessage").addClass("show");
$("#errormessage").removeClass("show");
$('.contactForm').find("input, textarea").val("");
} else {
$("#sendmessage").removeClass("show");
$("#errormessage").addClass("show");
$('#errormessage').html(msg);
}
}
});
return false;
});
});
#container {
height: 400px;
}
.highcharts-figure, .highcharts-data-table table {
min-width: 310px;
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
.slider-area {
color: #fff;
position: relative;
text-align: center;
}
.slider-content {
padding: 180px 60px;
}
.nivo-caption::after {
background: #444 none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.layer-1-2 {
margin: 20px 0;
}
.layer-1-1 h2 {
color: #fff;
font-size: 32px;
font-weight: 700;
}
.layer-1-2 h1 {
color: #fff;
font-size: 50px;
font-weight: 700;
line-height: 60px;
}
.layer-1-3 {
margin: 50px 0 0;
}
.layer-1-3 a.ready-btn {
border: 1px solid #fff;
border-radius: 30px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 17px;
font-weight: 600;
margin-top: 30px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
z-index: 222;
}
.layer-1-3 a.ready-btn:hover {
color: #fff;
background: #3EC1D5;
border: 1px solid #3EC1D5;
text-decoration: none;
}
.ready-btn.right-btn {
margin-right: 15px;
background: #3EC1D5;
border: 1px solid #3EC1D5 !important;
}
.ready-btn.right-btn:hover {
background: transparent !important;
border: 1px solid #fff !important;
}
.nivo-controlNav {
bottom: 0;
left: 0;
position: absolute;
right: 0;
z-index: 8;
}
.nivo-directionNav {
display: block;
}
.nivo-controlNav a {
background: transparent none repeat scroll 0 0;
border: 2px solid #fff;
box-shadow: none;
display: inline-block;
font-size: 0;
height: 2px;
margin: 5px 3px;
opacity: 1;
text-align: center;
text-indent: inherit;
vertical-align: top;
width: 20px;
}
.nivo-controlNav a:hover, .nivo-controlNav a.active {
background: #fff none repeat scroll 0 0;
border-color: #3EC1D5;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
}
/* Normal desktop :992px. */
@media (min-width: 1400px) and (max-width:1920px) {
.slider-content {
padding: 340px 0;
}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.slider-content {
padding: 144px 0;
}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.slider-content {
padding: 93px 0;
}
.layer-1-2 h1 {
font-size: 22px;
line-height: 24px;
}
.layer-1-3 a.ready-btn {
font-size: 14px;
margin-top: 20px;
padding: 10px 20px;
}
}
@media (max-width: 767px) {
.nivo-directionNav {
display: none;
}
.slider-content {
padding: 46px 0px;
}
.layer-1-2 {
margin: 10px 0;
}
.layer-1-1 h2 {
font-size: 14px;
line-height: 16px;
}
.layer-1-2 h1 {
font-size: 14px;
line-height: 16px;
}
.layer-1-3 a.ready-btn {
font-size: 12px;
margin-top: 10px;
padding: 8px 10px;
}
.layer-1-3 {
margin: 10px 0 0;
}
.nivo-controlNav {
bottom: -8px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.slider-content {
padding: 70px 0px;
}
.layer-1-1 h2, .layer-1-2 h1 {
font-size: 24px;
line-height: 30px;
}
}
/* -------------------------------------
preview-1
---------------------------------------- */
.preview-1 .nivoSlider {
position: relative;
background: url(../lib/nivo-slider/img/loading.gif) no-repeat 50% 50%;
}
.preview-1 .nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
.preview-1 .nivoSlider a {
border: 0;
display: block;
}
.preview-1 .nivo-controlNav {
text-align: center;
padding: 20px 0;
}
.preview-1 .nivo-controlNav a {
display: inline-block;
width: 22px;
height: 22px;
background: url(../lib/nivo-slider/img/bullets.png) no-repeat;
text-indent: -9999px;
border: 0;
margin: 0 2px;
}
.preview-1 .nivo-controlNav a.active {
background-position: 0 -22px;
}
.preview-1 .nivo-directionNav a {
display: block;
width: 30px;
height: 30px;
background: url(../lib/nivo-slider/img/arrows.png) no-repeat;
text-indent: -9999px;
border: 0;
opacity: 0;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.preview-1:hover .nivo-directionNav a {
opacity: 1;
}
.nivo-prevNav {
left: 15px;
}
.nivo-nextNav {
right: 15px;
}
.preview-1 a.nivo-nextNav {
background-position: -30px 0;
}
.preview-1 .nivo-caption {
font-family: Helvetica, Arial, sans-serif;
}
.preview-1 .nivo-caption a {
color: #fff;
border-bottom: 1px dotted #fff;
}
.preview-1 .nivo-caption a:hover {
color: #fff;
}
.preview-1 .nivo-controlNav.nivo-thumbs-enabled {
width: 100%;
}
.preview-1 .nivo-controlNav.nivo-thumbs-enabled a {
width: auto;
height: auto;
background: none;
margin-bottom: 5px;
}
.preview-1 .nivo-controlNav.nivo-thumbs-enabled img {
display: block;
width: 120px;
height: auto;
}
.preview-1 .nivo-controlNav {
position: relative;
z-index: 99999;
bottom: 68px;
}
.preview-1 .nivo-controlNav a {
border: 5px solid #fff;
display: inline-block;
height: 18px;
margin: 0 5px;
text-indent: -9999px;
width: 18px;
line-height: 8px;
background: #3c3c3c;
cursor: pointer;
position: relative;
z-index: 9;
border-radius: 100%;
opacity: 0;
z-index: -999;
}
.preview-1:hover .nivo-controlNav a {
opacity: 1;
z-index: 999999;
}
.preview-1 .nivo-controlNav a:hover, .preview-1 .nivo-controlNav a.active {
background: #000;
cursor: pointer;
}
/* -------------------------------------
preview-2
---------------------------------------- */
.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav {
left: 50px;
}
.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav {
right: 50px;
}
.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav {
font-size: 0;
}
.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
font-size: 0;
}
.preview-2 .nivo-directionNav a.nivo-prevNav::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #ffffff;
content: "";
cursor: pointer;
font: 300 50px/50px FontAwesome;
position: absolute;
text-align: center;
top: 50%;
transition: all 300ms ease-in 0s;
z-index: 9;
font-weight: 100;
left: 0px;
width: 50px;
border: 1px solid #fff;
border-radius: 50%;
font-size: 30px;
}
.preview-2 .nivo-directionNav a.nivo-nextNav:hover:before, .preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
border-color: #3EC1D5;
color: #fff;
background: #3EC1D5;
}
.preview-2 .nivo-directionNav a.nivo-nextNav::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 1px solid #fff;
border-radius: 50%;
color: #ffffff;
content: "";
cursor: pointer;
font: 100 30px/50px FontAwesome;
height: 50px;
position: absolute;
right: 0px;
text-align: center;
top: 50%;
transition: all 300ms ease-in 0s;
width: 50px;
z-index: 9;
font-size: 30px;
}
.niceties.preview-2 {
position: relative;
height: 100%;
}
@media (min-width: 1920px) {
.work-right-text {
padding: 150px 150px;
}
}
/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
.slider-content {
padding: 146px 0;
}
.work-right-text {
padding: 40px 0;
}
.work-right-text h2 {
font-size: 18px;
line-height: 28px;
}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.main-menu ul.navbar-nav li {
display: inline-block;
padding: 0 8px;
}
.layer-1-1 h2 {
font-size: 24px;
}
.layer-1-2 h1 {
font-size: 31px;
line-height: 38px;
padding: 0px 30px;
}
.stick .main-menu ul.navbar-nav li a {
padding: 24px 0px;
}
.tab-menu ul.nav li a {
padding: 10px 16px;
}
.suscribe-input input {
width: 60%;
}
.suscribe-input button {
width: 40%;
}
.team-content.text-center>h4 {
font-size: 20px;
}
.sus-btn {
margin-left: 0;
}
.suscribe-text h3 {
font-size: 16px;
padding-right: 20px;
}
.work-right-text h5 {
font-size: 14px;
line-height: 22px;
}
.work-right-text {
padding: 36px 0;
}
.work-right-text h2 {
font-size: 14px;
line-height: 22px;
}
.work-right-text .ready-btn {
font-size: 13px;
padding: 7px 20px;
margin-top: 5px;
}
.single-awesome-portfolio {
width: 33.33%;
}
.widget-product a img {
display: block;
float: none;
width: 100%;
}
.widget-product .product-info {
display: block;
float: none;
padding-left: 0;
width: 100%;
margin-top: 20px;
}
.map-column {
margin-left: 0;
padding-right: 40px;
}
.post-information .entry-meta {
font-size: 13px;
padding: 5px 0;
}
.post-information .entry-meta span a {
padding: 4px 0;
}
.service-pic {
margin-bottom: 30px;
text-align: center;
}
.single-add-itms {
width: 50%;
}
.left-sidebar-title>h4 {
font-size: 18px;
}
.contact-form {
margin-top: 0px;
}
.search-option input {
width: 67%;
}
}
/* small mobile :320px. */
@media (max-width: 767px) {
.header-area {
height: 60px !important;
background: #000;
}
.navbar-header a.navbar-brand, .stick .navbar-header a.navbar-brand {
display: inline-block;
height: 60px !important;
padding: 9px 0;
}
.navbar-default .navbar-toggle, .stick .navbar-default .navbar-toggle {
padding: 15px 0;
}
.nav.navbar-nav.navbar-right, .stick .nav.navbar-nav.navbar-right {
background-color: #252525;
padding: 0;
margin-top: 0;
}
.main-menu ul.navbar-nav li, .stick .main-menu ul.navbar-nav li {
display: block;
}
.main-menu ul.navbar-nav li a, .stick .main-menu ul.navbar-nav li a {
padding: 10px 2px;
}
.main-menu ul.navbar-nav li.active a::after, .stick .main-menu ul.navbar-nav li.active a::after {
border: 0px solid #fff;
}
.logo {
height: inherit;
left: 0;
padding: 0;
position: absolute;
top: -6px;
z-index: 999999;
}
.logo a {
padding: 0;
}
.slider-area {
margin-top: 60px;
}
.slider-content h2 {
font-size: 18px !important;
line-height: 24px !important;
}
.slider-content h1 {
font-size: 20px !important;
line-height: 26px !important;
}
.layer-1-3 a.ready-btn {
padding: 8px 15px;
}
.section-headline h2 {
font-size: 30px;
}
.well-middle .single-well {
margin-top: 30px;
}
.single-skill {
margin-bottom: 40px;
}
.tab-menu {
margin-top: 30px;
}
.tab-menu ul.nav li a {
padding: 8px 6px;
}
.wellcome-text {
margin: 0px;
padding: 70px 0px;
}
.subs-feilds {
width: 100%;
}
.suscribe-input input {
width: 60%;
}
.suscribe-input button {
font-size: 15px;
padding: 14px 10px;
width: 40%;
}
.section-headline h3 {
font-size: 25px;
}
.well-text>h2 {
font-size: 18px;
}
.well-text p {
display: none;
}
.single-team-member {
margin-bottom: 30px;
}
.service-right {
width: 100%;
}
.service-images:hover .overly-text {
display: none;
}
.portfolio-area {
padding-top: 0px;
}
.project-menu li a {
padding: 8px 12px;
margin: 10px 4px;
}
.pri_table_list {
margin-bottom: 30px;
}
.single-awesome-project, .portfolio-2 .single-awesome-project {
width: 100%;
float: none;
}
.single-blog {
margin-bottom: 30px;
}
.sus-btn {
margin-left: 0;
margin-top: 30px;
}
.contact-form {
margin-top: 30px;
}
.head-team h5 {
font-size: 22px;
}
.footer-content {
margin-bottom: 30px;
}
.header-bottom h1 {
font-size: 30px;
margin-bottom: 0;
}
.page-area .slider-content {
padding: 100px 0;
}
.search-option input {
width: 74%;
}
.header-bottom h2 {
font-size: 20px;
margin-bottom: 0;
}
li.threaded-comments {
margin-left: 0;
}
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.submitbtn {
float: none;
width: 99.8%;
}
.icons-bottom ul li a {
height: 40px;
line-height: 37px;
width: 40px;
}
.blog-post-dlc ul li {
padding-left: 20px;
padding-right: 20px;
}
.awesome-portfolio-content .portfolio-2 {
width: 50%;
}
.gallary-details .single-awesome-portfolio {
width: 50%;
}
.tab-menu ul.nav li a {
padding: 8px 20px;
}
}
<?php
session_start();
if($_SESSION['status'] != "masuk"){
print "
<script>
alert('Anda harus melakukan login terlebih dahulu!!!');
document.location.href = 'login.php'
</script>
";
}
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dashboard</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="lib/laser/laser.php">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
<link href="lib/owlcarousel/owl.carousel.css" rel="stylesheet">
<link href="lib/owlcarousel/owl.transitions.css" rel="stylesheet">
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/venobox/venobox.css" rel="stylesheet">
<!-- Nivo Slider Theme -->
<link href="css/nivo-slider-theme.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- Responsive Stylesheet File -->
<link href="css/responsive.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target="#navbar-example">
<div id="preloader"></div>
<!-- header-area start -->
<header>
<div id="sticker" class="header-area">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<!-- Navigation -->
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll sticky-logo">
<h1>
<span>E</span>-Commerce UMKM
</h1>
</a>
</div>
<!-- Brand -->
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse main-menu bs-example-navbar-collapse-1" id="navbar-example">
<ul class="nav navbar-nav navbar-right">
<li class="active">
<a class="page-scroll" href="dashboard.php">Dashboard</a>
</li>
<li>
<?php
if($_SESSION['admin']) { ?>
<a class="page-scroll" href="beli.php">Daftar Penjualan</a><?php
}
else{?>
<a class="page-scroll" href="beli.php">Beli</a><?php
}
?>
</li>
<li>
<?php
if($_SESSION['admin']) { ?>
<a class="page-scroll" href="produk.php">Produk & Pesanan</a><?php
}
else{?>
<a class="page-scroll" href="keranjang.php">Keranjang</a><?php
}
?>
</li>
<li>
<a class="page-scroll" href="pengumuman.php">Pengumuman</a>
</li>
<li>
<a class="page-scroll" href="logout.php">
Logout
<?php $_SESSION['username'] ?>
</a>
</li>
</ul>
</div>
</nav>
<!-- END: Navigation -->
</div>
</div>
</div>
</div>
</header>
<!-- header-area end -->
<!-- Start Slider Area -->
<div id="home" class="slider-area">
<div class="bend niceties preview-2">
<div id="ensign-nivoslider" class="slides" style="">
<img src="slider/slide3.png" alt="" title="#slider-direction-1" />
<img src="slider/slide1.png" alt="" title="#slider-direction-2" />
<img src="slider/slide2.png" alt="" title="#slider-direction-3" />
</div>
<!-- direction 1 -->
<div id="slider-direction-1" class="slider-direction slider-one">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="slider-content">
<!-- layer 1 -->
<div class="layer-1-1 hidden-xs wow slideInDown" data-wow-duration="2s" data-wow-delay=".2s"></div>
<!-- layer 2 -->
<div class="layer-1-2 wow slideInUp" data-wow-duration="2s" data-wow-delay=".1s">
<h1 class="title2">
Sekarang Telah Tersedia Produk-Produk Cantik di E-COMMERCE UMKM
</h1>
</div>
<!-- layer 3 -->
<div class="layer-1-3 hidden-xs wow slideInUp" data-wow-duration="2s" data-wow-delay=".2s"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Slider Area -->
<!-- Start Footer bottom Area -->
<footer style="position: absolute; bottom: 0px; text-align: center; width: 100%;">
<div class="footer-area-bottom">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="copyright text-center">
<p>
&copy; Copyright
<strong>
E-commerce UMKM
</strong>
</p>
</div>
<div class="credits">
Designed by Kelompok PSW-IX</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- Ende Footer bottom Area -->
<!-- Start Button up -->
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<!-- End Button up -->
<!-- JavaScript Libraries -->
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/venobox/venobox.min.js"></script>
<script src="lib/knob/jquery.knob.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/parallax/parallax.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="lib/appear/jquery.appear.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<script src="contactform/contactform.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ No newline at end of file
<?php
require 'koneksi.php';
$DaftarPesanan = getAllpesanan();
$awal = 1;
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, intial-scal=1.0">
<title>
Export Data Penjualan
</title>
</head>
<body>
<?php
header('Content-Type: application/vnd-ms-excel');
header('Content-Disposition: attachment; filename= Data_Penjualan.xls');
?>
<center>
<h2 style="font-family: Times New Roman">
Data Hasil Penjualan LASER SHOPPING
</h2>
</center>
<table border="1">
<tr style="font-family: Maiandra GD">
<th><strong>No</strong></th>
<th></strong>Username</strong></th>
<th></strong>Nomor Telp</strong></th>
<th></strong>Kode Produk</strong></th>
<th></strong>Nama Produk</strong></th>
<th></strong>Jumlah Pesanan</strong></th>
<th></strong>Tanggal Pengiriman</strong></th>
<th></strong>Harga</strong></th>
</tr>
<?php
foreach ($DaftarPesanan as $Pesanan){
?>
<tr style="font-family: Arial Narrow">
<td><?= $awal++ ?></td>
<td><?= $Pesanan['username'] ?></td>
<td><?= $Pesanan['nomor_telepon'] ?></td>
<td><?= $Pesanan['kode_produk'] ?></td>
<td><?= $Pesanan['nama_produk'] ?></td>
<td><?= $Pesanan['jlh_barang_pesanan'] ?></td>
<td><?= $Pesanan['tgl_pengiriman'] ?></td>
<td><?= $Pesanan['harga'] ?></td>
</tr>
<?php } ?>
</table>
</body>
</html>
\ No newline at end of file
<?php
function get_title($_title){
return('<title>' . $_title . '</title>');
}
function open_page($_title){
echo('<html><head>' . get_title($_title));
}
function close_page(){
echo('</body></html>');
}
?>
\ No newline at end of file
<?php
require_once 'koneksi.php';
?>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Produk</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<meta content="" name="keywords">
<meta content="" name="description">
<!-- Favicons -->
<link href="img/favicon.png" rel="icon">
<link href="img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700|Raleway:300,400,400i,500,500i,700,800,900" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Libraries CSS Files -->
<link href="lib/nivo-slider/css/nivo-slider.css" rel="stylesheet">
<link href="lib/owlcarousel/owl.carousel.css" rel="stylesheet">
<link href="lib/owlcarousel/owl.transitions.css" rel="stylesheet">
<link href="lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="lib/animate/animate.min.css" rel="stylesheet">
<link href="lib/venobox/venobox.css" rel="stylesheet">
<!-- Nivo Slider Theme -->
<link href="css/nivo-slider-theme.css" rel="stylesheet">
<!-- Main Stylesheet File -->
<link href="css/style.css" rel="stylesheet">
<!-- Responsive Stylesheet File -->
<link href="css/responsive.css" rel="stylesheet">
<!-- =======================================================
Theme Name: eBusiness
Theme URL: https://bootstrapmade.com/ebusiness-bootstrap-corporate-template/
Author: BootstrapMade.com
License: https://bootstrapmade.com/license/
======================================================= -->
</head>
<body data-spy="scroll" data-target="#navbar-example">
<div id="preloader"></div>
<header>
<!-- header-area start -->
<div id="sticker" class="header-area">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<!-- Navigation -->
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Brand -->
<a class="navbar-brand page-scroll sticky-logo">
<h1><span>E</span>-Commerce UMKM</h1>
<!-- Uncomment below if you prefer to use an image logo -->
<!-- <img src="img/logo.png" alt="" title=""> -->
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse main-menu bs-example-navbar-collapse-1" id="navbar-example">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="page-scroll" href="dashboard.php">Dashboard</a>
</li>
<li>
<a class="page-scroll" href="beli.php">Beli</a>
</li>
<li class="active">
<a class="page-scroll" href="keranjang.php">Keranjang</a>
</li>
<li>
<a class="page-scroll" href="pengumuman.php">Pengumuman</a>
</li>
<li>
<a class="page-scroll" href="logout.php">Logout</a>
</li>
</ul>
</div>
<!-- navbar-collapse -->
</nav>
<!-- END: Navigation -->
</div>
</div>
</div>
</div>
<!-- header-area end -->
</header>
<!-- header end -->
<br><br><br><br><br>
<div class="row">
<div class="col-lg-6">
<div id="grafik">
</div>
</div>
</div>
<!-- Start Footer bottom Area -->
<footer>
<div class="footer-area-bottom">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="copyright text-center">
<p>
&copy; Copyright <strong>E-commerce UMKM</strong>
</p>
</div>
<div class="credits">
Designed by Kelompok PSW-IX</a>
</div>
</div>
</div>
</div>
</div>
</footer>
<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
<?php
$DataProduk = getAllProduk();
$nama_barang = array();
$stok_barang = array();
foreach ($DataProduk as $produk) {
$nama_barang[] = $produk["nama_produk"];
$stok_barang[] = intval($produk["stok"]);
}
?>
<!-- JavaScript Libraries -->
<script src="js/1.js"></script>
<script src="js/2.js"></script>
<script type="text/javascript">
Highcharts.chart('grafik', {
chart: {
type: 'area'
},
title: {
text: 'Data Nama Barang dan Jumlah Stok Barang'
},
subtitle: {
text: 'LASER Shopping'
},
xAxis: {
categories: <?= json_encode($nama_barang) ?>,
tickmarkPlacement: 'on',
title: {
enabled: false
}
},
yAxis: {
title: {
text: 'Jumlah Satuan Barang'
},
labels: {
formatter: function() {
return this.value;
}
}
},
tooltip: {
split: true,
valueSuffix: ''
},
plotOptions: {
area: {
stacking: 'normal',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666'
}
}
},
series: [{
name: 'Jumlah Stok',
data: <?= json_encode($stok_barang) ?>
}]
});
</script>
<script src="lib/jquery/jquery.min.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/venobox/venobox.min.js"></script>
<script src="lib/knob/jquery.knob.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/parallax/parallax.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/nivo-slider/js/jquery.nivo.slider.js" type="text/javascript"></script>
<script src="lib/appear/jquery.appear.js"></script>
<script src="lib/isotope/isotope.pkgd.min.js"></script>
<!-- Contact Form JavaScript File -->
<script src="contactform/contactform.js"></script>
<script src="js/main.js"></script>
</body>
</html>
\ No newline at end of file
<?php
require 'koneksi.php';
$id = $_GET["id"];
if(hapuskeranjang($id) > 0){
echo "
<script>
alert('Data berhasil dihapus!');
document.location.href = 'keranjang.php'
</script>
";
}else{
echo "
<script>
alert('Data gagal dihapus!');
document.location.href = 'keranjang.php'
</script>
";
}
?>
\ No newline at end of file
<?php
require 'koneksi.php';
$id = $_GET["id"];
if(hapuskomentar($id) > 0){
echo "
<script>
alert('Data berhasil dihapus!');
document.location.href = 'produk.php'
</script>
";
}else{
echo "
<script>
alert('Data gagal dihapus!');
document.location.href = 'produk.php'
</script>
";
}
?>
\ No newline at end of file
<?php
require 'koneksi.php';
$id = $_GET["id"];
if(hapuspengumuman($id) > 0){
echo "
<script>
alert('Data berhasil dihapus!');
document.location.href = 'pengumuman.php'
</script>
";
}else{
echo "
<script>
alert('Data gagal dihapus!');
document.location.href = 'pengumuman.php'
</script>
";
}
?>
\ No newline at end of file
<?php
require 'koneksi.php';
$id = $_GET["id"];
if(hapusproduk($id) > 0){
echo "
<script>
alert('Data berhasil dihapus!');
document.location.href = 'produk.php'
</script>
";
redirect('produk.php');
}
else{
echo "
<script>
alert('Data gagal dihapus!');
document.location.href = 'produk.php'
</script>
";
}
?>
\ No newline at end of file
source code/img/1.jpg

8.82 KB

source code/img/2.jpg

92.7 KB

source code/img/3.jpg

27 KB

source code/img/adinda.jpg

93.2 KB

source code/img/bg1.jpeg

38.2 KB

This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment