Advertisement
Guest User

tasks.html

a guest
Aug 19th, 2019
478
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.44 KB | None | 0 0
  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <title>Create Task – Kaiser Framework</title>
  8. <meta name="description" content="">
  9. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
  10. <link rel="stylesheet" href="css/main.css">
  11. <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700&display=swap" rel="stylesheet">
  12. <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>
  13. <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/2.1.2/sweetalert.min.js"></script>
  14. <script src="js/jquery-3.2.1.min.js"></script>
  15. <style>
  16. .grid-container {
  17. display: grid;
  18. grid-template-columns: auto auto auto;
  19. background-color: #2F4677;
  20. padding: 3px;
  21. }
  22. .grid-item {
  23. background-color: rgba(255, 255, 255, 0.8);
  24. border: 1px solid rgba(0, 0, 0, 0.8);
  25. padding: 9px;
  26. font-size: 12px;
  27. text-align: center;
  28. }
  29. </style>
  30. </head>
  31.  
  32. <body>
  33. <nav class="navbar fixed-left">
  34. <!-- LOGO -->
  35. <img src="assets/img/logo.png" alt="Kaiser Framework" class="logo logo--sidebar" />
  36. <div class="navbar__wrapper">
  37. <!-- NAVIGATION -->
  38. <ul class="list list--unstyled list--links">
  39. <!-- DASHBOARD -->
  40. <li class="list__item ">
  41. <a href="frontpage" title="Dashboard" class="list__item__link">
  42. <i class="icon-dashboard"></i>
  43. <span class="list__item__title">Dashboard</span>
  44. </a>
  45. </li>
  46. <!-- SUCCESSS -->
  47. <li class="list__item ">
  48. <a href="success" title="Success" class="list__item__link">
  49. <i class="icon-success"></i>
  50. <span class="list__item__title">Success</span>
  51. </a>
  52. </li>
  53. <!-- ACCOUNTS -->
  54. <li class="list__item ">
  55. <a href="accounts" title="Accounts" class="list__item__link">
  56. <i class="icon-accounts"></i>
  57. <span class="list__item__title">Accounts</span>
  58. </a>
  59. </li>
  60. <!-- TASKS -->
  61. <li class="list__item list__item--active">
  62. <a href="tasks" title="Tasks" class="list__item__link">
  63. <i class="icon-tasks"></i>
  64. <span class="list__item__title">Tasks</span>
  65. </a>
  66. </li>
  67. <!-- PROFILES -->
  68. <li class="list__item ">
  69. <a href="profiles" title="Profiles" class="list__item__link">
  70. <i class="icon-profiles"></i>
  71. <span class="list__item__title">Profiles</span>
  72. </a>
  73. </li>
  74. <!-- SETTINGS -->
  75. <li class="list__item ">
  76. <a href="settings" title="Settings" class="list__item__link">
  77. <i class="icon-settings"></i>
  78. <span class="list__item__title">Settings</span>
  79. </a>
  80. </li>
  81. <!-- INFO -->
  82. <li class="list__item ">
  83. <a href="#" title="Info" class="list__item__link" data-custom-open="infoModal">
  84. <i class="icon-info"></i>
  85. <span class="list__item__title">Info</span>
  86. </a>
  87. </li>
  88. <!-- PX -->
  89. <li class="list__item ">
  90. <a href="px" title="PX" class="list__item__link">
  91. <img src="assets/img/px.png" alt="PX" class="list__item__image" />
  92. <span class="list__item__title">PX</span>
  93. </a>
  94. </li>
  95. <!-- Akamai -->
  96. <li class="list__item ">
  97. <a href="akamai" title="Akamai" class="list__item__link">
  98. <img src="assets/img/akamai.png" alt="Akamai" class="list__item__image" />
  99. <span class="list__item__title">Akamai</span>
  100. </a>
  101. </li>
  102. <!-- PROXY TESTER -->
  103. <li class="list__item ">
  104. <a href="proxies" title="Proxy" class="list__item__link">
  105. <i class="icon-proxy"></i>
  106. <span class="list__item__title">Proxy</span>
  107. </a>
  108. </li>
  109. </ul>
  110. <!-- SOCIAL ELEMENTS -->
  111. <div class="nav-list-info">
  112. <a href="https://kaiserframework.com/" target="_blank" title="Visit our website" class="nav-list-info__item" />
  113. <i class="icon-website"></i>
  114. </a>
  115. <a href="https://twitter.com/KaiserFramework" target="_blank" title="Follow us on Twitter" class="nav-list-info__item">
  116. <i class="icon-twitter"></i>
  117. </a>
  118. <small class="nav-list-info__copyright">
  119. <strong>Version: {{info.version}}</strong> &copy; Kaiser Framework<br />All rights reserved.
  120. </small>
  121. </div>
  122. </div>
  123. </nav>
  124. <section class="container">
  125. <div class="main-wrapper main-wrapper--small">
  126. <h1 class="h1 main-wrapper__h1">
  127. Tasks
  128. </h1>
  129. <p class="main-wrapper__copy">
  130. This is the section where you create tasks to run in on the Dashboard page. </p>
  131. <!-- FORM CONTAINER -->
  132. <!-- FORM CONTAINER -->
  133. <div class="form-container form-container--content">
  134. <h6>
  135. Create Task
  136. </h6>
  137.  
  138. <!-- SELECT PROFILE -->
  139. <div class="form-field__wrapper form-field__wrapper--select">
  140. <select class="form-field__select select" id="profile-select" name="profile-select">
  141. <option selected="true" disabled="disabled">Select Profile</option>
  142. {% for profile in profiles %}
  143. <option value="{{profile}}">{{profile}}</option>
  144. {% endfor %}
  145. </select>
  146. </div>
  147.  
  148. <!-- SKU, SIZE, AMOUNT -->
  149. <div class="row">
  150. <!-- SKU -->
  151. <div class="col-sm">
  152. <div class="form-field__wrapper form-field__wrapper--text">
  153. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="sku" name="sku" value="" required="" placeholder="e.g. 1831731">
  154. <label class="form-field__label input-label" for="sku">
  155. SKU
  156. </label>
  157. </div>
  158. </div>
  159.  
  160. <!-- SIZE -->
  161. <div class="col-sm">
  162. <div class="form-field__wrapper form-field__wrapper--text">
  163. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="size" name="size" value="" required="" placeholder="e.g. 8">
  164. <label class="form-field__label input-label" for="size">
  165. SIZE
  166. </label>
  167. </div>
  168. </div>
  169.  
  170. <!-- AMOUNT -->
  171. <div class="col-sm">
  172. <div class="form-field__wrapper form-field__wrapper--text">
  173. <input type="text" maxlength="" autocomplete="on" class="form-field__input-text input-text" id="amount" name="amount" value="" required="" placeholder="eg. 10">
  174. <label class="form-field__label input-label" for="amount">
  175. AMOUNT
  176. </label>
  177. </div>
  178. </div>
  179. </div>
  180.  
  181. <!-- PROXYLESS -->
  182. <div class="form-field__wrapper form-field__wrapper--input-checkbox">
  183. <input class="form-field__input-checkbox input-checkbox" type="checkbox" id="proxycheck">
  184. <label class="form-field__label input-label" for="proxycheck">
  185. Proxyless
  186. </label>
  187. </div>
  188.  
  189. <!-- FOOTLOCKER: ATC & CHECKOUT METHOD -->
  190. <div class="row"> <!-- add class="is-hidden" if element should get hidden -->
  191. <!-- FOOTLOCKER: ATC -->
  192. <div class="col-sm is-hidden" id="ftlmethod">
  193. <div class="form-field__wrapper form-field__wrapper--select">
  194. <select class="form-field__select select" id="ftl-method" name="ftl-method">
  195. <option selected="true" disabled="disabled">Select Footlocker ATC Method</option>
  196. <option value="1">Method 1 (Non-Akamai)</option>
  197. <option value="2">Method 2 (Akamai)</option>
  198. </select>
  199. </div>
  200. </div>
  201.  
  202. <!-- FOOTLOCKER: CHECKOUT METHOD -->
  203. <div class="col-sm is-hidden" id="ftlpayment">
  204. <div class="form-field__wrapper form-field__wrapper--select">
  205. <select class="form-field__select select" id="ftl-paymentmethod" name="ftl-paymentmethod">
  206. <option selected="true" disabled="disabled">Select Footlocker Checkout Method</option>
  207. <option value="paypal">PayPal</option>
  208. <option value="creditcard">Creditcard</option>
  209. </select>
  210. </div>
  211. </div>
  212. </div>
  213.  
  214. <!-- SOLEBOX, STARCOWPARIS & KICKZ ACCOUNT -->
  215. <div class="row"> <!-- add class="is-hidden" if element should get hidden -->
  216. <!-- SOLEBOX ACCOUNT -->
  217. <div class="col-sm is-hidden" id="soleboxselector">
  218. <div class="form-field__wrapper form-field__wrapper--select">
  219. <select class="form-field__select select" id="solebox-select" name="solebox-select">
  220. <option selected="true" disabled="disabled">Select Solebox Account</option>
  221. {% for account in accounts["Solebox"] %}
  222. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  223. {% endfor %}
  224. </select>
  225. </div>
  226. </div>
  227.  
  228. <!-- STARCOWPARIS ACCOUNT -->
  229. <div class="col-sm is-hidden" id="starcowselector">
  230. <div class="form-field__wrapper form-field__wrapper--select">
  231. <select class="form-field__select select" id="starcow-select" name="starcow-select">
  232. <option selected="true" disabled="disabled">Select Starcowparis Account</option>
  233. {% for account in accounts["Starcowparis"] %}
  234. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  235. {% endfor %}
  236. </select>
  237. </div>
  238. </div>
  239.  
  240. <!-- KICKZ ACCOUNT -->
  241. <div class="col-sm is-hidden" id="kickzselector">
  242. <div class="form-field__wrapper form-field__wrapper--select">
  243. <select class="form-field__select select" id="kickz-select" name="kickz-select">
  244. <option selected="true" disabled="disabled">Select Kickz Account</option>
  245. {% for account in accounts["Kickz"] %}
  246. <option value="{{account.email}},{{account.password}}">Email: {{account.email}} - Password: {{account.password}}</option>
  247. {% endfor %}
  248. </select>
  249. </div>
  250. </div>
  251. </div>
  252.  
  253. <!-- MESH CHECKOUT & MANUAL STORE -->
  254. <div class="row is-hidden" id="meshmethod">
  255. <!-- MESH CHECKOUT -->
  256. <div class="col-sm">
  257. <div class="form-field__wrapper form-field__wrapper--select">
  258. <select class="form-field__select select" id="meshcheckout" name="meshcheckout">
  259. <option selected="true" disabled="disabled">Mesh Checkout Method</option>
  260. <option value="PayPal">PayPal</option>
  261. <option value="Creditcard">Creditcard (only supports some, please test before release)</option>
  262. </select>
  263. </div>
  264. </div>
  265.  
  266. <!-- MANUAL STORE -->
  267. <div class="col-sm">
  268. <div class="form-field__wrapper form-field__wrapper--select">
  269. <select class="form-field__select select" id="storeselector" name="storeselector">
  270. <option selected="true" disabled="disabled">Manual Store Selector (Mesh)</option>
  271. <option value="JDSportsBE">JDSports Backend</option>
  272. <option value="JDSportsFE">JDSports Frontend</option>
  273. <option value="SizeBE">Size Backend</option>
  274. <option value="SizeFE">Size Frontend</option>
  275. <option value="SizeFE">Footpatrol Frontend</option>
  276. <option value="SizeBE">Footpatrol Backend</option>
  277. <option value="HipstoreFE">Hipstore Frontend</option>
  278. </select>
  279. </div>
  280. </div>
  281. </div>
  282. </div>
  283. <div class="main-filter main-filter--tasks main-filter--bottom">
  284. <div class="container">
  285. <div class="main-filter__main">
  286. <button type="button" class="btn btn--start" id="createbtn" onclick="createTask()" required>
  287. <i class="icon-plus"></i>
  288. Create
  289. </button>
  290. <button type="button" class="btn btn--start" id="createbtn" onclick="onePerProfile()" required>
  291. <i class="icon-plus"></i>
  292. Create One Per Profile
  293. </button>
  294. <button type="button" class="btn btn--stop" id="createbtn" data-custom-open="sizeModal" required>
  295. <i class="icon-plus"></i>
  296. Size Guide
  297. </button>
  298. </div>
  299. <div class="main-filter__socials">
  300. <a href="https://kaiserframework.com/" target="_blank" title="Visit our website" class="nav-list-info__item" />
  301. <i class="icon-website"></i>
  302. </a>
  303. <a href="https://twitter.com/KaiserFramework" target="_blank" title="Follow us on Twitter" class="nav-list-info__item">
  304. <i class="icon-twitter"></i>
  305. </a>
  306. <small class="nav-list-info__copyright">
  307. <strong>Version: {{info.version}}</strong> – &copy; Kaiser Framework - All rights reserved.
  308. </small>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </section>
  314. <div class="modal micromodal-slide" id="infoModal" aria-labelledby="infoModalLabel" aria-hidden="true">
  315. <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  316. <!-- CONTAINER -->
  317. <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="accountModalLabel-title">
  318. <!-- HEADER -->
  319. <header class="modal__header">
  320. <h2 class="modal__title" id="accountModalLabel-title">
  321. Kaiser Framework πŸ€–
  322. </h2>
  323. <!-- CLOSE BUTTON -->
  324. <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
  325. </header>
  326.  
  327. <div class="modal__content" id="accountModalLabel-content">
  328. <h5>
  329. Key: <span style="color: green"> {{info.key}}</span>
  330. </h5>
  331.  
  332. <h5>
  333. Version: <span> {{info.version}}</span>
  334. </h5>
  335.  
  336. <p class="main-wrapper__copy">
  337. Developed by <a href="https://twitter.com/ekudahl" target="_blank">Emil Kudahl</a> and <a href="https://twitter.com/theandersmadsen" target="_blank" >Anders Madsen</a>
  338. </p>
  339.  
  340. <small class="has-error">
  341. Please report any bugs that you may find to the developers in Discord
  342. </small>
  343. </div>
  344.  
  345. <footer class="modal__footer">
  346. <button type="button" class="btn btn--clear" data-micromodal-close aria-label="Close this dialog window">Close</button>
  347. </footer>
  348. </div>
  349. </div>
  350. </div>
  351. <div class="modal micromodal-slide" id="sizeModal" aria-labelledby="sizeModalLabel" aria-hidden="true">
  352. <div class="modal__overlay" tabindex="-1" data-micromodal-close>
  353. <!-- CONTAINER -->
  354. <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="accountModalLabel-title">
  355. <!-- HEADER -->
  356. <header class="modal__header">
  357. <h2 class="modal__title" id="accountModalLabel-title">
  358. Size Guide πŸ€–
  359. </h2>
  360. <!-- CLOSE BUTTON -->
  361. <button class="modal__close" aria-label="Close modal" data-micromodal-close></button>
  362. </header>
  363.  
  364. <div class="modal__content" id="accountModalLabel-content">
  365. <h5>
  366. Footlocker
  367. </h5>
  368. <p>Footlocker is quite different when it comes down to sizing, their US 9 is "090" instead of the usual US 9. You can find the sizecodes in the all release-guides that we make.</p>
  369. <div class="grid-container">
  370. <div class="grid-item"><b>EU</b></div>
  371. <div class="grid-item"><b>UK</b></div>
  372. <div class="grid-item"><b>US</b></div>
  373. <div class="grid-item">?</div>
  374. <div class="grid-item">?</div>
  375. <div class="grid-item">?</div>
  376. </div>
  377.  
  378. <h5>
  379. Solebox
  380. </h5>
  381. <div class="grid-container">
  382. <div class="grid-item"><b>EU</b></div>
  383. <div class="grid-item"><b>UK</b></div>
  384. <div class="grid-item"><b>US</b></div>
  385. <div class="grid-item">πŸ€–</div>
  386. <div class="grid-item">πŸ€–</div>
  387. <div class="grid-item"></div>
  388. </div>
  389.  
  390. <h5>
  391. Footpatrol
  392. </h5>
  393. <div class="grid-container">
  394. <div class="grid-item"><b>EU</b></div>
  395. <div class="grid-item"><b>UK</b></div>
  396. <div class="grid-item"><b>US</b></div>
  397. <div class="grid-item"></div>
  398. <div class="grid-item">πŸ€–</div>
  399. <div class="grid-item">v</div>
  400. </div>
  401.  
  402. <h5>
  403. Starcow
  404. </h5>
  405. <div class="grid-container">
  406. <div class="grid-item"><b>EU</b></div>
  407. <div class="grid-item"><b>UK</b></div>
  408. <div class="grid-item"><b>US</b></div>
  409. <div class="grid-item">πŸ€–</div>
  410. <div class="grid-item"></div>
  411. <div class="grid-item">πŸ€–</div>
  412. </div>
  413.  
  414. <h5>
  415. Wellgosh
  416. </h5>
  417. <div class="grid-container">
  418. <div class="grid-item"><b>EU</b></div>
  419. <div class="grid-item"><b>UK</b></div>
  420. <div class="grid-item"><b>US</b></div>
  421. <div class="grid-item"></div>
  422. <div class="grid-item">πŸ€–</div>
  423. <div class="grid-item"></div>
  424. </div>
  425.  
  426. <h5>
  427. Titolo
  428. </h5>
  429. <div class="grid-container">
  430. <div class="grid-item"><b>EU</b></div>
  431. <div class="grid-item"><b>UK</b></div>
  432. <div class="grid-item"><b>US</b></div>
  433. <div class="grid-item">πŸ€–</div>
  434. <div class="grid-item">πŸ€–</div>
  435. <div class="grid-item"></div>
  436. </div>
  437.  
  438. <h5>
  439. Footdistrict
  440. </h5>
  441. <div class="grid-container">
  442. <div class="grid-item"><b>EU</b></div>
  443. <div class="grid-item"><b>UK</b></div>
  444. <div class="grid-item"><b>US</b></div>
  445. <div class="grid-item">πŸ€–</div>
  446. <div class="grid-item">πŸ€–</div>
  447. <div class="grid-item"></div>
  448. </div>
  449.  
  450. <h5>
  451. Kickz/Kickzpremium
  452. </h5>
  453. <div class="grid-container">
  454. <div class="grid-item"><b>EU</b></div>
  455. <div class="grid-item"><b>UK</b></div>
  456. <div class="grid-item"><b>US</b></div>
  457. <div class="grid-item"></div>
  458. <div class="grid-item">πŸ€–</div>
  459. <div class="grid-item"></div>
  460. </div>
  461.  
  462. <h5>
  463. Allikestore
  464. </h5>
  465. <div class="grid-container">
  466. <div class="grid-item"><b>EU</b></div>
  467. <div class="grid-item"><b>UK</b></div>
  468. <div class="grid-item"><b>US</b></div>
  469. <div class="grid-item">πŸ€–</div>
  470. <div class="grid-item"></div>
  471. <div class="grid-item"></div>
  472. </div>
  473.  
  474. <h5>
  475. Overkillshop
  476. </h5>
  477. <div class="grid-container">
  478. <div class="grid-item"><b>EU</b></div>
  479. <div class="grid-item"><b>UK</b></div>
  480. <div class="grid-item"><b>US</b></div>
  481. <div class="grid-item">?</div>
  482. <div class="grid-item">?</div>
  483. <div class="grid-item">?</div>
  484. </div>
  485.  
  486. <h5>
  487. Grosbasket
  488. </h5>
  489. <div class="grid-container">
  490. <div class="grid-item"><b>EU</b></div>
  491. <div class="grid-item"><b>UK</b></div>
  492. <div class="grid-item"><b>US</b></div>
  493. <div class="grid-item">πŸ€–</div>
  494. <div class="grid-item">πŸ€–</div>
  495. <div class="grid-item"></div>
  496. </div>
  497.  
  498. <h5>
  499. Size? (depends on region)
  500. </h5>
  501. <div class="grid-container">
  502. <div class="grid-item"><b>EU</b></div>
  503. <div class="grid-item"><b>UK</b></div>
  504. <div class="grid-item"><b>US</b></div>
  505. <div class="grid-item">πŸ€–</div>
  506. <div class="grid-item">πŸ€–</div>
  507. <div class="grid-item"></div>
  508. </div>
  509.  
  510. <h5>
  511. JDSports (depends on region)
  512. </h5>
  513. <div class="grid-container">
  514. <div class="grid-item"><b>EU</b></div>
  515. <div class="grid-item"><b>UK</b></div>
  516. <div class="grid-item"><b>US</b></div>
  517. <div class="grid-item">πŸ€–</div>
  518. <div class="grid-item">πŸ€–</div>
  519. <div class="grid-item"></div>
  520. </div>
  521.  
  522. <h5>
  523. TheHipStore
  524. </h5>
  525. <div class="grid-container">
  526. <div class="grid-item"><b>EU</b></div>
  527. <div class="grid-item"><b>UK</b></div>
  528. <div class="grid-item"><b>US</b></div>
  529. <div class="grid-item"></div>
  530. <div class="grid-item">πŸ€–</div>
  531. <div class="grid-item"></div>
  532. </div>
  533.  
  534. <h5>
  535. Consortium
  536. </h5>
  537. <div class="grid-container">
  538. <div class="grid-item"><b>EU</b></div>
  539. <div class="grid-item"><b>UK</b></div>
  540. <div class="grid-item"><b>US</b></div>
  541. <div class="grid-item"></div>
  542. <div class="grid-item">πŸ€–</div>
  543. <div class="grid-item"></div>
  544. </div>
  545.  
  546. <h5>
  547. BSTN
  548. </h5>
  549. <div class="grid-container">
  550. <div class="grid-item"><b>EU</b></div>
  551. <div class="grid-item"><b>UK</b></div>
  552. <div class="grid-item"><b>US</b></div>
  553. <div class="grid-item">πŸ€–</div>
  554. <div class="grid-item"></div>
  555. <div class="grid-item">πŸ€–</div>
  556. </div>
  557.  
  558. <h5>
  559. Sneak-a-venue
  560. </h5>
  561. <div class="grid-container">
  562. <div class="grid-item"><b>EU</b></div>
  563. <div class="grid-item"><b>UK</b></div>
  564. <div class="grid-item"><b>US</b></div>
  565. <div class="grid-item">πŸ€–</div>
  566. <div class="grid-item"></div>
  567. <div class="grid-item">πŸ€–</div>
  568. </div>
  569.  
  570. <h5>
  571. Voostore
  572. </h5>
  573. <div class="grid-container">
  574. <div class="grid-item"><b>EU</b></div>
  575. <div class="grid-item"><b>UK</b></div>
  576. <div class="grid-item"><b>US</b></div>
  577. <div class="grid-item"></div>
  578. <div class="grid-item"></div>
  579. <div class="grid-item">πŸ€–</div>
  580. </div>
  581. </div>
  582. <footer class="modal__footer">
  583. <button type="button" class="btn btn--clear" data-micromodal-close aria-label="Close this dialog window">Close</button>
  584. </footer>
  585. </div>
  586. </div>
  587. </div>
  588.  
  589. <a class="top-link hide" href="" id="js-top">
  590. <i class="icon-scroll-top"></i>
  591. </a>
  592. <script src="js/vendor.js"></script>
  593. <script src="js/app.js"></script>
  594. <script src="js/createtask.js"></script>
  595. </body>
  596.  
  597. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement