API tools faq
paste
Guest User

Untitled

a guest
Apr 1st, 2016
57
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.73 KB | None | 0 0
raw download clone embed print report
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title>Sign up form | FOODMATTERS&reg; TV</title>
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0" />
  9. <script type="text/javascript">var jslang='EN';</script>
  10. <link href="//fonts.googleapis.com/css?family=Shadows+Into+Light|Open+Sans:400,600,700,800|Open+Sans+Condensed:700" rel="stylesheet" type="text/css" />
  11. <link href="{% static 'stylesheets/style.css' %}" rel="stylesheet" type="text/css" />
  12. <link href="{% static "css/columns.css" %}" rel="stylesheet" type="text/css" />
  13. <link href="{% static "css/base.css" %}" rel="stylesheet" type="text/css" />
  14. <link href="{% static "css/main.css" %}" rel="stylesheet" type="text/css" />
  15. <link href="{% static "stylesheets/join-today.css" %}" rel="stylesheet" type="text/css" />
  16. <link href="{% static "css/font-awesome.min.css" %}" rel="stylesheet">
  17. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  18. <script src="{% static 'js/modernizr-custom.js' %}"></script>
  19. <script src="{% static 'js/plugins.js' %}"></script>
  20.  
  21.  
  22.  
  23. <!-- Start Visual Website Optimizer Synchronous Code -->
  24. <script type='text/javascript'>
  25. var _vis_opt_account_id = 67920;
  26. var _vis_opt_protocol = (('https:' == document.location.protocol) ? 'https://' : 'http://');
  27. document.write('<s' + 'cript src="' + _vis_opt_protocol +
  28. 'dev.visualwebsiteoptimizer.com/deploy/js_visitor_settings.php?v=1&a='+_vis_opt_account_id+'&url='
  29. +encodeURIComponent(document.URL)+'&random='+Math.random()+'" type="text/javascript">' + '<\/s' + 'cript>');
  30. </script>
  31.  
  32. <script type='text/javascript'>
  33. if(typeof(_vis_opt_settings_loaded) == "boolean") { document.write('<s' + 'cript src="' + _vis_opt_protocol +
  34. 'd5phz18u4wuww.cloudfront.net/vis_opt.js" type="text/javascript">' + '<\/s' + 'cript>'); }
  35. // if your site already has jQuery 1.4.2, replace vis_opt.js with vis_opt_no_jquery.js above
  36. </script>
  37.  
  38. <script type='text/javascript'>
  39. if(typeof(_vis_opt_settings_loaded) == "boolean" && typeof(_vis_opt_top_initialize) == "function") {
  40. _vis_opt_top_initialize(); vwo_$(document).ready(function() { _vis_opt_bottom_initialize(); });
  41. }
  42. </script>
  43. <!-- End Visual Website Optimizer Synchronous Code -->
  44.  
  45.  
  46.  
  47. <style type="text/css">
  48. .form-control {
  49. height: auto;
  50. margin-bottom: 0;
  51. }
  52. a:active, a:hover, a:focus {
  53. outline: 0;
  54. color: #fff;
  55. }
  56. body {
  57. background: #edecec;
  58. }
  59. .nav_logo {
  60. height: 40px;
  61. margin: 0;
  62. vertical-align: middle;
  63. display: inline-block;
  64. }
  65. .wrap {
  66. width: 100%;
  67. padding: 0px;
  68. }
  69. #templateNoNav #pageHeader {
  70. height: 185px;
  71. }
  72. section#user-details, section#fmtv-plan, section#billing-details {
  73. padding: 40px 0px;
  74. }
  75. section#user-details {
  76. padding-top:15px;
  77. }
  78. .joinSubHead {
  79. margin-bottom: 20px;
  80. }
  81. .joinSubHead.step {
  82. margin-bottom: 0px;
  83. }
  84. @media (max-width:991px) {
  85. .joinSubHead {
  86. font-size: 1em;
  87. }
  88. #registration-page h2 {
  89. font-size: 30px;
  90. }
  91. .submit-section {
  92. margin-top: 10px;
  93. }
  94. }
  95. @media (max-width:767px) {
  96. #templateNoNav #pageHeader {
  97. height: 120px;
  98. }
  99. #pageHeader .icon-logo-fmtv {
  100. color: #fff;
  101. font-size: 123px;
  102. line-height: 70px;
  103. text-shadow: 0 0 10px rgba(0,0,0,.5);
  104. float: left;
  105. margin: 10px 0 10px;
  106. }
  107. #pageHeader .headRight {
  108. display: none;
  109. }
  110. section#user-details, section#fmtv-plan, section#billing-details {
  111. padding: 30px 0px;
  112. }
  113. #user-details h1 {
  114. margin-top: 0px
  115. }
  116. .form-part input {
  117. margin-bottom: 10px;
  118. padding: 10px;
  119. }
  120. .credit-card-wrap-inner {
  121. padding: 10px;
  122. }
  123. #formSubscribe .cardExpiry label, #formSubscribe .card-type label {
  124. padding: 14px 0px;
  125. }
  126. #saveSash {
  127. position: absolute;
  128. top: -11px;
  129. right: -11px;
  130. height: auto;
  131. width: 132px;
  132. }
  133. .a-btn {
  134. font-size: 20px;
  135. }
  136. #registration-page h2 {
  137. font-size: 30px;
  138. }
  139. form#formSubscribe #user-details input[type="text"], form#formSubscribe #user-details input[type="password"], form#formSubscribe #billing-details input[type="text"] {
  140. float: none;
  141. padding: 12px;
  142. margin-bottom: 0;
  143. }
  144. #formSubscribe > div .cardNum {
  145. width: 75%;
  146. }
  147. .card-ccv {
  148. width: 25%;
  149. }
  150. .top_nav a {
  151. height: 50px;
  152. line-height: 50px;
  153. }
  154. }
  155. .ad-text-inactive {
  156. color:#8e8e8e !important;
  157. }
  158. .general-form-errors ul.errorlist:after {
  159. display: none;
  160. }
  161. .general-form-errors ul.errorlist {
  162. padding: 5px 14px;
  163. background: transparent;
  164. }
  165. .general-form-errors ul.errorlist li {
  166. color: #B65357 !important;
  167. text-align: center;
  168. margin-bottom: 10px;
  169. font-size: 14px;
  170. border: 1px solid;
  171. font-weight: 600;
  172. padding: 5px;
  173. }
  174. ul.errorlist {
  175. position: relative;
  176. margin: 0px 0px -3px 0px;
  177. padding: 2px 14px;
  178. list-style: none;
  179. background: #B65357;
  180. color: #F2E9E9 !important;
  181. border-radius: 3px 3px 0 0px;
  182. width: 90;
  183. font-size: 11px;
  184. float: left;
  185. width: 100%;
  186. }
  187. ul.errorlist li {
  188. color: #F2E9E9 !important;
  189. }
  190. ul.errorlist:after {
  191. display: block;
  192. position: absolute;
  193. bottom: -10px;
  194. width: 0;
  195. height: 0;
  196. content: '';
  197. border: 5px solid transparent;
  198. border-top-color: #B65357;
  199. }
  200. ul.errorlist + input {
  201. border: 1px solid #B65357 !important;
  202. }
  203. section#billing-details {
  204. box-shadow: none;
  205. }
  206. .one-col.ad-section img {
  207. padding: 20px;
  208. }
  209. .annualBonusOffer:last-child:before {
  210. font-family: FontAwesome;
  211. font-weight: normal;
  212. font-style: normal;
  213. display: inline-block;
  214. text-decoration: inherit;
  215. content: "\f067";
  216. position: absolute;
  217. left: -3%;
  218. bottom: 45%;
  219. font-size: 2em;
  220. color: #3f9911;
  221. }
  222. .congratulationWrap {
  223. font-size: 1.3em;
  224. border-bottom: 1px solid #eee;
  225. }
  226. .top_nav_margin {
  227. margin-top: 60px
  228. }
  229. @media (max-width:767px) {
  230. .top_nav_margin {
  231. margin-top: 0px
  232. }
  233. .congratulationWrap {
  234. font-size: 1em;
  235. }
  236. }
  237. .error {
  238. border: 1px solid #B65357 !important;
  239. }
  240. body.modal-open {
  241. height: 100%;
  242. }
  243. #email_taken {
  244. padding: 10px;
  245. background: #B65357;
  246. margin-bottom: 10px;
  247. position: relative;
  248. }
  249. #email_taken:after {
  250. display: block;
  251. position: absolute;
  252. bottom: -16px;
  253. left: 20px;
  254. width: 0;
  255. height: 0;
  256. content: '';
  257. border: 8px solid transparent;
  258. border-top-color: #B65357;
  259. }
  260. .text-link-white {
  261. color:#fff;
  262. font-weight: 600;
  263. text-decoration: underline;
  264. }
  265.  
  266. ul#id_payment_option {
  267. list-style: none;
  268. padding: 10px;
  269. background: #fff;
  270. border-radius: 5px;
  271. border: 1px solid #ccc;
  272. }
  273. #id_payment_option li {
  274. display: inline-block;
  275. width: 48%;
  276. vertical-align: top;
  277. }
  278. #id_payment_option label{
  279. float:none;
  280. color: #484141;
  281. }
  282. #id_payment_option input {
  283. float:none;
  284. margin: 0 10px 0 0;
  285. margin-top: 10px !important;
  286. }
  287. ul#id_payment_option label {
  288. width: 100%;
  289. position: relative;
  290. height: 50px;
  291. color: #fff;
  292. color: transparent;
  293.  
  294. }
  295. label[for="id_payment_option_0"] {
  296. content: '';
  297. }
  298. label[for="id_payment_option_0"]:before {
  299. /* cc */
  300. {# content:url('/static/img/assets/acceptedCards.png');#}
  301. {# position: absolute;#}
  302. {# top: 0;#}
  303.  
  304. background-image: url('/static/img/assets/acceptedCards.png');
  305. background-repeat: no-repeat;
  306. background-size: 100%;
  307. display: inline-block;
  308. width: 100px;
  309. height: 100%;
  310. content:"";
  311.  
  312. }
  313. label[for="id_payment_option_1"]:before {
  314. /* ppal */
  315. content:url('/static/img/assets/acceptedPaypal.png');
  316. position: absolute;
  317. top: 7px;
  318.  
  319. background-image: url('/static/img/assets/acceptedPaypal.png');
  320. background-repeat: no-repeat;
  321. background-size: 100%;
  322. display: inline-block;
  323. width: 80px;
  324. height: 100%;
  325. content:"";
  326.  
  327. }
  328. </style>
  329. </head>
  330. <body class="desktop" id="templateNoNav">
  331. {% include 'includes/scripts_social_top.html' %}
  332. <div id="fb-root"></div>
  333. <script>
  334. window.fbAsyncInit = function() {
  335. FB.init({
  336. appId : '175431905984077', // App ID
  337. channelUrl : '//fmtv.com/channel.html', // Channel File
  338. status : true, // check login status
  339. cookie : true, // enable cookies to allow the server to access the session
  340. xfbml : true // parse XFBML
  341. });
  342.  
  343. FB.getLoginStatus(function(response) {
  344. if (response.status === 'connected') {
  345. var FBid = response.authResponse.userID;
  346. var accessToken = response.authResponse.accessToken;
  347. jQuery('#FBStatus').text(FBid);
  348. jQuery('#profilePic').append('<img src="http://graph.facebook.com/' + FBid + '/picture?width=200&amp;height=200" />');
  349.  
  350. }
  351. });
  352. // Additional initialization code here
  353. };
  354.  
  355. // Load the SDK Asynchronously
  356.  
  357.  
  358. (function(d){
  359. var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
  360. if (d.getElementById(id)) {return;}
  361. js = d.createElement('script'); js.id = id; js.async = true;
  362. js.src = "//connect.facebook.net/en_US/all.js";
  363. ref.parentNode.insertBefore(js, ref);
  364. }(document));
  365. </script>
  366.  
  367. {# <div id="pageHeader" class="stylehead1">#}
  368. {# <div class="container clearfix">#}
  369. {# <div class="headLogo">#}
  370. {# <a href="/"><span class="icon-logo-fmtv"></span></a>#}
  371. {# <p id="tagline" style="margin-top:-15px;">Health &amp; wellness on demand.</p>#}
  372. {# </div>#}
  373. {# <div class="headRight">#}
  374. {# <div class="fb-like" data-href="https://.facebook.com/FMTV" data-layout="button_count" data-action="like"#}
  375. {# data-show-faces="true" data-share="true" style="height: 21px;"></div>#}
  376. {# </div>#}
  377. {# </div>#}
  378. {# </div>#}
  379. <nav class="top_nav">
  380.  
  381. <div class="top_nav_inner">
  382. <div class="col-sm-4 col-xs-3">
  383. <a href="/" class="" style="padding-right:0;" ><img src="{% static 'img/layout/fmtv-logo.svg' %}" class="img-responsive nav_logo" alt=""/></a>
  384. </div>
  385. <div class="col-sm-8 col-xs-9">
  386. <a class="pull-right c-green top_nav_link" href="/giftcard">REDEEM A GIFT CARD</a>
  387. </div>
  388. </div>
  389.  
  390. </nav>
  391.  
  392. {#change#}
  393.  
  394. <div class="top_nav_margin" style="">
  395. <!-- Facebook Conversion Code for FMTV June Special - Purchases -->
  396. <script>
  397. (function() {
  398. var _fbq = window._fbq || (window._fbq = []);
  399. if (!_fbq.loaded) {
  400. var fbds = document.createElement('script');
  401. fbds.async = true;
  402. fbds.src = '//connect.facebook.net/en_US/fbds.js';
  403. var s = document.getElementsByTagName('script')[0];
  404. s.parentNode.insertBefore(fbds, s);
  405. _fbq.loaded = true;
  406. }
  407. })();
  408. window._fbq = window._fbq || [];
  409. window._fbq.push(['track', '6015218278143', {'value':'0.01','currency':'AUD'}]);
  410. </script>
  411. <noscript>
  412. <img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6015218278143&amp;cd[value]=0.01&amp;cd[currency]=AUD&amp;noscript=1" />
  413. </noscript>
  414. <form method="post" id="formSubscribe" onsubmit="return disableSubmit();">
  415. {% csrf_token %}
  416. {{ signup_form.affiliate_id }}
  417. <div id="registration-page">
  418. <section id="user-details">
  419. <div class="container">
  420. <div class="congratulationWrap">
  421. <h1 style="color:#3f9911;text-align: center; margin-bottom: 0px; line-height: 1; padding-bottom: 0;">CONGRATULATIONS!!</h1>
  422. <h3 class="joinSubHead" style="color: #3a3a3a;">You're only three simple steps away from changing your life.</h3>
  423. </div>
  424. <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
  425. <h1 style="text-align: center; margin-bottom: 0px; line-height: 1;">ENTER YOUR DETAILS BELOW</h1>
  426. <h3 class="joinSubHead step" style="">Step 1 of 3</h3>
  427. <h3 class="joinSubHead" style="">Enter your email and choose a password.</h3>
  428. <div class="general-form-errors"> <!-- renders things like non-matching email and confirm email error -->
  429. {{ signup_form.non_field_errors }}
  430. </div>
  431. <div class="form-part clearfix">
  432. <div class="col-sm-6 form-wrap">
  433. <label style="display:none;" for="FirstName">First Name</label>
  434. {{ signup_form.firstname.errors }}
  435. {{ signup_form.firstname }}
  436. </div>
  437. <div class="col-sm-6 form-wrap">
  438. <label style="display:none;" for="LastName">Last Name</label>
  439. {{ signup_form.lastname.errors }}
  440. {{ signup_form.lastname }}
  441. </div>
  442. <div style="clear: both;"></div>
  443. <div style="position: relative">
  444. <div class="col-sm-12">
  445.  
  446. <div id="email_taken" class="hidden">
  447. <p style="margin: 0; color: #fff;">This email is already in use. Please use an alternative email or reactivate this account by going to your account page <a href="{% url 'user_account' %}" class="text-link-white">here</a> {% if not user.is_authenticated %}(You will be prompted to log in first){% endif %}.
  448. </p>
  449. </div>
  450.  
  451. </div>
  452. <div class="col-sm-6 form-wrap">
  453. <label style="display:none;" for="EmailAddress">Email Address</label>
  454. {{ signup_form.email.errors }}
  455. {{ signup_form.email }}
  456. </div>
  457. <div class="col-sm-6 form-wrap">
  458. <label style="display:none;" for="EmailAddress">Confirm Email <span></span></label>
  459. {{ signup_form.confirm_email.errors }}
  460. {{ signup_form.confirm_email }}
  461. </div>
  462. </div>
  463. <div style="clear: both;"></div>
  464. <div class="col-sm-12 form-wrap">
  465. <label style="display:none;" for="Password">Password (6+ characters)</label>
  466. {{ signup_form.password.errors }}
  467. {{ signup_form.password }}
  468. </div>
  469. <a class="email-privacy" href="{% url 'legal' %}" target="_blank">We respect your email privacy.</a>
  470. </div>
  471. <div style="text-align: center;">
  472. <a href="#fmtv-plan" class="a-btn grn-btn a-btn-lg step-1">CONTINUE ></a>
  473. </div>
  474. <!-- <h3 class="joinSubHead" style="font-size:13px;">*You will get a {{ days_free }} day trial account.</h3> -->
  475. <div style="clear:both;"></div>
  476. </div>
  477. </div>
  478. </section>
  479. <section id="fmtv-plan">
  480. <div class="container clearfix">
  481. <h1 class="active_heading">Select your fmtv plan</h1>
  482. <h3 class="joinSubHead step" style="">Step 2 of 3</h3>
  483. <div class="fmtv-plan-hidden">
  484. <h3 class="joinSubHead" style="">There is NO RISK and you can cancel anytime with a single click from
  485. your dashboard.
  486. </h3>
  487. <div class="col-xs-12 col-sm-6">
  488. <div class="monthly-wrap">
  489. <label for="MONTHLY" class="clearfix">
  490. <h2 class="joinh2 orng">Monthly</h2>
  491. <h2 class="trial-fmtv">{{ days_free }} DAYS FREE</h2>
  492. <h2 class="price-fmtv">then ${{ product1.usd_price }} / month</h2>
  493. <span class="bst-val"></span>
  494. <h3 class="joinSubHead">(Cancel at any time)</h3>
  495. <span class="a-btn orng-btn a-btn-md no-link" id="monthly_plan_radio">
  496. {{signup_form.plan_type.0.tag}}
  497. Monthly</span>
  498. </label>
  499. </div>
  500. </div>
  501. <div class="col-xs-12 col-sm-6">
  502. <div class="annual-wrap checked">
  503. <label for="YEARLY" class="clearfix selected">
  504. <img alt="" src="{% static "img/launch/save-sash-launch.png" %}" id="saveSash"/>
  505. <h2 class="joinh2">Annual</h2>
  506. <h2 class="trial-fmtv">{{ days_free }} DAYS FREE</h2>
  507. <h2 class="price-fmtv">then ${{ product2.usd_price }} / year</h2>
  508. <span class="bst-val">BEST VALUE</span>
  509. <h3 class="joinSubHead">(12 months for the price of 10)</h3>
  510. <span class="a-btn grn-btn a-btn-md no-link" id="yearly_plan_radio">
  511. {{signup_form.plan_type.1.tag}}
  512. Annual</span>
  513. </label>
  514. </div>
  515. </div>
  516. <div style="clear:both"></div>
  517. {# <div class="one-col ad-section">#}
  518. {# <h4 class="ad-text">Every Annual Account Instantly ReceiveS Over $100 in Bonuses.</h4>#}
  519. {# <h4 class="ad-text ad-text-black">PLUS YOU WILL Go in the draw to win over $20,000 in Prizes.</h4>#}
  520. {# <h4 class="ad-text">OFFER ENDS MIDNIGHT, MARCH 31, 2015</h4>#}
  521. {# <div class="row">#}
  522. {# <div class="col-xs-12 col-sm-5 annualBonusOffer">#}
  523. {# <div class="bonusInactive"><img src="/static/img/launch/live/bonus_sales_page_image-bw.jpg" class="img-responsive" /></div>#}
  524. {# <div class="bonusActive"><img src="/static/img/launch/live/bonus_sales_page_image.jpg" class="img-responsive" /></div>#}
  525. {# <!-- <p>$100 Free Bonuses (Instant Download)</p> -->#}
  526. {# </div>#}
  527. {# <div class="col-xs-12 col-sm-7 annualBonusOffer">#}
  528. {# <div class="bonusInactive"><img src="/static/img/launch/live/prize_sales_page_image-bw.jpg" class="img-responsive" /></div>#}
  529. {# <div class="bonusActive"><img src="/static/img/launch/live/prize_sales_page_image.jpg" class="img-responsive" /></div>#}
  530. {# <!-- <p>$10,000 Prize Pool (Shipped worldwide)</p> -->#}
  531. {# </div>#}
  532. {# </div>#}
  533. {# </div>#}
  534. <!-- a change -->
  535. <div style="text-align: center;">
  536. <a href="#billing-details" class="a-btn grn-btn a-btn-lg step-2">CONTINUE ></a>
  537. </div>
  538. </div>
  539. </div>
  540. </section>
  541. <section id="billing-details">
  542. <div class="container clearfix">
  543. <h1 class="active_heading">Billing and Payment details</h1>
  544. <h3 class="joinSubHead step" style="">Step 3 of 3</h3>
  545. <div class="billing-details-hidden">
  546. <h3 class="joinSubHead" style="">
  547. Why do we need your card details for a free trial? <br />It's because we need to securely
  548. protect all the films against piracy and to ensure this is a real and valid account.
  549. </h3>
  550. <div class="col-xs-12 col-sm-6">
  551. <h2 class="joinh2 drkgray">Billing Address</h2>
  552. <h3 class="joinSubHead">Please enter your billing address below</h3>
  553. <div class="form-part clearfix">
  554. <div class="col-sm-12 form-wrap">
  555. <label style="display:none;" for="BillingAddress">Street Adress</label>
  556. {{signup_form.billing_address.errors}}
  557. {{signup_form.billing_address}}
  558. </div>
  559. <div class="col-sm-12 form-wrap">
  560. <label style="display:none;" for="BillingCity">City</label>
  561. {{signup_form.billing_city.errors}}
  562. {{signup_form.billing_city}}
  563. </div>
  564. <div class="col-sm-6 form-wrap">
  565. <label style="display:none;" for="BillingState">State</label>
  566. {{signup_form.billing_state.errors}}
  567. {{signup_form.billing_state}}
  568. </div>
  569. <div class="col-sm-6 form-wrap">
  570. <label style="display:none;" for="BillingZip">Zipcode</label>
  571. {{signup_form.billing_postcode.errors}}
  572. {{signup_form.billing_postcode}}
  573. </div>
  574. <div class="col-sm-12 form-wrap">
  575. <label style="display:none;" for="BillingCountry">Country</label>
  576. {{signup_form.billing_country.errors}}
  577. {{signup_form.billing_country}}
  578. </div>
  579. </div>
  580. </div>
  581.  
  582. <div class="col-xs-12 col-sm-6">
  583. <h2 class="joinh2 drkgray">Payment Details</h2>
  584. <h3 class="joinSubHead">Please enter your credit or debit card details below</h3>
  585. <div class="">
  586. {{ signup_form.payment_option }}
  587. </div>
  588. <div id="paypal-payment">
  589. <div style="padding: 10px;background: #fff;border-radius: 5px;border: 1px solid #ccc;">
  590. <img src="{% static 'img/assets/pay-pal-page-icon.svg' %}" alt="Paypal" class="img-responsive" style="max-width: 50%; padding: 12px 0;"/>
  591. <p style="color: #666;">
  592. Please click <b>ACTIVATE MY ACCOUNT</b> and you will be redirected to PayPal to securely create a <em>subscription agreement</em>.
  593. </p>
  594. <p style="color: #666;">
  595. You can cancel your subscription agreement at anytime from within PayPal or FMTV.
  596. </p>
  597. <p style="color: #666;">
  598. From PayPal you will be returned to FMTV to finalize the sign-up process.
  599. </p>
  600. </div>
  601. </div>
  602. <div class="credit-card-wrap-outer clearfix" id="credit-card-payment">
  603. <span></span>
  604. <div class="credit-card-wrap-inner clearfix">
  605. <div class="card-type">
  606. <div style="display:none;">
  607. <img alt="" src="{% static "img/assets/acceptedCards.png" %}" />
  608. </div>
  609. <div>
  610. <label for="CardType">Card Type</label>
  611. {{ signup_form.card_type.errors }}
  612. {{ signup_form.card_type }}
  613. </div>
  614. </div>
  615. <div class="cardNum">
  616. <label style="display:none;" for="CardNumber">Card Number</label>
  617. {{ signup_form.card_number.errors }}
  618. {{ signup_form.card_number }}
  619. </div>
  620. <div class="card-ccv">
  621. <label style="display:none;" for="CardCCV">CCV</label>
  622. {{ signup_form.card_CVV.errors }}
  623. {{ signup_form.card_CVV }}
  624. </div>
  625. <div class="cardExpiry">
  626. <label>Card Expiry</label>
  627. {{ signup_form.card_expiry.errors }}
  628. {{ signup_form.card_expiry }}
  629. </div>
  630. <div style="float: left; width: 100%;">
  631. <label style="display:none;" for="CardName">Name on Card</label>
  632. {{ signup_form.card_name.errors }}
  633. {{ signup_form.card_name }}
  634. </div>
  635. </div>
  636. </div>
  637. <div id="sslInfo">
  638. <div class="sslExplain">
  639. Your payment is secured by advanced encryption technology that safeguards your personal information and guarantees privacy.
  640. </div>
  641. </div>
  642. </div>
  643.  
  644. <div style="clear: both;"></div>
  645. <div class="one-col submit-section">
  646. <h3 class="joinSubHead checkout-text">You have selected the <span class="m_or_y">year</span>ly and will be billed</h3>
  647. <h2 class="price-fmtv price-fmtv-bottom"><span class="finalPrice">$79.00</span> <span class="drop-text">USD</span> / <span class="m_or_y">year</span> after the {{ days_free }} days.</h2>
  648. <div style="text-align: center;">
  649. <div id="form-submit-button">
  650. <input class="a-btn grn-btn a-btn-lg formSub" type="submit" value="ACTIVATE MY ACCOUNT" id="catwebformbutton" />
  651. </div>
  652. </div>
  653. </div> <!-- billing-details-hidden -->
  654. </div>
  655. </div>
  656. </section>
  657. </div>
  658. <script type="text/javascript">
  659. (function ($) {
  660. 'use strict';
  661. $(function () {
  662. if (!Modernizr.input.placeholder) {
  663. $('[placeholder]')
  664. .focus(function () {
  665. var input = $(this);
  666. if (input.val() === input.attr('placeholder')) {
  667. input.val('').removeClass('placeholder');
  668. }
  669. })
  670. .blur(function () {
  671. var input = $(this);
  672. if (input.val() === '' || input.val() === input.attr('placeholder')) {
  673. input.addClass('placeholder').val(input.attr('placeholder'));
  674. }
  675. })
  676. .blur()
  677. .parents('form').submit(function () {
  678. $(this).find('[placeholder]').each(function () {
  679. var input = $(this);
  680. if (input.val() === input.attr('placeholder')) {
  681. input.val('');
  682. }
  683. });
  684. });
  685. }
  686. });
  687. })(jQuery);
  688.  
  689. if ( jQuery('input#id_payment_option_1').is(':checked') ) {
  690. jQuery('#credit-card-payment').hide()
  691. jQuery('#paypal-payment').show()
  692. } else {
  693. jQuery('#paypal-payment').hide()
  694. jQuery('#credit-card-payment').show()
  695. }
  696.  
  697. jQuery('input.payment_option').on('change', function(e){
  698. switch(jQuery(this).val()) {
  699. case '0':
  700. console.log("cc");
  701. jQuery('#credit-card-payment').show()
  702. jQuery('#paypal-payment').hide()
  703. break;
  704. case '1':
  705. console.log("paypal");
  706. jQuery('#credit-card-payment').hide()
  707. jQuery('#paypal-payment').show()
  708. break;
  709. }
  710. });
  711.  
  712. jQuery('#id_email').on('input', function() {
  713. jQuery(this).removeClass('error')
  714. jQuery('#email_taken').addClass('hidden')
  715. });
  716. jQuery('#id_email').on('change', function() {
  717. var input = this
  718. var username = this.value
  719. jQuery.ajax({
  720. method: "POST",
  721. url: "/subscriptions/reactivation-lookup",
  722. data: { username: username}
  723. })
  724. .done(function( data ) {
  725. if (data.result == 'reactivate') {
  726. jQuery(input).addClass('error')
  727. jQuery('#email_taken').removeClass('hidden')
  728. }
  729. });
  730. });
  731.  
  732.  
  733. var form_error = '{{ gateway_error }}';
  734. var active_heading = jQuery('.active_heading'),
  735. payment_sections = jQuery('#fmtv-plan, #billing-details');
  736.  
  737. if(form_error === 'False'){
  738. jQuery(payment_sections).addClass('inactive_section');
  739. jQuery(active_heading).addClass('inactive_heading');
  740. jQuery('.fmtv-plan-hidden').slideUp();
  741. jQuery('.billing-details-hidden').slideUp();
  742. }
  743.  
  744. jQuery('.step-1').click(function() {
  745. jQuery(payment_sections).removeClass('inactive_section');
  746. jQuery(active_heading).removeClass('inactive_heading');
  747. jQuery('.fmtv-plan-hidden').slideDown('slow');
  748. //jQuery('.billing-details-hidden').delay(1000).slideDown('slow');
  749. });
  750.  
  751. jQuery('.step-2').click(function() {
  752. jQuery(payment_sections).removeClass('inactive_section');
  753. jQuery(active_heading).removeClass('inactive_heading');
  754. jQuery('.billing-details-hidden').slideDown('slow');
  755. });
  756.  
  757.  
  758. function goToByScroll(id){
  759. // Remove "link" from the ID
  760. // Scroll
  761. jQuery('html,body').animate({
  762. scrollTop: jQuery("#"+id).offset().top-30
  763. },'slow');
  764. }
  765.  
  766.  
  767. jQuery('.monthly-wrap').on('click', function(){
  768. jQuery('#monthly_plan_radio input').prop("checked",true)
  769. jQuery('.annual-wrap').removeClass('checked').css({opacity: 0.4});
  770. jQuery(this).addClass('checked').css({opacity: 1});
  771.  
  772. var monthly = jQuery('.monthly-wrap.checked').length;
  773. //if monthly is checked do:
  774. if (monthly === 1) {
  775. jQuery('.m_or_y').text('month');
  776. jQuery('.finalPrice').text('$7.95');
  777. //console.log('if' + monthly)
  778. //jQuery('.bonusInactive').fadeTo('slow',1);
  779. //jQuery('.ad-text').addClass('ad-text-inactive');
  780. } else {
  781. jQuery('.m_or_y').text('year');
  782. jQuery('.finalPrice').text('$79.00');
  783. //console.log('else' + monthly)
  784. //jQuery('.bonusInactive').fadeTo('slow',0);
  785. //jQuery('.ad-text').removeClass('ad-text-inactive');
  786. }
  787.  
  788. });
  789.  
  790. jQuery('.annual-wrap').on('click', function(){
  791. jQuery('#yearly_plan_radio input').prop("checked",true)
  792. jQuery(this).addClass('checked').css({opacity: 1});
  793. jQuery('.monthly-wrap').removeClass('checked').css({opacity: 0.4});
  794.  
  795. var monthly = jQuery('.monthly-wrap.checked').length;
  796. //if monthly is checked do:
  797. if (monthly === 1) {
  798. jQuery('.m_or_y').text('month');
  799. jQuery('.finalPrice').text('$7.95');
  800. //console.log('if' + monthly)
  801. //jQuery('.bonusInactive').fadeTo('slow',1);
  802. //jQuery('.ad-text').addClass('ad-text-inactive');
  803. } else {
  804. jQuery('.m_or_y').text('year');
  805. jQuery('.finalPrice').text('$79.00');
  806. //console.log('else' + monthly)
  807. //jQuery('.bonusInactive').fadeTo('slow',0);
  808. //jQuery('.ad-text').removeClass('ad-text-inactive');
  809. }
  810.  
  811. });
  812.  
  813. if ( jQuery('#id_billing_country').val() == 'AU' ) {
  814. jQuery('.drop-text').text('AUD')
  815. }
  816. jQuery('#id_billing_country').change(function() {
  817. if(jQuery(this).val() === 'AU') {
  818. jQuery('.drop-text').text('AUD')
  819. } else {
  820. jQuery('.drop-text').text('USD')
  821. }
  822. })
  823.  
  824. function disableSubmit(){
  825. jQuery('#formSubscribe input[type="submit"]').replaceWith('<img id="processing-gif" src="/static/images/processing-better.gif"/>');
  826. setTimeout(
  827. function (){
  828. jQuery('#form-submit-button').append('<input class="a-btn grn-btn a-btn-lg formSub" type="submit" value="FORM NOT SUBMITTED. PLEASE CLICK ME AGAIN" id="catwebformbutton" />');
  829. jQuery('#processing-gif').remove();
  830. }, 10000
  831. );
  832. return true;
  833. }
  834.  
  835. jQuery('#formSubscribe').on('submit', function() {
  836. if(jQuery(this).val() === 'AU') {
  837. jQuery('.drop-text').text('AUD')
  838. } else {
  839. jQuery('.drop-text').text('USD')
  840. }
  841. })
  842.  
  843. </script>
  844. </form>
  845. </div>
  846. <div style="clear: both;"></div>
  847. <script src="{% static 'js/jquery.mmenu.min.js' %}"></script>
  848. <script src="{% static 'js/smooth-scroll.js' %}"></script>
  849. <script src="{% static 'js/masonry.js' %}"></script>
  850. <script src="{% static 'js/scriptsv3.js' %}"></script>
  851. <script type="text/javascript">
  852. var __lc = {};
  853. __lc.license = 4458521;
  854.  
  855. (function() {
  856. var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
  857. lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
  858. var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
  859. })();
  860. </script>
  861. <script src="{% static "js/jquery.gritter.js" %}"></script>
  862. <script type="text/javascript">
  863. {% if messages %}
  864. {% for message in messages %}
  865. jQuery.gritter.add({
  866. {% if message.tags == "error" %}
  867. title: '<i class="fa fa-times-circle"></i> Error:',
  868. class_name: 'error_gritter',
  869. {% else %}
  870. title: '<i class="fa fa-check-circle"></i> Success:',
  871. class_name: 'success_gritter',
  872. {% endif %}
  873. text: '{{ message }}',
  874. sticky: true
  875. });
  876. {% endfor %}
  877. {% endif %}
  878. </script>
  879. </body>
  880. </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!