From 0945ce9728d4f18045e9e9a00b029314485fa1eb Mon Sep 17 00:00:00 2001 From: QuentinMllt <132471489+QuentinMllt@users.noreply.github.com> Date: Tue, 6 Jun 2023 11:25:14 +0200 Subject: [PATCH 1/2] Odx 227 dataset app improve homepage with direct devtool page button what s new tile --- content/img/illustrations/illus--groups.svg | 314 ++++++++++++++++++++ src/index.handlebars | 35 +-- styles/apps-homepage.less | 4 + styles/panel.less | 60 ++++ 4 files changed, 388 insertions(+), 25 deletions(-) create mode 100644 content/img/illustrations/illus--groups.svg diff --git a/content/img/illustrations/illus--groups.svg b/content/img/illustrations/illus--groups.svg new file mode 100644 index 000000000..b4b03d4e7 --- /dev/null +++ b/content/img/illustrations/illus--groups.svg @@ -0,0 +1,314 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/index.handlebars b/src/index.handlebars index a157ea8a3..c4ca32101 100644 --- a/src/index.handlebars +++ b/src/index.handlebars @@ -10,6 +10,7 @@

Build Apps to ease the connection with Akeneo PIM

Follow our step-by-step guide to create an app and use OAuth 2.0

Build an App + Developer tools
-
- -
-
- Go to help center -
-
-

Want to know more about App?

-

Go to our help center and discover how Akeneo PIM users will connect & manage Apps from the PIM UI

-
+
+
+
+ Go to help center
- -
-
-
-
- -
-
- Go to Akeneo App Store -
-
-

Your App is good to go?

-

Go to the Akeneo App Store and publish it

-
+
+

What's new?

+

Check out our new feature : dataset-app for App testing

+

You developed your App and want to test it against high PIM volumetry? Clone our dataset-app repository!

