mirror of
https://github.com/LaCasemate/fab-manager.git
synced 2024-12-10 21:24:20 +01:00
179 lines
7.7 KiB
Plaintext
179 lines
7.7 KiB
Plaintext
<section class="heading b-b">
|
|
<div class="row no-gutter">
|
|
<div class="col-xs-2 col-sm-2 col-md-1">
|
|
<section class="heading-btn">
|
|
<a href="#" ng-click="backPrevLocation($event)"><i class="fa fa-long-arrow-left "></i></a>
|
|
</section>
|
|
</div>
|
|
<div class="col-xs-10 col-sm-10 col-md-8 b-l ">
|
|
<section class="heading-title">
|
|
<h1 translate>{{ 'subcriptions' }}</h1>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<div class="row no-gutter">
|
|
<div class="col-sm-12 col-md-9 b-r">
|
|
|
|
<div class="row m-t m-b padder" ng-repeat="plansGroup in plansClassifiedByGroup | groupFilter:ctrl.member">
|
|
|
|
<div class="col-md-12 text-center">
|
|
<h2 class="text-u-c">{{plansGroup.name}}</h2>
|
|
</div>
|
|
<div class="row row-centered padder">
|
|
<div class="col-xs-12 col-md-12 col-lg-10 col-centered no-gutter">
|
|
|
|
<!-- ng-class directive center the last item if the list length is odd -->
|
|
<div class="pricing-panel col-xs-12 col-md-6 col-lg-6 text-center"
|
|
ng-class="{'col-md-12 col-lg-12 b-r':(plansGroup.plans.length % 2 == 1 && key == plansGroup.plans.length-1)}"
|
|
ng-repeat="(key, plan) in plansGroup.plans | orderBy: '-ui_weight'">
|
|
|
|
<h3 class="title">{{ plan.base_name }}</h3>
|
|
|
|
<div class="content">
|
|
<div class="wrap">
|
|
<div class="price">
|
|
<div class="amount" data-fittext>{{plan.amount | currency}}</div>
|
|
<span class="period">{{ plan.interval | planIntervalFilter: plan.interval_count }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta-button" ng-if="!currentUser || currentUser.role == 'member'">
|
|
<button class="btn btn-default rounded" ng-click="selectPlan(plan)" ng-if="currentUser.subscribed_plan.id != plan.id" ng-disabled="currentUser.subscribed_plan" ng-class="{ 'bg-yellow': selectedPlan==plan }">
|
|
|
|
<span ng-if="currentUser" translate>{{ 'i_choose_that_plan' }}</span>
|
|
|
|
<span ng-if="!currentUser" translate>{{ 'i_subscribe_online' }}</span>
|
|
|
|
</button>
|
|
|
|
<button class="btn btn-warning bg-yellow rounded" ng-if="currentUser.subscribed_plan.id == plan.id" ng-disabled="currentUser.subscribed_plan.id == plan.id" translate>{{ 'i_already_subscribed' }}</button>
|
|
|
|
</div>
|
|
|
|
<div class="cta-button" ng-if="currentUser.role == 'admin'">
|
|
<button class="btn btn-default rounded" ng-click="selectPlan(plan)" ng-class="{ 'bg-yellow': selectedPlan==plan }" ng-disabled="!ctrl.member">
|
|
<span translate>{{ 'i_choose_that_plan' }}</span>
|
|
</button>
|
|
</div>
|
|
|
|
<br ng-show="!plan.plan_file_url"> <!-- TODO Refacto with CSS -->
|
|
<a ng-href="{{ plan.plan_file_url }}" ng-show="plan.plan_file_url" target="_blank" translate>{{ 'more_informations' }}</a>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-xs-12 col-md-12 col-lg-10 col-centered no-gutter" ng-if="currentUser.subscription && isInPast(currentUser.subscription.expired_at)">
|
|
<uib-alert type="info">
|
|
{{ 'your_subscription_expires_on_the_DATE' | translate:{DATE:(currentUser.subscription.expired_at | amDateFormat:'L' )} }}
|
|
</uib-alert>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="col-sm-12 col-md-12 col-lg-3">
|
|
|
|
<div>
|
|
<ng-include src="'<%= asset_path 'shared/_member_select.html' %>'" ng-if="currentUser.role === 'admin'"></ng-include>
|
|
</div>
|
|
|
|
<section class="widget panel b-a m m-t-lg" ng-show="ctrl.member">
|
|
<div class="panel-heading b-b">
|
|
<h3 ng-show="currentUser.role != 'admin'" translate>{{ 'my_group' }}</h3>
|
|
<h3 ng-show="currentUser.role === 'admin'" translate translate-values="{GENDER:getGender(currentUser)}" translate-interpolation="messageformat">{{ 'his_group' }}</h3>
|
|
</div>
|
|
<div class="widget-content no-bg auto wrapper">
|
|
<div ng-show="!group.change">
|
|
<div class="well well-warning">
|
|
<strong>{{getUserGroup().name}}</strong>
|
|
</div>
|
|
<button class="btn btn-default m-t"
|
|
ng-click="group.change = !group.change"
|
|
ng-show="(!selectedPlan && ctrl.member && !ctrl.member.subscribed_plan && ctrl.member.subscription) || (!paidPlan)"
|
|
translate
|
|
translate-values="{ROLE:currentUser.role}"
|
|
translate-interpolation="messageformat">{{ 'he_wants_to_change_group' }}</button>
|
|
</div>
|
|
<div ng-show="group.change">
|
|
<select class="form-control" ng-options="g.id as g.name for g in groups" ng-model="group.id"></select>
|
|
<button class="btn btn-success m-t"
|
|
ng-click="selectGroup()"
|
|
translate
|
|
translate-values="{ROLE:currentUser.role, GENDER:getGender(currentUser)}"
|
|
translate-interpolation="messageformat">{{ 'change_my_group' }}</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="widget panel b-a m m-t-lg" ng-if="!selectedPlan && ctrl.member && !ctrl.member.subscribed_plan && ctrl.member.subscription">
|
|
<div class="panel-heading b-b">
|
|
<h3 translate>{{ 'summary' }}</h3>
|
|
</div>
|
|
|
|
<div class="widget-content no-bg auto wrapper">
|
|
<strong>{{ 'your_subscription_has_expired_on_the_DATE' | translate:{DATE:(ctrl.member.subscription.expired_at | amDateFormat:'LL')} }}</strong>
|
|
|
|
<div class="well well-warning m-t-sm">
|
|
<i class="font-sbold">{{ctrl.member.subscription.plan | humanReadablePlanName }}</i>
|
|
<div class="font-sbold">{{ 'subscription_price' | translate }} {{ctrl.member.subscription.plan.amount | currency}}</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="widget panel b-a m m-t-lg" ng-if="selectedPlan && ctrl.member">
|
|
<div class="panel-heading b-b">
|
|
<h3 translate>{{ 'summary' }}</h3>
|
|
</div>
|
|
|
|
<div class="widget-content no-bg auto wrapper">
|
|
{{ 'you_ve_just_selected_a_' | translate }} <strong translate>{{ '_subscription' }}</strong> :
|
|
|
|
<div class="well well-warning m-t-sm">
|
|
<i class="font-sbold">{{ selectedPlan | humanReadablePlanName }}</i>
|
|
<div class="font-sbold">{{ 'subscription_price' | translate }} {{selectedPlan.amount | currency}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="widget-footer">
|
|
<button class="btn btn-valid btn-info btn-block p-l text-u-c r-b" ng-click="openSubscribePlanModal()" ng-if="!ctrl.member.subscribed_plan">{{ 'confirm_and_pay' | translate }} {{selectedPlan.amount | currency}}</button>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="widget panel b-a m m-t-lg" ng-if="paidPlan">
|
|
<div class="panel-heading b-b">
|
|
<h3 translate>{{ 'summary' }}</h3>
|
|
</div>
|
|
|
|
<div class="widget-content no-bg auto wrapper">
|
|
{{ 'you_ve_just_payed_the_' | translate }} <strong translate>{{ '_subscription' }}</strong> :
|
|
|
|
<div class="well well-warning m-t-sm">
|
|
<i class="font-sbold">{{ paidPlan | humanReadablePlanName }}</i>
|
|
<div class="font-sbold">{{ 'subscription_price' | translate }} {{paidPlan.amount | currency}}</div>
|
|
</div>
|
|
|
|
<div class="alert alert-success">{{ 'thank_you_your_subscription_is_successful' | translate }}<br>
|
|
{{ 'your_invoice_will_be_available_soon_from_your_' | translate }} <a ui-sref="app.logged.dashboard.invoices" translate>{{ 'dashboard' }}</a></div>
|
|
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<uib-alert type="warning m">
|
|
<p class="text-sm">
|
|
<span ng-bind-html="subscriptionExplicationsAlert"></span>
|
|
</p>
|
|
</uib-alert>
|
|
|
|
</div>
|
|
</div>
|