تخصيص صفحات Subscription Plugin

مطور
3

أوه! إذن يمكنني! يمكنني!!!

image
image953×1018 33.3 KB

يا إلهي!

حسنًا، إذن شيء مثل

       <div class="product-purchase">
          {{#if product.subscribed}}
            <span class="purchased">&#x2713; {{i18n 'discourse_subscriptions.subscribe.purchased'}}</span>
            {{#link-to "user.billing.subscriptions" currentUser.username class="billing-link"}}
              {{i18n 'discourse_subscriptions.subscribe.go_to_billing'}}
            {{/link-to}}
            {{plugin-outlet name="after-go-to-billing" args=(hash product=product)}}
          {{else}}
            {{#link-to "s.show" product.id disabled=product.subscribed class="btn btn-primary"}}
              {{i18n 'discourse_subscriptions.subscribe.title'}}
            {{/link-to}}
            {{plugin-outlet name="after-subscribe-title" args=(hash product=product)}}
          {{/if}}
        </div>

وبعد ذلك يمكنني القيام بشيء مثل

<script type="text/x-handlebars" data-template-name="/connectors/after-go-to-billing/foobar">
    <div class="pfaffmanager-product"> ربما رابط باستخدام {{product.id}}</div>
</script>

أو يمكنك حتى إخفاء واستبدال جميع كتل المنتج تقريبًا.

ربما أبدأ في فهم منافذ الإدخال (plugin outlets) في النهاية.

تغييرات CSS

إذن، فقط قم بتغليف قالب s.hbs بالكامل داخل <div class="subscription">، وبعد ذلك يمكنك القيام بأشياء مثل

.subscription 
  {
    h1 {
    content: "Hello, world";
    background-color: yellow;
  }
}

هل يبدو ذلك صحيحًا؟ إذا لم يكن هناك شيء غبي حقًا هنا، فأعتقد أنني على الطريق الصحيح لتقديم طلب سحب (PR) معقول.