From d7a19ed590f3c308f36278be9f11db3d44ac6a7f Mon Sep 17 00:00:00 2001 From: Tobias Queck Date: Fri, 30 Oct 2020 15:08:57 -0700 Subject: [PATCH 1/3] making description/homepage optional --- package-lock.json | 2 +- tiles-plugin/src/packages/QuestionTiles.vue | 27 ++++++++++++++------- 2 files changed, 19 insertions(+), 10 deletions(-) diff --git a/package-lock.json b/package-lock.json index d9b92a482..954668f88 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@sap-devx/inquirer-gui", - "version": "0.1.14", + "version": "0.1.19", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/tiles-plugin/src/packages/QuestionTiles.vue b/tiles-plugin/src/packages/QuestionTiles.vue index 8b7777528..f58466754 100644 --- a/tiles-plugin/src/packages/QuestionTiles.vue +++ b/tiles-plugin/src/packages/QuestionTiles.vue @@ -16,21 +16,30 @@ class="d-flex flex-column mx-auto" @click="onAnswerChanged(item.value)" :data-itemvalue="item.value" - height="380" + height="{{ !!item.description ? 380 : 100 }}" tile hover flat dark elevation=2 > - {{item.name}} - - {{item.description}} - - - - More Information - + + + From e47989e3216e12f296edeacd36fef898ac043840 Mon Sep 17 00:00:00 2001 From: Tobias Queck Date: Fri, 6 Nov 2020 14:27:11 -0800 Subject: [PATCH 2/3] size fix --- tiles-plugin/src/packages/QuestionTiles.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/tiles-plugin/src/packages/QuestionTiles.vue b/tiles-plugin/src/packages/QuestionTiles.vue index f58466754..96d9a4fc5 100644 --- a/tiles-plugin/src/packages/QuestionTiles.vue +++ b/tiles-plugin/src/packages/QuestionTiles.vue @@ -16,7 +16,7 @@ class="d-flex flex-column mx-auto" @click="onAnswerChanged(item.value)" :data-itemvalue="item.value" - height="{{ !!item.description ? 380 : 100 }}" + :data-height="!!item.description ? 380 : 0" tile hover flat From f1031373d3852b5aaf0dfbbe78698dfbddeddcdc Mon Sep 17 00:00:00 2001 From: Tobias Queck Date: Mon, 9 Nov 2020 10:16:38 -0800 Subject: [PATCH 3/3] updated sample app to visualize the change --- sample-app/src/QuestionSampleTiles.vue | 27 +++++++++++++++++--------- sample-app/src/main.js | 13 +++++++++++++ 2 files changed, 31 insertions(+), 9 deletions(-) diff --git a/sample-app/src/QuestionSampleTiles.vue b/sample-app/src/QuestionSampleTiles.vue index f781675f3..0b96c9a05 100644 --- a/sample-app/src/QuestionSampleTiles.vue +++ b/sample-app/src/QuestionSampleTiles.vue @@ -16,21 +16,30 @@ class="d-flex flex-column mx-auto" @click="onAnswerChanged(item.value)" :data-itemvalue="item.value" - height="380" + :data-height="!!item.description ? 380 : 0" tile hover flat dark elevation=2 > - {{item.name}} - - {{item.description}} - - - - More Information - + + + diff --git a/sample-app/src/main.js b/sample-app/src/main.js index f9dfe2d57..018bd830f 100644 --- a/sample-app/src/main.js +++ b/sample-app/src/main.js @@ -11,6 +11,19 @@ const SAP_IMAGE = require("./sapImage").default; const WORKFLOW_IMAGE = require("./workflowImage").default; const questions0 = [ + { + name: "simpleTiles", + message: "", + type: "list", + guiOptions: { + type: "sample-tiles", + }, + choices: [ + { value: "listReport", name: "List Report", image: SAP_IMAGE }, + { value: "masterDetail", name: "Master-Detail Application", image: WORKFLOW_IMAGE} + ], + default: "masterDetail" + }, { name: "appType", message: "",