- +
diff --git a/styles/apps-homepage.less b/styles/apps-homepage.less index 693496741..13d83b42b 100644 --- a/styles/apps-homepage.less +++ b/styles/apps-homepage.less @@ -208,3 +208,7 @@ margin-top: 16px; } } + +#dev-tools-btn { + margin-left: 5%; +} diff --git a/styles/panel.less b/styles/panel.less index 61660ebf8..ac402d6c3 100644 --- a/styles/panel.less +++ b/styles/panel.less @@ -145,3 +145,63 @@ hr.big { .skew(0, 3deg); border-top-width: 40px; } + +.panel-title { + color: #414D97; + font-family: 'Lato'; + font-style: italic; + font-weight: 700; + font-size: 26px; + line-height: 31px; + display: flex; + + margin-top: 12px; + margin-bottom: 15px; +} + +.panel-custom { + box-sizing: border-box; + + width: 1026px; + height: 150px; + left: 210px; + top: 678px; + + background: #FFFFFF; + + border: 1px solid #4CA8E0; + border-radius: 10px; + + .panel-body { + padding: 8px; + } +} + +.feature-check-out { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-size: 19px; + line-height: 23px; +} + +.github-link { + color: #414D97; + font-style: italic; + font-weight: 500; +} + +.feature-description { + font-family: 'Lato'; + font-style: normal; + font-weight: 400; + font-size: 16px; + line-height: 19px; +} + +.whats-new-img { + max-width: 136px; + max-height: 136px; + margin-right: 50px; + margin-left: 40px; +} From eff4634620fba86c394ec5edc443ec1f69e981b0 Mon Sep 17 00:00:00 2001 From: QuentinMllt <132471489+QuentinMllt@users.noreply.github.com> Date: Tue, 6 Jun 2023 11:25:44 +0200 Subject: [PATCH 2/2] Odx 229 dataset app add dataset tile into developer s tools page --- content/apps/app-developer-tools.md | 10 +-- src/partials/apps-developer-tools.handlebars | 75 +++++++++++--------- styles/apps-developer-tools.less | 6 ++ tasks/build-doc.js | 55 +++++++++----- 4 files changed, 92 insertions(+), 54 deletions(-) diff --git a/content/apps/app-developer-tools.md b/content/apps/app-developer-tools.md index 9965213ae..56137809f 100644 --- a/content/apps/app-developer-tools.md +++ b/content/apps/app-developer-tools.md @@ -1,10 +1,12 @@ # App developer tools - -## Getting Started with Sample Apps diff --git a/src/partials/apps-developer-tools.handlebars b/src/partials/apps-developer-tools.handlebars index 7f4bba363..b309fd8dc 100644 --- a/src/partials/apps-developer-tools.handlebars +++ b/src/partials/apps-developer-tools.handlebars @@ -4,42 +4,51 @@
{{{mainContent}}}
-
-
- {{startApp.title}} - {{#if startApp.badge_name}} - {{startApp.badge_name}} - {{/if}} - {{#if startApp.badge_image}} - - - - {{/if}} -
-
- {{startApp.content}} -
- {{#if startApp.image}} -
- -
- {{/if}} +
+ {{#each sampleApps}} +
+ +

#{{section}}

+
+
+ {{title}} + {{#if badge_name}} + {{badge_name}} + {{/if}} + {{#if badge_image}} + + + + {{/if}} +
+
+ {{content}} +
+ {{#if image}} +
+ +
+ {{/if}} - {{#each startApp.rows}} -
- - {{#if link}} -
{{content}} {{#if breakline}}
{{/if}}{{link_content}}
- {{/if}} + {{#each rows}} +
+ + {{#if link}} +
{{content}} {{#if breakline}}
{{/if}}{{link_content}}
+ {{/if}} +
+ {{/each}} +
{{author}}
+
- {{/each}} -
{{startApp.author}}
+ {{/each}}
+ -

#API tools

+

#Ease API access

{{#each apiTools}}
@@ -87,7 +96,7 @@

- #Diving into an App + #Dive into an App

diff --git a/styles/apps-developer-tools.less b/styles/apps-developer-tools.less index 969d839d2..3aa978cce 100644 --- a/styles/apps-developer-tools.less +++ b/styles/apps-developer-tools.less @@ -134,6 +134,12 @@ width: 816px; } +.tile-app-list { + .sample-apps { + display: inline; + } +} + .slack-community-content { margin-top: 30px; img { diff --git a/tasks/build-doc.js b/tasks/build-doc.js index d2741c0bd..a686b5d4a 100644 --- a/tasks/build-doc.js +++ b/tasks/build-doc.js @@ -675,22 +675,43 @@ gulp.task('build-app-developer-tools', ['clean-dist','less'], function () { 'create-custom-app.md': 'Custom apps' }; - const startApp = { - 'title': 'Start Apps', - 'badge_name' : 'New', - 'content': 'Starter for bootstraping your first Akeneo App quickly.', - 'image': 'apps/dev-tools-langages.svg', - 'rows': [ - { - 'image': 'icons/icon--github.png', - 'content': 'Github repository:', - 'breakline': true, - 'link': 'https://github.com/akeneo/sample-apps', - 'link_content': 'akeneo/sample-apps', - } - ], - 'author': 'By Akeneo' - }; + const sampleApps = [ + { + 'anchor': 'sample-apps', + 'section': 'Start with Sample Apps', + 'title': 'Start Apps', + 'content': 'Starter for bootstraping your first Akeneo App quickly.', + 'image': 'apps/dev-tools-langages.svg', + 'rows': [ + { + 'image': 'icons/icon--github.png', + 'content': 'Github repository:', + 'breakline': true, + 'link': 'https://github.com/akeneo/sample-apps', + 'link_content': 'akeneo/sample-apps', + } + ], + 'author': 'By Akeneo' + }, + { + 'anchor': 'dataset-app', + 'section': 'Test your App', + 'title': 'Dataset App', + 'badge_name' : 'New', + 'content': 'Automate the integration of large volumes of PIM data to test your App scalability and performance.', + 'image': 'apps/dev-tools-php.svg', + 'rows': [ + { + 'image': 'icons/icon--github.png', + 'content': 'Github repository:', + 'breakline': true, + 'link': 'https://github.com/akeneo/dataset-app', + 'link_content': 'akeneo/dataset-app', + } + ], + 'author': 'By Akeneo' + } + ]; const apiTools = [ { @@ -767,7 +788,7 @@ gulp.task('build-app-developer-tools', ['clean-dist','less'], function () { return gulp.src('src/partials/apps-developer-tools.handlebars') .pipe(gulpHandlebars({ active_apps: true, - startApp : startApp, + sampleApps : sampleApps, apiTools : apiTools, app : app, mainContent: fs.readFileSync('tmp/apps/' + path.basename(file.path).replace(/\.md/, '.html')),