new.jade 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. extends ../layout
  2. block scripts
  3. script(type='text/javascript').
  4. window.recomendedCurrency = '#{currency}'
  5. window.plan_code = '#{plan_code}'
  6. block content
  7. - locals.supressDefaultJs = true
  8. script(data-main=jsPath+'main.js', src=jsPath+'libs/require.js', baseurl=jsPath)
  9. script(src=jsPath+'libs/recurly.min.js')
  10. .content.content-alt
  11. .container(ng-controller="NewSubscriptionController" ng-cloak)
  12. .row.card-group
  13. .col-md-6.col-md-push-3
  14. .card.card-highlighted
  15. .page-header
  16. span.dropdown.changePlanButton.pull-right(ng-cloak)
  17. a.btn.btn-default.dropdown-toggle(
  18. href="#",
  19. data-toggle="dropdown"
  20. )
  21. | {{currencyCode}} ({{plans[currencyCode]['symbol']}})
  22. span.caret
  23. ul.dropdown-menu(role="menu")
  24. li(ng-repeat="(currency, value) in plans", dropdown-toggle)
  25. a(
  26. ng-click="changeCurrency(currency)",
  27. ) {{currency}} ({{value['symbol']}})
  28. h1 #{translate("new_subscription")}
  29. #subscribeForm(style="min-height: 700px;") #{translate("loading_billing_form")}...
  30. .col-md-3.col-md-pull-6
  31. .card.card-first
  32. .paymentPageFeatures
  33. .page-header
  34. h3 #{translate("features")}
  35. h3 #{translate("unlimited_projects")}
  36. p #{translate("create_unlimited_projects")}
  37. h3
  38. if plan.features.collaborators == -1
  39. - var collaboratorCount = 'Unlimited'
  40. else
  41. - var collaboratorCount = plan.features.collaborators
  42. | #{translate("collabs_per_proj", {collabcount:collaboratorCount})}
  43. p #{translate("work_on_single_version")}. #{translate("view_collab_edits")} in real time.
  44. h3 #{translate("full_doc_history")}
  45. p #{translate("see_what_has_been")}
  46. span.added #{translate("added")}
  47. | #{translate("and")}
  48. span.removed #{translate("removed")}.
  49. | #{translate("restore_to_any_older_version")}.
  50. h3 #{translate("sync_to_dropbox")}
  51. p
  52. | #{translate("acces_work_from_anywhere")}.
  53. | #{translate("work_offline_and_sync_with_dropbox")}.
  54. hr
  55. p.small.text-center We're confident that you'll love ShareLaTeX, but if not you can cancel anytime. We'll give you your money back, no questions asked, if you let us know within 30 days.
  56. script(type="text/javascript").
  57. ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")
  58. script(type="text/javascript").
  59. Recurly.config(!{recurlyConfig})
  60. var recurlySubscriptionFormConfig = !{subscriptionFormOptions}
  61. recurlySubscriptionFormConfig.successHandler = function(){
  62. ga('send', 'event', 'subscription-funnel', 'subscribed')
  63. }
  64. Recurly.buildSubscriptionForm(recurlySubscriptionFormConfig);
  65. window.ab = [
  66. {step:1, bucket:"eu-eu", testName:"multi_currency"},
  67. {step:1, bucket:"eu-usd", testName:"multi_currency"}
  68. ]