diff --git a/source/nodejs/adaptivecards-designer/css/card-designer.css b/source/nodejs/adaptivecards-designer/css/card-designer.css index 682738c778..7420fe2b6a 100644 --- a/source/nodejs/adaptivecards-designer/css/card-designer.css +++ b/source/nodejs/adaptivecards-designer/css/card-designer.css @@ -44,6 +44,10 @@ content: "\ECAB"; } +.acd-icon-image::before { + content: "\ECAB"; +} + .acd-designersurface { outline: none; } diff --git a/source/nodejs/adaptivecards-designer/src/app.ts b/source/nodejs/adaptivecards-designer/src/app.ts index 51ade4fcc1..5473ee1227 100644 --- a/source/nodejs/adaptivecards-designer/src/app.ts +++ b/source/nodejs/adaptivecards-designer/src/app.ts @@ -716,4 +716,8 @@ window.onload = () => { loadMonacoEditor(adaptiveCardSchema, monacoEditorLoaded); updateCardFromJson(); +<<<<<<< HEAD }; +======= +}; +>>>>>>> microsoft/master diff --git a/source/nodejs/adaptivecards-designer/src/card-designer.ts b/source/nodejs/adaptivecards-designer/src/card-designer.ts index a8b07d1f7b..f8a4cdb11a 100644 --- a/source/nodejs/adaptivecards-designer/src/card-designer.ts +++ b/source/nodejs/adaptivecards-designer/src/card-designer.ts @@ -75,10 +75,17 @@ class NameValuePairEditor { removeAction.title = "X"; removeAction.onExecute = (sender) => { this.nameValuePairs.splice(i, 1); +<<<<<<< HEAD this.changed(true); } +======= + + this.changed(true); + } + +>>>>>>> microsoft/master let actionSet = new Adaptive.ActionSet(); actionSet.addAction(removeAction); @@ -920,7 +927,11 @@ export class CardElementPeer extends DesignerPeer { if (cardElement instanceof Adaptive.CardElementContainer) { for (var i = 0; i < cardElement.getItemCount(); i++) { this.addChild(CardDesigner.cardElementPeerRegistry.createPeerInstance(this.designer, this, cardElement.getItemAt(i))); +<<<<<<< HEAD } +======= + } +>>>>>>> microsoft/master } for (var i = 0; i < this.cardElement.getActionCount(); i++) { @@ -994,7 +1005,11 @@ export class CardElementPeer extends DesignerPeer { } boundingRect: Rect = null; +<<<<<<< HEAD +======= + +>>>>>>> microsoft/master getBoundingRect(): Rect { let designSurfaceOffset = this.designer.getDesignerSurfaceOffset(); let cardElementBoundingRect = this.cardElement.renderedElement.getBoundingClientRect(); @@ -1206,7 +1221,11 @@ export class ColumnPeer extends TypedCardElementPeer { addPropertySheetEntries(card: Adaptive.AdaptiveCard, includeHeader: boolean) { super.addPropertySheetEntries(card, includeHeader); +<<<<<<< HEAD +======= + +>>>>>>> microsoft/master let width = addLabelAndInput(card, "Width:", Adaptive.TextInput); if (this.cardElement.width instanceof Adaptive.SizeAndUnit) { @@ -1244,7 +1263,11 @@ export class ColumnPeer extends TypedCardElementPeer { this.changed(false); } +<<<<<<< HEAD +======= + +>>>>>>> microsoft/master let actionSelector = createActionSelector(card, this.cardElement.selectAction ? this.cardElement.selectAction.getJsonTypeName() : "none"); actionSelector.input.onValueChanged = () => { @@ -1522,7 +1545,11 @@ export class ImagePeer extends TypedCardElementPeer { catch (e) { this.cardElement.pixelWidth = null; } +<<<<<<< HEAD +======= + +>>>>>>> microsoft/master this.changed(false); } @@ -1544,6 +1571,7 @@ export class ImagePeer extends TypedCardElementPeer { catch (e) { this.cardElement.pixelHeight = null; } +<<<<<<< HEAD this.changed(false); } @@ -1564,11 +1592,36 @@ export class ImagePeer extends TypedCardElementPeer { backgroundColor.input.defaultValue = this.cardElement.backgroundColor; backgroundColor.input.onValueChanged = () => { this.cardElement.backgroundColor = backgroundColor.input.value; +======= + + this.changed(false); + } + + var style = addLabelAndInput(card, "Style:", Adaptive.ChoiceSetInput); + style.input.isCompact = true; + style.input.choices.push(new Adaptive.Choice("Default", Adaptive.ImageStyle.Default.toString())); + style.input.choices.push(new Adaptive.Choice("Person", Adaptive.ImageStyle.Person.toString())); + style.input.defaultValue = this.cardElement.style.toString(); + style.input.onValueChanged = () => { + this.cardElement.style = parseInt(style.input.value); +>>>>>>> microsoft/master this.changed(false); } +<<<<<<< HEAD var actionSelector = createActionSelector(card, this.cardElement.selectAction ? this.cardElement.selectAction.getJsonTypeName() : "none"); +======= + var backgroundColor = addLabelAndInput(card, "Background color:", Adaptive.TextInput); + backgroundColor.input.placeholder = "(not set) Format: #RRGGBB"; + backgroundColor.input.defaultValue = this.cardElement.backgroundColor; + backgroundColor.input.onValueChanged = () => { + this.cardElement.backgroundColor = backgroundColor.input.value; + + this.changed(false); + } + } +>>>>>>> microsoft/master actionSelector.input.onValueChanged = () => { if (actionSelector.input.value == "none") { @@ -1581,11 +1634,21 @@ export class ImagePeer extends TypedCardElementPeer { this.changed(true); } +<<<<<<< HEAD if (this.cardElement.selectAction) { let selectActionPeer = CardDesigner.actionPeerRegistry.createPeerInstance(this.designer, null, this.cardElement.selectAction); selectActionPeer.addPropertySheetEntries(card, false); selectActionPeer.onChanged = (sender: DesignerPeer, updatePropertySheet: boolean) => { this.changed(updatePropertySheet); }; } +======= + this.changed(true); + } + + if (this.cardElement.selectAction) { + let selectActionPeer = CardDesigner.actionPeerRegistry.createPeerInstance(this.designer, null, this.cardElement.selectAction); + selectActionPeer.addPropertySheetEntries(card, false); + selectActionPeer.onChanged = (sender: DesignerPeer, updatePropertySheet: boolean) => { this.changed(updatePropertySheet); }; +>>>>>>> microsoft/master } } } @@ -2260,10 +2323,17 @@ export class CardDesigner { if (canDrop) { for (var i = 0; i < currentPeer.getChildCount(); i++) { var deeperResult = this.internalFindDropTarget(pointerPosition, currentPeer.getChildAt(i), forPeer); +<<<<<<< HEAD + + if (deeperResult) { + result = deeperResult; + +======= if (deeperResult) { result = deeperResult; +>>>>>>> microsoft/master break; } } @@ -2303,7 +2373,11 @@ export class CardDesigner { if (isExpanded) { if (!peer) { peer = new AdaptiveCardPeer(this, action.card); +<<<<<<< HEAD +======= + +>>>>>>> microsoft/master var parentPeer = this.findActionPeer(action); if (parentPeer) { @@ -2474,8 +2548,21 @@ export class CardDesigner { this._designerSurface.appendChild(this._dragHandle.renderedElement); this._designerSurface.appendChild(this._removeCommandElement); this._designerSurface.appendChild(this._peerCommandsHostElement); +<<<<<<< HEAD this.updateLayout(); +======= + + this.updateLayout(); + } + + parseCard(json: string) { + this._lastParseErrors = []; + + this.card.parse(JSON.parse(json), this._lastParseErrors); + + this.render(); +>>>>>>> microsoft/master } parseCard(json: string) { diff --git a/source/nodejs/adaptivecards-designer/src/containers/teams-container.ts b/source/nodejs/adaptivecards-designer/src/containers/teams-container.ts index 74799215e7..f0c596d2bc 100644 --- a/source/nodejs/adaptivecards-designer/src/containers/teams-container.ts +++ b/source/nodejs/adaptivecards-designer/src/containers/teams-container.ts @@ -334,4 +334,8 @@ export class DarkTeamsContainer extends BaseTeamsContainer { } ); } +<<<<<<< HEAD } +======= +} +>>>>>>> microsoft/master