Added static HTML for free trial option to offer creation

refs https://github.com/TryGhost/Team/issues/1726
This commit is contained in:
Djordje Vlaisavljevic 2022-08-10 09:49:53 +02:00 committed by Rishabh Garg
parent 3e6416431e
commit 5cf6d212a9
2 changed files with 37 additions and 0 deletions

View File

@ -165,6 +165,18 @@
letter-spacing: 0;
}
.gh-offer-trial-duration .trial-duration::before {
position: absolute;
content: "days";
top: 31px;
right: 12px;
color: var(--midgrey);
font-size: 1.5rem;
letter-spacing: 0;
}
.gh-offer-url .gh-input {
background: var(--main-color-content-greybg);
border-color: var(--lightgrey-l1);

View File

@ -45,6 +45,15 @@
Discount information <span class="midgrey">  Once saved, this cannot be changed.</span>
</h4>
<div class="gh-main-section-content grey">
{{#if (feature 'freeTrial')}}
<div class="flex justify-between items-center w-100 mb4">
<label class="fw6">Offer type</label>
<div class="gh-btn-group">
<button class="gh-btn gh-btn-group-selected {{if (eq this.type "public") "gh-btn-group-selected"}}" type="button" {{action "changeType" "public"}}><span>Discount</span></button>
<button class="gh-btn {{if (eq this.type "internal") "gh-btn-group-selected"}}" type="button" {{action "changeType" "internal"}}><span>Free trial</span></button>
</div>
</div>
{{/if}}
<GhFormGroup @errors={{this.errors}} @property="product-cadence">
<label for="product-cadence" class="fw6">Tier cadence</label>
<span class="gh-select">
@ -61,6 +70,22 @@
</span>
<GhErrorMessage @errors={{this.errors}} @property="product-cadence" />
</GhFormGroup>
{{!-- <div class="gh-offer-trial-duration">
<GhFormGroup @errors={{this.offer.errors}} @property="trialDuration">
<label for="trial-duration" class="fw6">Trial duration</label>
<div class="trial-duration">
<GhTextInput
@name="trial-duration"
@value={{readonly this.offer.trialDuration}}
@input={{this.setTrialDuration}}
@id="trial-duration"
@class="gh-input" />
</div>
<span class="error">
<GhErrorMessage @errors={{this.offer.errors}} @property="durationInMonths" />
</span>
</GhFormGroup>
</div> --}}
<div class="gh-offer-discount">
<label for="amount" class="fw6 mb1">Amount off</label>
<div class="flex items-start">