the subscribe product page

2019-11-04 16:37:21 +11:00
parent 2b3c52bdd4
commit e14b4dcd96
21 changed files with 201 additions and 128 deletions
@@ -1,34 +1,12 @@

-<h3>
- {{i18n 'discourse_patrons.subscribe.title'}}
-</h3>
-
-<div class="discourse-patrons-section-columns">
-  <div class="section-column discourse-patrons-confirmation-billing">
-    <h4>{{model.group.full_name}}</h4>
-    <p>
-      {{{model.group.bio_cooked}}}
-    </p>
+<div class="container">
+  <div class="title-wrapper">
+    <h1>
+      {{i18n 'discourse_patrons.subscribe.title'}}
+    </h1>
  </div>
-  <div class="section-column">
-    {{combo-box valueAttribute="id" content=model.plans value=model.subscription.plan}}

-    {{#d-button
-      action="stripePaymentHandler"
-      class="btn btn-primary btn-payment btn-discourse-patrons"}}
-      {{i18n 'discourse_patrons.subscribe.buttons.subscribe'}}
-    {{/d-button}}
+  <hr>

-    <hr>
-
-    <h4>{{i18n 'discourse_patrons.subscribe.card.title'}}</h4>
-    {{subscribe-card cardElement=cardElement}}
-
-    <div id="discourse-patrons-subscribe-customer">
-      <h4>{{i18n 'discourse_patrons.subscribe.customer.title'}}</h4>
-      <div class="discourse-patrons-subscribe-customer-empty">
-        {{i18n 'discourse_patrons.subscribe.customer.empty'}}
-      </div>
-    </div>
-  </div>
+  {{outlet}}
 </div>
@@ -0,0 +1,17 @@
+
+
+{{#each model as |product|}}
+  <div>
+    <h2>{{product.name}}</h2>
+
+    <p>
+      {{product.description}}
+    </p>
+
+    <div class="pull-right">
+      {{#link-to "patrons.subscribe.show" product.id class="btn btn-primary"}}
+        {{i18n 'discourse_patrons.subscribe.title'}}
+      {{/link-to}}
+    </div>
+  </div>
+{{/each}}
@@ -0,0 +1,32 @@
+
+<div class="discourse-patrons-section-columns">
+  <div class="section-column discourse-patrons-confirmation-billing">
+    <h2>
+      {{model.product.name}}
+    </h2>
+    <p>
+      {{model.product.description}}
+    </p>
+  </div>
+  <div class="section-column">
+    {{combo-box valueAttribute="id" content=model.plans value=model.product.plan}}
+
+    {{#d-button
+      action="stripePaymentHandler"
+      class="btn btn-primary btn-payment btn-discourse-patrons"}}
+      {{i18n 'discourse_patrons.subscribe.buttons.subscribe'}}
+    {{/d-button}}
+
+    <hr>
+
+    <h4>{{i18n 'discourse_patrons.subscribe.card.title'}}</h4>
+    {{subscribe-card cardElement=cardElement}}
+
+    {{!-- <div id="discourse-patrons-subscribe-customer">
+      <h4>{{i18n 'discourse_patrons.subscribe.customer.title'}}</h4>
+      <div class="discourse-patrons-subscribe-customer-empty">
+        {{i18n 'discourse_patrons.subscribe.customer.empty'}}
+      </div>
+    </div> --}}
+  </div>
+</div>