API tools faq
paste
Guest User

ritualecoffee

a guest
Jun 27th, 2018
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 17.25 KB | None | 0 0
raw download clone embed print report
  1. //[koneksi.php]
  2.  
  3. <?php
  4.  
  5.     $conn = mysqli_connect('localhost','root','','rituale_coffee');
  6.  
  7. ?>
  8.  
  9. //[function.php]
  10.  
  11. <?php
  12.  
  13.         include 'koneksi.php';
  14.         function register ($data) {
  15.         global $conn;
  16.  
  17.         $firstname = stripslashes($data['firstname']);
  18.         $lastname = stripslashes($data['lastname']);
  19.         $email = stripslashes($data['email']);
  20.         $phone = stripslashes($data['phone']);
  21.         $password = mysqli_real_escape_string($conn, $data['password']);
  22.         $password2 = mysqli_real_escape_string($conn, $data['password2']);
  23.  
  24.         //cek user
  25.         $result = mysqli_query($conn, "SELECT email FROM user WHERE email = '$email'");
  26.  
  27.         if( mysqli_fetch_assoc($result)){
  28.             echo "<script>
  29.                 alert('Email sudah digunakan!')
  30.                 </script>";
  31.             return false;
  32.         }
  33.  
  34.         //cek konfirmasi password
  35.         if ($password !== $password2) {
  36.             echo "<script>
  37.                 alert('Password yang anda masukkan tidak sesuai!')
  38.                 </script>";
  39.             return false;
  40.         }
  41.  
  42.         //enkripsi password
  43.         $password = password_hash($password, PASSWORD_DEFAULT);
  44.         //var_dump($password); die;
  45.  
  46.         //tambahkan user ke database
  47.         mysqli_query($conn, "INSERT INTO user VaLUES('','$firstname','$lastname','$email','$phone','$password')");
  48.  
  49.         return mysqli_affected_rows($conn);
  50.  
  51.     }
  52. ?>
  53.  
  54. //[register.php]
  55.  
  56. <?php
  57. require 'function.php';
  58. if(isset($_POST["register"]) ) {
  59.     if(register($_POST) > 0 ) {
  60.         echo "<script>
  61.                 alert('Registrasi Berhasil');
  62.             </script>";
  63.     } else {
  64.         echo mysqli_error($conn);
  65.     }
  66. }
  67. ?>
  68. <!DOCTYPE HTML>
  69. <html>
  70. <head>
  71. <title>RITUALE COFEE</title>
  72. <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
  73. <link href="css/style.css" rel='stylesheet' type='text/css' />
  74. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  75. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  76. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
  77. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  78. <script src="js/jquery.min.js"></script>
  79. <link rel="stylesheet" href="css/fwslider.css" media="all">
  80. <script src="js/jquery-ui.min.js"></script>
  81. <script src="js/fwslider.js"></script>
  82. <script type="text/javascript">
  83.         $(document).ready(function() {
  84.             $(".dropdown img.flag").addClass("flagvisibility");
  85.  
  86.             $(".dropdown dt a").click(function() {
  87.                 $(".dropdown dd ul").toggle();
  88.             });
  89.                        
  90.             $(".dropdown dd ul li a").click(function() {
  91.                 var text = $(this).html();
  92.                 $(".dropdown dt a span").html(text);
  93.                 $(".dropdown dd ul").hide();
  94.                 $("#result").html("Selected value is: " + getSelectedValue("sample"));
  95.             });
  96.                        
  97.             function getSelectedValue(id) {
  98.                 return $("#" + id).find("dt a span.value").html();
  99.             }
  100.  
  101.             $(document).bind('click', function(e) {
  102.                 var $clicked = $(e.target);
  103.                 if (! $clicked.parents().hasClass("dropdown"))
  104.                     $(".dropdown dd ul").hide();
  105.             });
  106.  
  107.  
  108.             $("#flagSwitcher").click(function() {
  109.                 $(".dropdown img.flag").toggleClass("flagvisibility");
  110.             });
  111.         });
  112.      </script>
  113. </head>
  114. <body>
  115.     <div class="header">
  116.         <div class="container">
  117.             <div class="row">
  118.               <div class="col-md-12">
  119.                  <div class="header-left">
  120.                      <div class="logo">
  121.                         <a href="index.html"><img src="images/logo.png" alt=""/></a>
  122.                      </div>
  123.                      <div class="menu">
  124.                           <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
  125.                             <ul class="nav" id="nav">
  126.                                 <li><a href="menu.html">Menu</a></li>
  127.                                 <li><a href="shop.html">Shop</a></li>      
  128.                                 <li><a href="news.html">News</a></li>
  129.                                 <li><a href="team.html">Team</a></li>
  130.                                
  131.                                 <div class="clear"></div>
  132.                             </ul>
  133.                             <script type="text/javascript" src="js/responsive-nav.js"></script>
  134.                     </div>                         
  135.                     <div class="clear"></div>
  136.                 </div>
  137.                 <div class="header_right">
  138.                  <div class="menu">
  139.                           <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
  140.                             <ul class="nav" id="nav">
  141.                                 <li><a href="login.php">Login</a></li>
  142.                                 <div class="clear"></div>
  143.                             </ul>
  144.                             <script type="text/javascript" src="js/responsive-nav.js"></script>
  145.                   </div>
  146.                      
  147.                       <div class="search-box">
  148.                             <div id="sb-search" class="sb-search">
  149.                                 <form>
  150.                                     <input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
  151.                                     <input class="sb-search-submit" type="submit" value="">
  152.                                     <span class="sb-icon-search"> </span>
  153.                                 </form>
  154.                             </div>
  155.                         </div>
  156.                        
  157.                         <script src="js/classie.js"></script>
  158.                         <script src="js/uisearch.js"></script>
  159.                         <script>
  160.                             new UISearch( document.getElementById( 'sb-search' ) );
  161.                         </script>                  
  162.                    <div class="clear"></div>
  163.            </div>
  164.           </div>
  165.          </div>
  166.         </div>
  167.     </div>
  168.  
  169.      <div class="main">
  170.       <div class="shop_top">
  171.          <div class="container">
  172.                         <form action="" method="post">
  173.                                 <div class="register-top-grid">
  174.                                         <h3>PERSONAL INFORMATION</h3>
  175.                                         <div>
  176.                                             <span>First Name<label>*</label></span>
  177.                                             <input type="text" name="firstname" id="firstname" autocomplete="off">
  178.                                         </div>
  179.                                         <div>
  180.                                             <span>Last Name<label>*</label></span>
  181.                                             <input type="text" name="lastname" id="lastname" autocomplete="off">
  182.                                         </div>
  183.                                         <div>
  184.                                             <span>Email Address<label>*</label></span>
  185.                                             <input type="text" name="email" id="email" autocomplete="off">
  186.                                         </div>
  187.                                         <div>
  188.                                             <span>Phone<label>*</label></span>
  189.                                             <input type="text" name="phone" id="phone" autocomplete="off">
  190.                                         </div>
  191.                                         <div class="clear"> </div>
  192.                                 </div>
  193.                                 <div class="clear"> </div>
  194.                                 <div class="register-bottom-grid">
  195.                                         <h3>LOGIN INFORMATION</h3>
  196.                                         <div>
  197.                                             <span>Password<label>*</label></span>
  198.                                             <input type="password" name="password" id="password">
  199.                                         </div>
  200.                                         <div>
  201.                                             <span>Confirm Password<label>*</label></span>
  202.                                             <input type="password" name="password2" id="password2">
  203.                                         </div>
  204.                                 </div>
  205.                                 <div class="clear"> </div>
  206.                                 <button type="submit" name="register">Register</button>
  207.                         </form>
  208.                     </div>
  209.            </div>
  210.       </div>
  211.         <div class="footer">
  212.             <div class="container">
  213.                 <div class="row">
  214.                     <div class="col-md-3">
  215.                         <ul class="footer_box">
  216.                             <h4>Why choose us?</h4>
  217.                             <p>Rituale Kopi adalah mikro roaster yang terletak di Jl. Tegal Mulya 3, Kembaran, Purwokerto, Jawa Tengah, Indonesia. Kami bertujuan untuk memperkenalkan kopi terbaik dari seluruh Indonesia kepada masyarakat Indonesia. Untuk memenuhi tujuan itu, kami berkomitmen untuk menyuguhkan kopi dengan kualitas tinggi, membagi pengetahuan mengenai kopi, dan membuat terobosan-terobosan baru di dunia perkopian.</p>
  218.                         </ul>
  219.                     </div>
  220.                     <div class="col-md-3">
  221.                         <ul class="footer_box">
  222.                             <h4>Need Coffe?</h4>
  223.                             <p>Untuk anda pecinta dan penikmat kopi, Kami menyediakan dan menjual kopi terbaik Indonesia kualitas tertinggi dengan roster dan cupper berlisensi internasional dari Coffee Quality Institute. Anda dapat memesan biji kopi siap seduh hasil roaster atau datang langsung ke tempat kami Rituale Kopi yang beralamat di Jl. Tegal Mulya 3, Kembaran, Purwokerto, Jawa Tengah, Indonesia.</p>
  224.                         </ul>
  225.                     </div>
  226.                     <div class="col-md-3">
  227.                         <ul class="footer_box">
  228.                             <h4>Customer Support</h4>
  229.                             <li><a href="contact.html">Contact Us</a></li>
  230.                             <li><a href="aboutus.html">About Us</a></li>
  231.                         </ul>
  232.                     </div>
  233.                     <div class="col-md-3">
  234.                         <ul class="footer_box">
  235.                             <h4>Newsletter</h4>
  236.                             <div class="footer_search">
  237.                                <form>
  238.                                 <input type="text" value="Enter your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email';}">
  239.                                 <input type="submit" value="Go">
  240.                                </form>
  241.                             </div>
  242.                             <ul class="social">
  243.                               <li class="facebook"><a href="#"><span> </span></a></li>
  244.                               <li class="twitter"><a href="#"><span> </span></a></li>
  245.                               <li class="instagram"><a href="#"><span> </span></a></li>                            
  246.                             </ul>
  247.                         </ul>
  248.                     </div>
  249.                 </div>
  250.                 <div class="row footer_bottom">
  251.                     <div class="copy">
  252.                        <p>TM & Copyrights 2018 Rituale Coffee Corporations. All Rights Reserved</p>
  253.                     </div>
  254.                 </div>
  255.             </div>
  256.         </div>
  257. </body>
  258. </html>
  259.  
  260. //[login.php]
  261. <?php
  262. require 'function.php';
  263.  
  264. if( isset($_POST["login"]) ) {
  265.  
  266.     $email = $_POST["email"];
  267.     $password = $_POST["password"];
  268.  
  269.     $result = mysqli_query($conn, "SELECT * FROM user WHERE email = '$email'");
  270.  
  271.     //cek email
  272.     if(mysqli_num_rows($result) === 1) {
  273.  
  274.         $row = mysqli_fetch_assoc($result);
  275.         if( password_verify($password, $row["password"]) ) {
  276.             header("Location: index.html");
  277.             exit;
  278.         }
  279.       }
  280.  
  281.       $error = true;
  282.     }
  283. ?>
  284. <!DOCTYPE HTML>
  285. <html>
  286. <head>
  287. <title>RITUALE COFEE</title>
  288. <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
  289. <link href="css/style.css" rel='stylesheet' type='text/css' />
  290. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  291. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  292. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
  293. <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  294. <script src="js/jquery.min.js"></script>
  295. <link rel="stylesheet" href="css/fwslider.css" media="all">
  296. <script src="js/jquery-ui.min.js"></script>
  297. <script src="js/fwslider.js"></script>
  298. <script type="text/javascript">
  299.         $(document).ready(function() {
  300.             $(".dropdown img.flag").addClass("flagvisibility");
  301.  
  302.             $(".dropdown dt a").click(function() {
  303.                 $(".dropdown dd ul").toggle();
  304.             });
  305.                        
  306.             $(".dropdown dd ul li a").click(function() {
  307.                 var text = $(this).html();
  308.                 $(".dropdown dt a span").html(text);
  309.                 $(".dropdown dd ul").hide();
  310.                 $("#result").html("Selected value is: " + getSelectedValue("sample"));
  311.             });
  312.                        
  313.             function getSelectedValue(id) {
  314.                 return $("#" + id).find("dt a span.value").html();
  315.             }
  316.  
  317.             $(document).bind('click', function(e) {
  318.                 var $clicked = $(e.target);
  319.                 if (! $clicked.parents().hasClass("dropdown"))
  320.                     $(".dropdown dd ul").hide();
  321.             });
  322.  
  323.  
  324.             $("#flagSwitcher").click(function() {
  325.                 $(".dropdown img.flag").toggleClass("flagvisibility");
  326.             });
  327.         });
  328.      </script>
  329. </head>
  330. <body>
  331.     <div class="header">
  332.         <div class="container">
  333.             <div class="row">
  334.               <div class="col-md-12">
  335.                  <div class="header-left">
  336.                      <div class="logo">
  337.                         <a href="index.html"><img src="images/logo.png" alt=""/></a>
  338.                      </div>
  339.                      <div class="menu">
  340.                           <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
  341.                             <ul class="nav" id="nav">
  342.                                 <li><a href="menu.html">Menu</a></li>
  343.                                 <li><a href="shop.html">Shop</a></li>      
  344.                                 <li><a href="news.html">News</a></li>
  345.                                 <li><a href="team.html">Team</a></li>
  346.                                
  347.                                 <div class="clear"></div>
  348.                             </ul>
  349.                             <script type="text/javascript" src="js/responsive-nav.js"></script>
  350.                     </div>                         
  351.                     <div class="clear"></div>
  352.                 </div>
  353.                 <div class="header_right">
  354.                  <div class="menu">
  355.                           <a class="toggleMenu" href="#"><img src="images/nav.png" alt="" /></a>
  356.                             <ul class="nav" id="nav">
  357.                                 <li><a href="login.php">Login</a></li>
  358.                                 <div class="clear"></div>
  359.                             </ul>
  360.                             <script type="text/javascript" src="js/responsive-nav.js"></script>
  361.                   </div>
  362.                      
  363.                       <div class="search-box">
  364.                             <div id="sb-search" class="sb-search">
  365.                                 <form>
  366.                                     <input class="sb-search-input" placeholder="Enter your search term..." type="search" name="search" id="search">
  367.                                     <input class="sb-search-submit" type="submit" value="">
  368.                                     <span class="sb-icon-search"> </span>
  369.                                 </form>
  370.                             </div>
  371.                         </div>
  372.                        
  373.                         <script src="js/classie.js"></script>
  374.                         <script src="js/uisearch.js"></script>
  375.                         <script>
  376.                             new UISearch( document.getElementById( 'sb-search' ) );
  377.                         </script>
  378.                    <div class="clear"></div>
  379.            </div>
  380.           </div>
  381.          </div>
  382.         </div>
  383.     </div>
  384.      <div class="main">
  385.       <div class="shop_top">
  386.         <div class="container">
  387.             <div class="col-md-6">
  388.                  <div class="login-page">
  389.                     <h4 class="title">New Customers</h4>
  390.                     <p>Jika anda belum memiliki akun untuk melakukan sebuah transaksi, silahkan daftarkan data diri anda untuk kemudahan dalam melakukan sebuah transaksi di Coffee shop kami.</p>
  391.                     <div class="button1">
  392.                        <a href="register.php"><input type="submit" name="register" value="Create an Account"></a>
  393.                      </div>
  394.                      <div class="clear"></div>
  395.                   </div>
  396.                 </div>
  397.                 <div class="col-md-6">
  398.                  <div class="login-title">
  399.                     <h4 class="title">Registered Customers</h4>
  400.                     <?php if( isset($error) ) : ?>
  401.                         <p style="color: red; font-style: italic;">Email/Password yang dimasukkan salah!</p>
  402.                     <?php endif; ?>
  403.                     <div id="loginbox" class="loginbox">
  404.                         <form action="" method="post" name="login" id="login-form">
  405.                           <fieldset class="input">
  406.                             <p id="login-form-email">
  407.                               <label for="email">Email</label>
  408.                               <input id="email" type="text" name="email" class="inputbox" size="18" autocomplete="off">
  409.                             </p>
  410.                             <p id="login-form-password">
  411.                               <label for="password">Password</label>
  412.                               <input id="password" type="password" name="password" class="inputbox" size="18" autocomplete="off">
  413.                             </p>
  414.                             <p id="remember">
  415.                                 <label class="checkbox"><input type="checkbox" name="remember" id="remember"><i> </i>Remember me?</label>
  416.                             </p>
  417.                             <div class="remember">
  418.                                 <input type="submit" name="login" class="button" value="Login"><div class="clear"></div>
  419.                              </div>
  420.                           </fieldset>
  421.                          </form>
  422.                     </div>
  423.                   </div>
  424.                  <div class="clear"></div>
  425.               </div>
  426.             </div>
  427.           </div>
  428.       </div>
  429.         <div class="footer">
  430.             <div class="container">
  431.                 <div class="row">
  432.                     <div class="col-md-3">
  433.                         <ul class="footer_box">
  434.                             <h4>Why choose us?</h4>
  435.                             <p>Rituale Kopi adalah mikro roaster yang terletak di Jl. Tegal Mulya 3, Kembaran, Purwokerto, Jawa Tengah, Indonesia. Kami bertujuan untuk memperkenalkan kopi terbaik dari seluruh Indonesia kepada masyarakat Indonesia. Untuk memenuhi tujuan itu, kami berkomitmen untuk menyuguhkan kopi dengan kualitas tinggi, membagi pengetahuan mengenai kopi, dan membuat terobosan-terobosan baru di dunia perkopian.</p>
  436.                         </ul>
  437.                     </div>
  438.                     <div class="col-md-3">
  439.                         <ul class="footer_box">
  440.                             <h4>Need Coffe?</h4>
  441.                             <p>Untuk anda pecinta dan penikmat kopi, Kami menyediakan dan menjual kopi terbaik Indonesia kualitas tertinggi dengan roster dan cupper berlisensi internasional dari Coffee Quality Institute. Anda dapat memesan biji kopi siap seduh hasil roaster atau datang langsung ke tempat kami Rituale Kopi yang beralamat di Jl. Tegal Mulya 3, Kembaran, Purwokerto, Jawa Tengah, Indonesia.</p>
  442.                         </ul>
  443.                     </div>
  444.                     <div class="col-md-3">
  445.                         <ul class="footer_box">
  446.                             <h4>Customer Support</h4>
  447.                             <li><a href="contact.html">Contact Us</a></li>
  448.                             <li><a href="aboutus.html">About Us</a></li>
  449.                         </ul>
  450.                     </div>
  451.                     <div class="col-md-3">
  452.                         <ul class="footer_box">
  453.                             <h4>Newsletter</h4>
  454.                             <div class="footer_search">
  455.                                <form>
  456.                                 <input type="text" value="Enter your email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Enter your email';}">
  457.                                 <input type="submit" value="Go">
  458.                                </form>
  459.                             </div>
  460.                             <ul class="social">
  461.                               <li class="facebook"><a href="#"><span> </span></a></li>
  462.                               <li class="twitter"><a href="#"><span> </span></a></li>
  463.                               <li class="instagram"><a href="#"><span> </span></a></li>                            
  464.                             </ul>
  465.                         </ul>
  466.                     </div>
  467.                 </div>
  468.                 <div class="row footer_bottom">
  469.                     <div class="copy">
  470.                        <p>TM & Copyrights 2018 Rituale Coffee Corporations. All Rights Reserved</p>
  471.                     </div>
  472.                 </div>
  473.             </div>
  474.         </div>
  475. </body>
  476. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!