From 277719d21aec2f7d7c6d2012b10bf9a518e5cb7a Mon Sep 17 00:00:00 2001 From: "Idmar Ramos Junior (Id)" Date: Tue, 23 Apr 2024 11:12:19 -0300 Subject: [PATCH 1/4] Add iconClose component --- app/angular/components/icons/close/index.html | 1 + app/angular/components/icons/close/index.js | 10 ++++++++++ app/angular/components/icons/close/index.scss | 10 ++++++++++ 3 files changed, 21 insertions(+) create mode 100644 app/angular/components/icons/close/index.html create mode 100644 app/angular/components/icons/close/index.js create mode 100644 app/angular/components/icons/close/index.scss diff --git a/app/angular/components/icons/close/index.html b/app/angular/components/icons/close/index.html new file mode 100644 index 00000000..f4d6b5c8 --- /dev/null +++ b/app/angular/components/icons/close/index.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/app/angular/components/icons/close/index.js b/app/angular/components/icons/close/index.js new file mode 100644 index 00000000..b252113e --- /dev/null +++ b/app/angular/components/icons/close/index.js @@ -0,0 +1,10 @@ +import angular from "angular"; +import template from "./index.html"; +import "./index.scss"; + +const iconClose = function () {}; + +export default angular.module("app.iconClose", []).component("iconClose", { + template, + controller: iconClose +}).name; diff --git a/app/angular/components/icons/close/index.scss b/app/angular/components/icons/close/index.scss new file mode 100644 index 00000000..b2954bda --- /dev/null +++ b/app/angular/components/icons/close/index.scss @@ -0,0 +1,10 @@ +icon-close { + position: relative; + display: inline-block; +} + +icon-close svg { + display: block; + position: relative; + top: 2px; +} \ No newline at end of file From eb34ac1ce31ce01d3637d20657d42e1e8fb0cdfd Mon Sep 17 00:00:00 2001 From: "Idmar Ramos Junior (Id)" Date: Tue, 23 Apr 2024 11:14:01 -0300 Subject: [PATCH 2/4] Create Whats New Banner component --- .../components/whatsNewBanner/index.html | 14 +++++++ .../components/whatsNewBanner/index.js | 15 +++++++ .../components/whatsNewBanner/index.scss | 41 +++++++++++++++++++ 3 files changed, 70 insertions(+) create mode 100644 app/angular/components/whatsNewBanner/index.html create mode 100644 app/angular/components/whatsNewBanner/index.js create mode 100644 app/angular/components/whatsNewBanner/index.scss diff --git a/app/angular/components/whatsNewBanner/index.html b/app/angular/components/whatsNewBanner/index.html new file mode 100644 index 00000000..5214070d --- /dev/null +++ b/app/angular/components/whatsNewBanner/index.html @@ -0,0 +1,14 @@ + \ No newline at end of file diff --git a/app/angular/components/whatsNewBanner/index.js b/app/angular/components/whatsNewBanner/index.js new file mode 100644 index 00000000..edc59466 --- /dev/null +++ b/app/angular/components/whatsNewBanner/index.js @@ -0,0 +1,15 @@ +import angular from "angular"; +import template from "./index.html"; +import "./index.scss"; +import iconClose from "../icons/close"; + +const bannerWhatsNew = function () {}; + +export default angular + .module("app.bannerWhatsNew", [ + iconClose + ]) + .component("bannerWhatsNew", { + template, + controller: bannerWhatsNew, +}).name; diff --git a/app/angular/components/whatsNewBanner/index.scss b/app/angular/components/whatsNewBanner/index.scss new file mode 100644 index 00000000..9b9ba270 --- /dev/null +++ b/app/angular/components/whatsNewBanner/index.scss @@ -0,0 +1,41 @@ +/////////////////////////////////////////////////////////////////////////////// +// banner-whats-new (Element) +/////////////////////////////////////////////////////////////////////////////// +banner-whats-new { + display: block; + margin-top: 24px; +} + +/////////////////////////////////////////////////////////////////////////////// +// .whats-new .alert +/////////////////////////////////////////////////////////////////////////////// +.whats-new .alert { + display: flex; + border: 1px solid #ddd; + margin: 12px 0; + align-items: center; + justify-content: space-between; +} + +/////////////////////////////////////////////////////////////////////////////// +// .dismiss-news +/////////////////////////////////////////////////////////////////////////////// +.dismiss-news { + padding: 3px 5px; + border: 1px solid transparent; + border-radius: 3px; + background-color: transparent; + text-align: center; +} + +.dismiss-news:hover { + border-color: #ddd; +} + +.dismiss-news path { + fill: #7b7b7b;; +} + +.dismiss-news:hover path { + fill: #000; +} \ No newline at end of file From 0031b072bc5db72359c0580daa7a386e208a808b Mon Sep 17 00:00:00 2001 From: "Idmar Ramos Junior (Id)" Date: Tue, 23 Apr 2024 11:16:39 -0300 Subject: [PATCH 3/4] Add page with list of models - Add to the page - Move feedback module to inside opf .pageheader - Kinda quick and dirty fix to avoid feedback to load on top of the news banner. Strong candidate to refactor in a near future :) --- app/angular/workspace/workspace.html | 30 +++++++++++++++------------- app/angular/workspace/workspace.js | 4 +++- app/sass/modelsList.scss | 7 ++++--- 3 files changed, 23 insertions(+), 18 deletions(-) diff --git a/app/angular/workspace/workspace.html b/app/angular/workspace/workspace.html index 9d30ca9b..509cec66 100644 --- a/app/angular/workspace/workspace.html +++ b/app/angular/workspace/workspace.html @@ -16,22 +16,24 @@
- +
+ +

{{ 'Models' | translate }}

- \ No newline at end of file