API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 22nd, 2019
94
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.49 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!