tqt/Ghost-Admin
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Code Issues Releases Wiki Activity

Koenig - Rename image card payload.imageStyle to payload.cardWidth (#1028)

Browse source 
requires https://github.com/TryGhost/Ghost/pull/9741
- using `payload.cardWidth` so that it's more generic than having separate width attributes for every card
This commit is contained in:
Kevin Ansfield 2018-07-23 12:21:32 +01:00 committed by GitHub
parent 5b7b47c4d5
commit 4ca5e30d63
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
lib/koenig-editor/addon/components/koenig-card-image.js
View file

@ -52,44 +52,44 @@ export default Component.extend({
return {wordCount, imageCount};
}),
kgImgStyle: computed('payload.imageStyle', function () {
let imageStyle = this.payload.imageStyle;
kgImgStyle: computed('payload.cardWidth', function () {
let cardWidth = this.payload.cardWidth;
if (imageStyle === 'wide') {
if (cardWidth === 'wide') {
return 'image-wide';
}
if (imageStyle === 'full') {
if (cardWidth === 'full') {
return 'image-full';
}
return 'image-normal';
}),
toolbar: computed('payload.{imageStyle,src}', function () {
let imageStyle = this.payload.imageStyle;
toolbar: computed('payload.{cardWidth,src}', function () {
let cardWidth = this.payload.cardWidth;
let items = [];
if (this.payload.src) {
items.push({
title: 'Regular',
icon: 'koenig/kg-img-regular',
iconClass: `${!imageStyle ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeImageStyle, '')
iconClass: `${!cardWidth ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeCardWidth, '')
});
items.push({
title: 'Wide',
icon: 'koenig/kg-img-wide',
iconClass: `${imageStyle === 'wide' ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeImageStyle, 'wide')
iconClass: `${cardWidth === 'wide' ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeCardWidth, 'wide')
});
items.push({
title: 'Full',
icon: 'koenig/kg-img-full',
iconClass: `${imageStyle === 'full' ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeImageStyle, 'full')
iconClass: `${cardWidth === 'full' ? 'stroke-blue-l2' : 'stroke-white'}`,
action: run.bind(this, this._changeCardWidth, 'full')
});
items.push({divider: true});
@ -203,8 +203,8 @@ export default Component.extend({
}
},
_changeImageStyle(imageStyle) {
this._updatePayloadAttr('imageStyle', imageStyle);
_changeCardWidth(cardWidth) {
this._updatePayloadAttr('cardWidth', cardWidth);
},
_updatePayloadAttr(attr, value) {

2
lib/koenig-editor/addon/templates/components/koenig-card-image.hbs
View file

@ -1,6 +1,6 @@
{{#koenig-card
tagName="figure"
class=(concat (kg-style "media-card") " " (kg-style "breakout" size=payload.imageStyle) " flex flex-column")
class=(concat (kg-style "media-card") " " (kg-style "breakout" size=payload.cardWidth) " flex flex-column")
isSelected=isSelected
isEditing=isEditing
selectCard=(action selectCard)