From 87685c22e2621fa566064147a9677a1aa56fedb5 Mon Sep 17 00:00:00 2001 From: ilhan Date: Wed, 13 Feb 2019 20:05:11 +0200 Subject: [PATCH 1/5] feat(ui5-card): add image property --- .../playground/webapp/images/Donna_Moore.jpg | Bin 0 -> 15835 bytes 1 file changed, 0 insertions(+), 0 deletions(-) create mode 100644 packages/playground/webapp/images/Donna_Moore.jpg diff --git a/packages/playground/webapp/images/Donna_Moore.jpg b/packages/playground/webapp/images/Donna_Moore.jpg new file mode 100644 index 0000000000000000000000000000000000000000..5450653c8bd04703920efbdaf7aaf6ae64ec2f51 GIT binary patch literal 15835 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 literal 0 HcmV?d00001 From 2940adb86fa5b20e8c8c1708f14cbe9fecf171b9 Mon Sep 17 00:00:00 2001 From: ilhan Date: Wed, 13 Feb 2019 20:06:40 +0200 Subject: [PATCH 2/5] add rest of the files --- packages/main/src/Card.hbs | 13 +++++++++---- packages/main/src/Card.js | 17 +++++++++++++++-- packages/main/src/themes/base/Card.less | 6 +++++- .../webcomponents/main/samples/Card.sample.html | 2 +- 4 files changed, 30 insertions(+), 8 deletions(-) diff --git a/packages/main/src/Card.hbs b/packages/main/src/Card.hbs index f963d8353b9c..6081e0a7b757 100644 --- a/packages/main/src/Card.hbs +++ b/packages/main/src/Card.hbs @@ -1,10 +1,15 @@
controlData}} class="sapFCard">
- {{#if ctr.icon}} - - - + {{#if ctr.image}} + {{/if}} + + {{#if renderIcon}} + + + + {{/if}} +
{{#if ctr.heading}}
{{ctr.heading}}
diff --git a/packages/main/src/Card.js b/packages/main/src/Card.js index 4db5dd8db056..4b38e1dedb1c 100644 --- a/packages/main/src/Card.js +++ b/packages/main/src/Card.js @@ -69,14 +69,26 @@ const metadata = { }, /** - * Defines the icon displayed in the ui5-card header. - * @type {String} + * Defines the icon displayed in the ui5-card header. + *

+ * Note: The icon would not be displayed if image is set. + * @type {URI} * @public */ icon: { type: URI, defaultValue: null, }, + + /** + * Defines the image source URI displayed in the ui5-card header. + * @type {URI} + * @public + */ + image: { + type: URI, + defaultValue: null, + }, }, }; @@ -117,6 +129,7 @@ class Card extends WebComponent { static calculateTemplateContext(state) { return { ctr: state, + renderIcon: state.icon && !state.image, }; } diff --git a/packages/main/src/themes/base/Card.less b/packages/main/src/themes/base/Card.less index 2628f9633655..478cd367dbc8 100644 --- a/packages/main/src/themes/base/Card.less +++ b/packages/main/src/themes/base/Card.less @@ -81,7 +81,11 @@ ui5-card { align-items: center; justify-content: center; - .sapFCardHeaderIcon { + &.sapFCardHeaderImg { + border-radius: 50%; + } + + & .sapFCardHeaderIcon { font-size: 1.5rem; color: @sapUiTileIconColor; } diff --git a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html index 9fbb48c34715..b003e63c3069 100644 --- a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html +++ b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html @@ -340,7 +340,7 @@

Card with Timeline

Card with entirely custom content

- +
Contact details From 1b79966a838f1611f1d1d07abebfa3813bc7622f Mon Sep 17 00:00:00 2001 From: ilhan Date: Thu, 14 Feb 2019 13:44:01 +0200 Subject: [PATCH 3/5] introduce avatar property instead of icon and image --- packages/main/src/Card.hbs | 8 ++-- packages/main/src/Card.js | 30 +++++++-------- .../ui/webcomponents/main/pages/Kitchen.html | 8 ++-- .../main/pages/Kitchen.openui5.html | 8 ++-- .../main/pages/img/Donna_Moore.jpg | Bin 15835 -> 0 bytes .../main/samples/Card.sample.html | 36 ++++++------------ 6 files changed, 38 insertions(+), 52 deletions(-) delete mode 100644 packages/main/test/sap/ui/webcomponents/main/pages/img/Donna_Moore.jpg diff --git a/packages/main/src/Card.hbs b/packages/main/src/Card.hbs index 6081e0a7b757..78b307e21695 100644 --- a/packages/main/src/Card.hbs +++ b/packages/main/src/Card.hbs @@ -1,12 +1,12 @@
controlData}} class="sapFCard">
- {{#if ctr.image}} - + {{#if image}} + {{/if}} - {{#if renderIcon}} + {{#if icon}} - + {{/if}} diff --git a/packages/main/src/Card.js b/packages/main/src/Card.js index 4b38e1dedb1c..e063870fa080 100644 --- a/packages/main/src/Card.js +++ b/packages/main/src/Card.js @@ -2,6 +2,7 @@ import WebComponent from "@ui5/webcomponents-base/src/sap/ui/webcomponents/base/ import URI from "@ui5/webcomponents-base/src/sap/ui/webcomponents/base/types/URI"; import Core from "@ui5/webcomponents-base/src/sap/ui/webcomponents/base/Core"; import ShadowDOM from "@ui5/webcomponents-base/src/sap/ui/webcomponents/base/compatibility/ShadowDOM"; +import IconPoolProxy from "@ui5/webcomponents-base/src/sap/ui/webcomponents/base/IconPoolProxy"; import CardRenderer from "./build/compiled/CardRenderer.lit"; import Icon from "./Icon"; @@ -69,23 +70,14 @@ const metadata = { }, /** - * Defines the icon displayed in the ui5-card header. + * Defines image source URI or built-in icon source URI. *

- * Note: The icon would not be displayed if image is set. + * SAP-icons font provides numerous options. To find all the available icons, see the + * Icon Explorer. * @type {URI} * @public */ - icon: { - type: URI, - defaultValue: null, - }, - - /** - * Defines the image source URI displayed in the ui5-card header. - * @type {URI} - * @public - */ - image: { + avatar: { type: URI, defaultValue: null, }, @@ -95,12 +87,12 @@ const metadata = { /** * @class *

Overview

+ * * The ui5-card is a component that represents information in the form of a * tile with separate header and content areas. * The content area of a ui5-card can be arbitrary HTML content. - * The header can be used through several properties, such as, heading, - * subtitle, - * status and icon. + * The header can be used through several properties, such as: + * heading, subtitle, status and avatar. * *

ES6 Module Import

* @@ -127,7 +119,13 @@ class Card extends WebComponent { } static calculateTemplateContext(state) { + const hasAvatar = !!state.avatar; + const icon = hasAvatar && IconPoolProxy.isIconURI(state.avatar); + const image = hasAvatar && !icon; + return { + icon, + image, ctr: state, renderIcon: state.icon && !state.image, }; diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.html b/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.html index 43f6ff4a2d29..a9a60eafcc63 100644 --- a/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.html +++ b/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.html @@ -73,7 +73,7 @@
@@ -86,7 +86,7 @@ @@ -97,7 +97,7 @@ @@ -108,7 +108,7 @@ diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.openui5.html b/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.openui5.html index 63bb10a53c16..027f82cccca9 100644 --- a/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.openui5.html +++ b/packages/main/test/sap/ui/webcomponents/main/pages/Kitchen.openui5.html @@ -84,7 +84,7 @@
@@ -97,7 +97,7 @@ @@ -108,7 +108,7 @@ @@ -119,7 +119,7 @@ diff --git a/packages/main/test/sap/ui/webcomponents/main/pages/img/Donna_Moore.jpg b/packages/main/test/sap/ui/webcomponents/main/pages/img/Donna_Moore.jpg deleted file mode 100644 index 5450653c8bd04703920efbdaf7aaf6ae64ec2f51..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 15835 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 diff --git a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html index b003e63c3069..370cbc01c8e6 100644 --- a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html +++ b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html @@ -303,9 +303,7 @@

Card with Table

Card with Timeline

- + @@ -340,14 +338,13 @@

Card with Timeline

Card with entirely custom content

- +
Contact details
Company Name Company A -
@@ -377,14 +374,13 @@

Card with entirely custom content

} - +
Contact details
Company Name Company A -
Address @@ -401,35 +397,27 @@

Card with entirely custom content

-

Basic Cards

+

Basic Card

- + Photoshop CorelDRAW GIMP - - - - JavaScript - React - Algorithms - -
 
-<ui5-card heading="Medved I." icon="sap-icon://employee" subtitle="Enthusiast">
-	<ui5-list separators="Inner" class="content-padding">
-		<ui5-li icon="sap-icon://syntax">JavaScript</ui5-li>
-		<ui5-li icon="sap-icon://syntax">React</ui5-li>
-		<ui5-li icon="sap-icon://syntax">Algorithms</ui5-li>
-	</ui5-list>
-</ui5-card>
+	<ui5-card avatar="../../../../../../www/samples/images/woman_avatar_2.jpg" heading="Anna P." subtitle="Visioner" class="small">
+		<ui5-list separators="Inner" class="content-padding">
+			<ui5-li icon="sap-icon://camera" icon-end>Photoshop</ui5-li>
+			<ui5-li icon="sap-icon://camera" icon-end>CorelDRAW</ui5-li>
+			<ui5-li icon="sap-icon://camera" icon-end>GIMP</ui5-li>
+		</ui5-list>
+	</ui5-card>
 
 		
From 4b5185576c098637923a8a0eaf5832a0a168c0e9 Mon Sep 17 00:00:00 2001 From: ilhan Date: Thu, 14 Feb 2019 14:46:49 +0200 Subject: [PATCH 4/5] improve samples --- .../main/samples/Card.sample.html | 20 +++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html index 370cbc01c8e6..e8b248ad578c 100644 --- a/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html +++ b/packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html @@ -338,7 +338,7 @@

Card with Timeline

Card with entirely custom content

- +
Contact details @@ -374,7 +374,7 @@

Card with entirely custom content

} - +
Contact details @@ -400,22 +400,22 @@

Card with entirely custom content

Basic Card

- + - Photoshop - CorelDRAW - GIMP + Personal Development + Finance + Communications Skills
 
-	<ui5-card avatar="../../../../../../www/samples/images/woman_avatar_2.jpg" heading="Anna P." subtitle="Visioner" class="small">
+	<ui5-card avatar="../../../../../../www/samples/images/man_avatar_1.png" heading="David Willams" subtitle="Sales Manager" class="small">
 		<ui5-list separators="Inner" class="content-padding">
-			<ui5-li icon="sap-icon://camera" icon-end>Photoshop</ui5-li>
-			<ui5-li icon="sap-icon://camera" icon-end>CorelDRAW</ui5-li>
-			<ui5-li icon="sap-icon://camera" icon-end>GIMP</ui5-li>
+			<ui5-li icon="sap-icon://competitor" icon-end>Personal Development</ui5-li>
+			<ui5-li icon="sap-icon://wallet" icon-end>Finance</ui5-li>
+			<ui5-li icon="sap-icon://collaborate" icon-end>Communications Skills</ui5-li>
 		</ui5-list>
 	</ui5-card>
 

From 7c20ffa8e6e57b790bc184253ff1723a5af66e36 Mon Sep 17 00:00:00 2001
From: ilhan 
Date: Thu, 14 Feb 2019 14:49:08 +0200
Subject: [PATCH 5/5] update documentation

---
 packages/main/src/Card.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/main/src/Card.js b/packages/main/src/Card.js
index e063870fa080..7031b15d63cb 100644
--- a/packages/main/src/Card.js
+++ b/packages/main/src/Card.js
@@ -72,6 +72,7 @@ const metadata = {
 		/**
 		 * Defines image source URI or built-in icon source URI.
 		 * 

+ * Note: * SAP-icons font provides numerous options. To find all the available icons, see the * Icon Explorer. * @type {URI}