0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00

Removed duplicated star rating in product card

refs https://github.com/TryGhost/Team/issues/1245
This commit is contained in:
Thibaut Patel 2021-12-07 14:24:21 +01:00
parent 3889163c8e
commit 636907f8f1

View file

@ -90,33 +90,6 @@
@onChange={{action "setProductTitle"}} @onChange={{action "setProductTitle"}}
@didCreateEditor={{action "registerEditor"}} @didCreateEditor={{action "registerEditor"}}
/> />
<div class="kg-product-card-rating-edit icons" style="line-height: auto;">
<button class="{{if (gte @payload.productStarRating 1) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="1" onclick={{action "changeStars"}}>
<span>{{svg-jar "koenig/kg-star"}}</span>
</button>
<button class="{{if (gte @payload.productStarRating 2) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="2" onclick={{action "changeStars"}}>
<span>{{svg-jar "koenig/kg-star"}}</span>
</button>
<button class="{{if (gte @payload.productStarRating 3) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="3" onclick={{action "changeStars"}}>
<span>{{svg-jar "koenig/kg-star"}}</span>
</button>
<button class="{{if (gte @payload.productStarRating 4) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="4" onclick={{action "changeStars"}}>
<span>{{svg-jar "koenig/kg-star"}}</span>
</button>
<button class="{{if (gte @payload.productStarRating 5) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="5" onclick={{action "changeStars"}}>
<span>{{svg-jar "koenig/kg-star"}}</span>
</button>
</div>
</div>
<KoenigBasicHtmlInput
@html={{@payload.productDescription}}
@placeholder="Description"
@class="w-100 fw4 bn bg-transparent kg-product-card-description"
@name="description"
@defaultTag="p"
@onChange={{action "setProductDescription"}}
@didCreateEditor={{action "registerEditor"}}
/>
{{#if @payload.productRatingEnabled}} {{#if @payload.productRatingEnabled}}
<div class="kg-product-card-rating-edit icons" style="line-height: auto;"> <div class="kg-product-card-rating-edit icons" style="line-height: auto;">
<button class="{{if (gte @payload.productStarRating 1) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="1" onclick={{action "changeStars"}}> <button class="{{if (gte @payload.productStarRating 1) "kg-product-card-rating-active"}} kg-product-card-rating-star" value="1" onclick={{action "changeStars"}}>
@ -136,6 +109,16 @@
</button> </button>
</div> </div>
{{/if}} {{/if}}
</div>
<KoenigBasicHtmlInput
@html={{@payload.productDescription}}
@placeholder="Description"
@class="w-100 fw4 bn bg-transparent kg-product-card-description"
@name="description"
@defaultTag="p"
@onChange={{action "setProductDescription"}}
@didCreateEditor={{action "registerEditor"}}
/>
{{#if @payload.productButtonEnabled}} {{#if @payload.productButtonEnabled}}
<a href={{@payload.productUrl}} class="gh-btn gh-btn-accent kg-product-card-button" target="_blank" rel="noopener noreferrer"><span>{{@payload.productButton}}</span></a> <a href={{@payload.productUrl}} class="gh-btn gh-btn-accent kg-product-card-button" target="_blank" rel="noopener noreferrer"><span>{{@payload.productButton}}</span></a>
{{/if}} {{/if}}
@ -230,15 +213,6 @@
{{/if}} {{/if}}
</div> </div>
<p class="kg-product-card-description">{{{@payload.productDescription}}}</p> <p class="kg-product-card-description">{{{@payload.productDescription}}}</p>
{{#if @payload.productRatingEnabled}}
<div class="kg-product-card-rating-preview">
<span class="{{if (gte @payload.productStarRating 1) "kg-product-card-rating-active gh-btn-group-selected"}} kg-product-card-rating-star">{{svg-jar "koenig/kg-star" class="w4 h4"}}</span>
<span class="{{if (gte @payload.productStarRating 2) "kg-product-card-rating-active gh-btn-group-selected"}} kg-product-card-rating-star">{{svg-jar "koenig/kg-star" class="w4 h4"}}</span>
<span class="{{if (gte @payload.productStarRating 3) "kg-product-card-rating-active gh-btn-group-selected"}} kg-product-card-rating-star">{{svg-jar "koenig/kg-star" class="w4 h4"}}</span>
<span class="{{if (gte @payload.productStarRating 4) "kg-product-card-rating-active gh-btn-group-selected"}} kg-product-card-rating-star">{{svg-jar "koenig/kg-star" class="w4 h4"}}</span>
<span class="{{if (gte @payload.productStarRating 5) "kg-product-card-rating-active gh-btn-group-selected"}} kg-product-card-rating-star">{{svg-jar "koenig/kg-star" class="w4 h4"}}</span>
</div>
{{/if}}
{{#if @payload.productButtonEnabled}} {{#if @payload.productButtonEnabled}}
<a href={{@payload.productUrl}} class="gh-btn gh-btn-accent kg-product-card-button" target="_blank" rel="noopener noreferrer"> <a href={{@payload.productUrl}} class="gh-btn gh-btn-accent kg-product-card-button" target="_blank" rel="noopener noreferrer">
<span> <span>