Page MenuHomeDevCentral

Install a new static web page
Needs RevisionPublic

Authored by DorianWinty on Sep 23 2022, 16:13.

Details

Summary

This page will permit us to see all the notification how are on
the RabbitMQ server.
It will help us to work and follow the notifications

ref T1682

Diff Detail

Repository
rINFRAWWW Nasqueron infrastructure servers website
Lint
Lint Passed
Unit
No Test Coverage
Branch
notification
Build Status
Buildable 4290
Build 4557: arc lint + arc unit

Event Timeline

DorianWinty created this revision.
config.yml
39

notifications, as there are several?

src/pages/notification/index.html
2 ↗(On Diff #6871)

Plural here too?

12 ↗(On Diff #6871)

Plural :p

DorianWinty marked 3 inline comments as done.

correct code

src/assets/js/notifications.js
2

btn isn't used anywhere, probably artefact remaining from previous proof of concept

DorianWinty marked an inline comment as done.

updating code

The notification should be like that :

image.png (791×1 px, 200 KB)

src/assets/js/notifications.js
10

should be a standalone function createNotificationCard(notification)

That would return the .card element you can then add to the list

src/assets/scss/_settings.scss
335

You can perhaps keep the card settings as is and create a new class notification-card in the CSS?

.notificationCard {
    background: $primary-color;

    .someDividerClass {
        someBackgroundOrBorderOption: darken($primary-color, 20%);
    }
}

(no idea where $card-divider-background is used, to check in Foundation card component CSS)

Then you can apply both to your element: class="card notificationCard".

src/pages/notifications/index.html
12
dereckson requested changes to this revision.Oct 8 2022, 14:15
This revision now requires changes to proceed.Oct 8 2022, 14:15