overleaf/services/web/app/views/subscriptions/plans.jade

247 lines
9.3 KiB
Text
Raw Normal View History

2014-02-12 05:23:40 -05:00
extends ../layout
2014-09-04 14:03:04 -04:00
block scripts
script(type='text/javascript').
window.recomendedCurrency = '#{recomendedCurrency}'
2014-10-15 11:21:45 -04:00
window.abCurrencyFlag = '#{abCurrencyFlag}'
script(type='text/javascript').
(function() {var s=document.createElement('script'); s.type='text/javascript';s.async=true;
s.src=('https:'==document.location.protocol?'https':'http') + '://sharelatex-accounts.groovehq.com/widgets/f5ad3b09-7d99-431b-8af5-c5725e3760ce/ticket/api.js';
var q = document.getElementsByTagName('script')[0];q.parentNode.insertBefore(s, q);})();
2014-02-12 05:23:40 -05:00
block content
2014-07-07 07:27:58 -04:00
.content-alt
.content.plans(ng-controller="PlansController")
.container
2014-02-12 05:23:40 -05:00
.row
2014-07-07 07:27:58 -04:00
.col-md-12
.page-header.centered.plans-header.text-centered
2014-09-01 12:48:09 -04:00
h1(ng-cloak) #{translate("start_x_day_trial", {len:'{{trial_len}}'})}
2014-02-12 05:23:40 -05:00
.row
2014-07-25 07:10:56 -04:00
.col-md-8.col-md-offset-2
2014-07-31 08:38:24 -04:00
p.text-centered #{translate("sl_benefits_plans")}
2014-07-07 07:27:58 -04:00
.row(ng-cloak)
2014-09-04 14:03:04 -04:00
.col-md-6.col-md-offset-3
2014-07-07 07:27:58 -04:00
ul.nav.nav-pills
li(ng-class="{'active': ui.view == 'monthly'}")
a(
href,
ng-click="switchToMonthly()"
2014-07-31 08:38:24 -04:00
) #{translate("monthly")}
2014-07-07 07:27:58 -04:00
li(ng-class="{'active': ui.view == 'annual'}")
a(
href
ng-click="switchToAnnual()"
2014-07-31 08:38:24 -04:00
) #{translate("annual")}
2014-07-07 07:27:58 -04:00
li(ng-class="{'active': ui.view == 'student'}")
a(
href,
ng-click="switchToStudent()"
2014-07-31 08:38:24 -04:00
) #{translate("half_price_student")}
.col-md-2.text-right
.dropdown.currency-dropdown(dropdown)
a.btn.btn-default.dropdown-toggle#currenyDropdown(
2014-09-04 14:03:04 -04:00
href="#",
data-toggle="dropdown",
dropdown-toggle
2014-09-04 14:03:04 -04:00
)
| {{currencyCode}} ({{plans[currencyCode]['symbol']}})
span.caret
2014-09-04 14:03:04 -04:00
2015-08-04 10:58:17 -04:00
ul.dropdown-menu.dropdown-menu-right.text-right(role="menu")
li(ng-repeat="(currency, value) in plans")
2014-09-04 14:03:04 -04:00
a(
href,
ng-click="changeCurreny(currency)"
) {{currency}} ({{value['symbol']}})
2014-09-04 14:03:04 -04:00
2014-07-07 07:27:58 -04:00
.row(ng-cloak)
.col-md-10.col-md-offset-1
.row
.card-group.text-centered(ng-if="ui.view == 'monthly' || ui.view == 'annual'")
.col-md-4
.card.card-first
.card-header
h2 #{translate("personal")}
.circle #{translate("free")}
ul.list-unstyled
li #{translate("one_collaborator")}
li  
li  
2014-11-03 09:25:53 -05:00
li  
li
br
a.btn.btn-info(
href="/register"
style=(getLoggedInUserId() === undefined ? "" : "visibility: hidden")
) #{translate("sign_up_now")}
.col-md-4
.card.card-highlighted
.card-header
h2 #{translate("collaborator")}
.circle
span(ng-if="ui.view == 'monthly'")
| {{plans[currencyCode]['collaborator']['monthly']}}
span.small /mo
span(ng-if="ui.view == 'annual'")
| {{plans[currencyCode]['collaborator']['annual']}}
span.small /yr
ul.list-unstyled
li
strong #{translate("collabs_per_proj", {collabcount:10})}
li #{translate("full_doc_history")}
li #{translate("sync_to_dropbox")}
2014-11-03 09:23:02 -05:00
li #{translate("sync_to_github")}
li
br
a.btn.btn-info(
ng-href="#{baseUrl}/user/subscription/new?planCode=collaborator{{ ui.view == 'annual' && '-annual' || planQueryString}}&currency={{currencyCode}}", ng-click="signUpNowClicked('collaborator')"
)
span(ng-show="ui.view != 'annual'") #{translate("start_free_trial")}
span(ng-show="ui.view == 'annual'") #{translate("buy_now")}
.col-md-4
.card.card-last
.card-header
h2 #{translate("professional")}
.circle
span(ng-if="ui.view == 'monthly'")
| {{plans[currencyCode]['professional']['monthly']}}
span.small /mo
span(ng-if="ui.view == 'annual'")
| {{plans[currencyCode]['professional']['annual']}}
span.small /yr
ul.list-unstyled
li
strong #{translate("unlimited_collabs")}
li #{translate("full_doc_history")}
li #{translate("sync_to_dropbox")}
2014-11-03 09:23:02 -05:00
li #{translate("sync_to_github")}
li
br
a.btn.btn-info(
ng-href="#{baseUrl}/user/subscription/new?planCode=professional{{ ui.view == 'annual' && '-annual' || planQueryString}}&currency={{currencyCode}}", ng-click="signUpNowClicked('professional')"
)
span(ng-show="ui.view != 'annual'") #{translate("start_free_trial")}
span(ng-show="ui.view == 'annual'") #{translate("buy_now")}
2014-07-07 07:27:58 -04:00
.card-group.text-centered(ng-if="ui.view == 'student'")
.col-md-4
.card.card-first
.card-header
h2 #{translate("personal")}
.circle #{translate("free")}
ul.list-unstyled
li #{translate("one_collaborator")}
li  
li  
2014-11-03 09:25:53 -05:00
li  
li
br
a.btn.btn-info(
href="/register"
style=(getLoggedInUserId() === undefined ? "" : "visibility: hidden")
) #{translate("sign_up_now")}
.col-md-4
.card.card-highlighted
.card-header
h2 #{translate("student")}
.circle
span
| {{plans[currencyCode]['student']['monthly']}}
span.small /mo
ul.list-unstyled
li
strong #{translate("collabs_per_proj", {collabcount:6})}
li #{translate("full_doc_history")}
li #{translate("sync_to_dropbox")}
2014-11-03 09:23:02 -05:00
li #{translate("sync_to_github")}
li
br
a.btn.btn-info(
ng-href="#{baseUrl}/user/subscription/new?planCode=student{{planQueryString}}&currency={{currencyCode}}", ng-click="signUpNowClicked('student')"
) #{translate("start_free_trial")}
.col-md-4
.card.card-last
.card-header
h2 #{translate("student")} (#{translate("annual")})
.circle
span
| {{plans[currencyCode]['student']['annual']}}
span.small /yr
ul.list-unstyled
li
strong #{translate("collabs_per_proj", {collabcount:6})}
li #{translate("full_doc_history")}
li #{translate("sync_to_dropbox")}
2014-11-03 09:23:02 -05:00
li #{translate("sync_to_github")}
li
br
a.btn.btn-info(
ng-href="#{baseUrl}/user/subscription/new?planCode=student-annual&currency={{currencyCode}}", ng-click="signUpNowClicked('student')"
) #{translate("buy_now")}
2014-07-07 07:27:58 -04:00
.row.row-spaced(ng-cloak)
p.text-centered #{translate("choose_plan_works_for_you", {len:'{{trial_len}}'})}
2014-07-25 07:32:26 -04:00
.row(ng-cloak)
.col-md-8.col-md-offset-2
.alert.alert-info.text-centered
2014-07-31 08:38:24 -04:00
| #{translate("interested_in_group_licence")}
2014-07-25 07:32:26 -04:00
br
2014-07-31 08:38:24 -04:00
a(href, ng-click="openGroupPlanModal()") #{translate("get_in_touch_for_details")}
2014-07-25 07:32:26 -04:00
script(type="text/ng-template", id="groupPlanModalTemplate")
.modal-header
2014-07-31 08:38:24 -04:00
h3 #{translate("group_plan_enquiry")}
2014-07-25 07:32:26 -04:00
.modal-body
form.text-left.form(ng-controller="UniverstiesContactController", ng-submit="contactUs()", ng-cloak)
span(ng-show="sent == false")
.form-group
label#title9(for='Field9')
| Name
input#Field9.field.text.medium.span8.form-control(ng-model="form.name", maxlength='255', tabindex='1', onkeyup='')
label#title11.desc(for='Field11')
| Email
.form-group
input#Field11.field.text.medium.span8.form-control(ng-model="form.email", name='Field11', type='email', spellcheck='false', value='', maxlength='255', tabindex='2')
label#title12.desc(for='Field12')
| University / Company
.form-group
input#Field12.field.text.medium.span8.form-control(ng-model="form.university", name='Field12', type='text', value='', maxlength='255', tabindex='3', onkeyup='')
label#title13.desc(for='Field13')
| Position
.form-group
input#Field13.field.text.medium.span8.form-control(ng-model="form.position", name='Field13', type='text', value='', maxlength='255', tabindex='4', onkeyup='')
.form-group
input(ng-model="form.source", type="hidden", ng-init="form.source = '__ref__'; form.subject = 'ShareLaTeX for Universities';")
.form-group.text-center
input#saveForm.btn-success.btn.btn-lg(name='saveForm', type='submit', ng-disabled="sending", value='Request a quote')
span(ng-show="sent")
p Request Sent, Thank you.
2014-02-12 05:23:40 -05:00
.row
2014-07-07 07:27:58 -04:00
.col-md-12
.page-header.plans-header.plans-subheader.text-centered
2014-07-31 08:38:24 -04:00
h2 #{translate("enjoy_these_features")}
2014-07-07 07:27:58 -04:00
.col-md-4
.card.features.text-centered
i.fa.fa-file-text-o.fa-5x
2014-07-31 08:38:24 -04:00
h4 #{translate("unlimited_projects")}
p #{translate("create_unlimited_projects")}
2014-07-07 07:27:58 -04:00
.col-md-4
.card.features.text-centered
i.fa.fa-clock-o.fa-5x
2014-07-31 08:38:24 -04:00
h4 #{translate("full_doc_history")}
p #{translate("never_loose_work")}
2014-07-07 07:27:58 -04:00
.col-md-4
.card.features.text-centered
i.fa.fa-dropbox.fa-5x
2014-11-03 09:23:02 -05:00
|    
i.fa.fa-github.fa-5x
h4 #{translate("sync_to_dropbox_and_github")}
2014-07-31 08:38:24 -04:00
p #{translate("access_projects_anywhere")}