SHARE
TWEET

Untitled

a guest May 22nd, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6.     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  7.     <link rel="icon" href="{{site.Logo}}">
  8.  
  9.     <title>{{site.SiteName}}</title>
  10.  
  11. </head>
  12. <body class="d-flex flex-column" style="width: 100%;">
  13. {{>header}}
  14. <br>
  15. <style>
  16.     html {
  17.         scroll-behavior: smooth;
  18.     }
  19.  
  20.     a {
  21.         text-decoration: none;
  22.         color: black;
  23.     }
  24.  
  25.     #down {
  26.  
  27.  
  28.     }
  29. </style>
  30. <div class="container">
  31.  
  32.     <!-- Jumbotron Header -->
  33.     <header class="jumbotron my-4">
  34.         <h3 class="display-4">Hello, {{user}}!</h3>
  35.         <p class="lead"> You can now modify the BAD donuts website using the functionality below. Once you make the changes,
  36.             please remember to confirm.</p>
  37.         <a href="#down" class="btn btn-primary btn-lg">Change general?</a>
  38.     </header>
  39. </div>
  40.  
  41.  
  42. <br>
  43. <form id="editForm1" action="/editSite" method="post" class="form mx-auto">
  44.     <div id=down class="row container-fluid">
  45.         <!--General-->
  46.         <div class="w-50">
  47.             <div class="card h-100">
  48.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  49.                     General
  50.                 </div>
  51.                 <div class="card-body">
  52.                     <label>Site Name:</label>
  53.                     <input class="form-control" placeholder="Site name" name="SiteName" value="{{site.SiteName}}">
  54.                     <br>
  55.                     <label>Logo:</label>
  56.                     <img height="50" src="{{site.Logo}}">
  57.                     <input class="form-control" placeholder="Logo URL" name="Logo" value="{{site.Logo}}">
  58.  
  59.                     <br>
  60.                     <label>Navbar Color (Hex):</label> <p style="background: {{site.NavColor}}" class="form-control"></p>
  61.                     <input class="form-control" placeholder="Navbar Color" id="NavColor" name="NavColor" value="{{site.NavColor}}">
  62.                     <br>
  63.                     <label>Copyright Date:</label>
  64.                     <input class="form-control" placeholder="Date" name="CopyrightDate" value="{{site.CopyrightDate}}">
  65.                     <br>
  66.  
  67.                 </div>
  68.                 <div class="card-footer">
  69.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.         <div class="w-50">
  74.             <div class="card h-100">
  75.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  76.                     Home Page Preview
  77.                 </div>
  78.                 <div class="card-body">
  79.                     <iframe style="width: 100%; height: 100%;" src="/" allowfullscreen></iframe>
  80.                 </div>
  81.                 <div class="card-footer">
  82.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  83.                 </div>
  84.             </div>
  85.         </div>
  86.             <!--CONTACT PAGE-->
  87.         <div class="w-50">
  88.             <div class="card h-100">
  89.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  90.                     Contact Page
  91.                 </div>
  92.                 <div class="card-body">
  93.                     <label>Phone Number:</label>
  94.                     <input class="form-control" placeholder="Phone Number" name="PhoneNumber" value="{{site.PhoneNumber}}">
  95.                     <br>
  96.                     <label>Email:</label>
  97.                     <input class="form-control" placeholder="Email" name="Email" value="{{site.Email}}">
  98.                     <br>
  99.                     <label>Address:</label>
  100.                     <input class="form-control" placeholder="Address" name="Address" value="{{site.Address}}">
  101.                     <br>
  102.                     <label>Map Link:</label>
  103.                     <input class="form-control" placeholder="Map Link" name="MapLink" value="{{site.MapLink}}">
  104.                 </div>
  105.  
  106.                 <div class="card-footer">
  107.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  108.                 </div>
  109.             </div>
  110.         </div>
  111.         <div class="w-50">
  112.             <div class="card h-100">
  113.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  114.                     Contact Page Preview
  115.                 </div>
  116.                 <div class="card-body">
  117.                     <iframe style="width: 100%; height: 100%;" src="/contact" allowfullscreen></iframe>
  118.                 </div>
  119.                 <div class="card-footer">
  120.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  121.                 </div>
  122.             </div>
  123.         </div>
  124.  
  125.         <!--HOME PAGE-->
  126.         <div class="w-50">
  127.             <div class="card h-100">
  128.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  129.                     Contact Page
  130.                 </div>
  131.                 <div class="card-body">
  132.  
  133.                 </div>
  134.  
  135.                 <div class="card-footer">
  136.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  137.                 </div>
  138.             </div>
  139.         </div>
  140.         <div class="w-50">
  141.             <div class="card h-100">
  142.                 <div class="h2 card-header bg-dark text-center" style="color: white;">
  143.                     Contact Page Preview
  144.                 </div>
  145.                 <div class="card-body">
  146.                     <iframe style="width: 100%; height: 100%;" src="/" allowfullscreen></iframe>
  147.                 </div>
  148.                 <div class="card-footer">
  149.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.  
  154.         <div class="col-lg-3 col-md-6 mb-4">
  155.             <div class="card h-100">
  156.                 <div class="card-img-top">
  157.                     <label>Homepage Image:</label>
  158.                     <br>
  159.                     <img height="50" src="{{site.HomeImage}}">
  160.                     <input class="form-control" placeholder="Homepage Image" name="HomeImage" value="{{site.HomeImage}}">
  161.                     <br>
  162.                 </div>
  163.                 <div>
  164.                     <h4 class="card-title">Homepage Image</h4>
  165.                     <p class="card-text">Changing the field above will change image of homepage.</p>
  166.                 </div>
  167.                 <div class="card-footer">
  168.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  169.                 </div>
  170.             </div>
  171.         </div>
  172.  
  173.         <div class="col-lg-3 col-md-6 mb-4">
  174.             <div class="card h-100">
  175.                 <div class="card-img-top">
  176.                     <label>Homepage Main Title:</label>
  177.                     <input class="form-control" placeholder="Homepage Main Title" name="HomeDescTitle" value="{{site.HomeDescTitle}}">
  178.                 </div>
  179.                 <div>
  180.                     <h4 class="card-title">Homepage Title</h4>
  181.                     <p class="card-text">Changing the field above will change homepage title.</p>
  182.                 </div>
  183.                 <div class="card-footer">
  184.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  185.                 </div>
  186.             </div>
  187.  
  188.         </div>
  189.  
  190.         <div class="col-lg-3 col-md-6 mb-4">
  191.             <div class="card h-100">
  192.                 <div class="card-img-top">
  193.                     <label>Homepage Main Description:</label>
  194.                     <input class="form-control" placeholder="Homepage Main Description" name="HomeDesc" value="{{site.HomeDesc}}">
  195.                 </div>
  196.                 <div>
  197.                     <h4 class="card-title">Homepage Description</h4>
  198.                     <p class="card-text">Changing the field above will change homepage description.</p>
  199.                 </div>
  200.                 <div class="card-footer">
  201.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  202.                 </div>
  203.             </div>
  204.  
  205.         </div>
  206.  
  207.         <div class="col-lg-3 col-md-6 mb-4">
  208.             <div class="card h-100">
  209.                 <div class="card-img-top">
  210.                     <label>Homepage Secondary Title:</label>
  211.                     <input class="form-control" placeholder="Homepage Secondary Title" name="HomeDescTitle2" value="{{site.HomeDescTitle2}}">
  212.                 </div>
  213.                 <div>
  214.                     <h4 class="card-title">Homepage Secondary Title</h4>
  215.                     <p class="card-text">Changing the field above will change homepage secondary title.</p>
  216.                 </div>
  217.                 <div class="card-footer">
  218.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  219.                 </div>
  220.             </div>
  221.  
  222.         </div>
  223.  
  224.         <div class="col-lg-3 col-md-6 mb-4">
  225.             <div class="card h-100">
  226.                 <div class="card-img-top">
  227.                     <label>Homepage Secondary Description:</label>
  228.                     <input class="form-control" placeholder="Homepage Secondary Description" name="HomeDesc2" value="{{site.HomeDesc2}}">
  229.                 </div>
  230.                 <div>
  231.                     <h4 class="card-title">Homepage Secondary Description</h4>
  232.                     <p class="card-text">Changing the field above will change homepage secondary description.</p>
  233.                 </div>
  234.                 <div class="card-footer">
  235.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  236.                 </div>
  237.             </div>
  238.  
  239.         </div>
  240.  
  241.         <div class="col-lg-3 col-md-6 mb-4">
  242.             <div class="card h-100">
  243.                 <div class="card-img-top">
  244.                     <label>Home Card 1:</label>
  245.                     <img height="50" src="{{site.CardImage1}}">
  246.                     <input class="form-control" placeholder="First Card Image" name="CardImage1" value="{{site.CardImage1}}">
  247.                     <input class="form-control" placeholder="First Card Title" name="CardTitle1" value="{{site.CardTitle1}}">
  248.                     <input class="form-control" placeholder="First Card Description" name="CardDesc1" value="{{site.CardDesc1}}">
  249.                 </div>
  250.                 <div>
  251.                     <h4 class="card-title">Section 1 Homepage</h4>
  252.                     <p class="card-text">Changing the field above will change section 1 of homepage.</p>
  253.                 </div>
  254.                 <div class="card-footer">
  255.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  256.                 </div>
  257.             </div>
  258.  
  259.         </div>
  260.  
  261.         <div class="col-lg-3 col-md-6 mb-4">
  262.             <div class="card h-100">
  263.                 <div class="card-img-top">
  264.                     <label>Home Card 2:</label>
  265.                     <img height="50" src="{{site.CardImage2}}">
  266.                     <input class="form-control" placeholder="Second Card Image" name="CardImage2" value="{{site.CardImage2}}">
  267.                     <input class="form-control" placeholder="Second Card Title" name="CardTitle2" value="{{site.CardTitle2}}">
  268.                     <input class="form-control" placeholder="Second Card Description" name="CardDesc2" value="{{site.CardDesc2}}">
  269.                 </div>
  270.                 <div>
  271.                     <h4 class="card-title">Section 2 Homepage</h4>
  272.                     <p class="card-text">Changing the field above will change section 2 of homepage.</p>
  273.                 </div>
  274.                 <div class="card-footer">
  275.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  276.                 </div>
  277.             </div>
  278.  
  279.         </div>
  280.  
  281.         <div class="col-lg-3 col-md-6 mb-4">
  282.             <div class="card h-100">
  283.                 <div class="card-img-top">
  284.                     <label>Home Card 3:</label>
  285.                     <img height="50" src="{{site.CardImage3}}">
  286.                     <input class="form-control" placeholder="Third Card Image" name="CardImage3" value="{{site.CardImage3}}">
  287.                     <input class="form-control" placeholder="Third Card Title" name="CardTitle3" value="{{site.CardTitle3}}">
  288.                     <input class="form-control" placeholder="Third Card Description" name="CardDesc3" value="{{site.CardDesc3}}">
  289.                 </div>
  290.                 <div>
  291.                     <h4 class="card-title">Section 3 Homepage</h4>
  292.                     <p class="card-text">Changing the field above will change section 3 of homepage.</p>
  293.                 </div>
  294.                 <div class="card-footer">
  295.                     <button class="btn-outline-primary btn" type="button" id="editButton1">Confirm</button>
  296.                 </div>
  297.             </div>
  298.  
  299.         </div>
  300.     </div>
  301. </form>
  302. {{>footer}}
  303. <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  304. <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  305. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  306. <script src="app.js"></script>
  307. <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
  308. <script>
  309.     $(document).ready(function () {
  310.         $("#editButton1").on("click", function () {
  311.             swal({
  312.                 title: "Are you sure?",
  313.                 icon: "warning",
  314.                 buttons: true,
  315.                 dangerMode: true,
  316.             }).then((willDelete) => {
  317.                 if (willDelete) {
  318.                     $("#editForm1").submit();
  319.                 } else {
  320.                     swal("No changes were made");
  321.                 }
  322.             });
  323.         });
  324.     });
  325. </script>
  326. </body>
  327. </html>
RAW Paste Data
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
 
Top