From: Lukas Wagner <l.wagner@proxmox.com>
To: Proxmox VE development discussion <pve-devel@lists.proxmox.com>,
Philipp Hufnagl <p.hufnagl@proxmox.com>
Subject: Re: [pve-devel] [PATCH proxmox-widget-toolkit v1 1/2] fix #4546: css: Inform user administrator about user accounts expiring soon
Date: Fri, 6 Oct 2023 15:16:21 +0200 [thread overview]
Message-ID: <d8b24f6c-db9e-40f9-addb-0b1750714655@proxmox.com> (raw)
In-Reply-To: <20230922143658.1639173-4-p.hufnagl@proxmox.com>
Comments inline.
On 9/22/23 16:36, Philipp Hufnagl wrote:
> Adds a new css class to underlay information urgency in table columns
> for dark and light mode. This underlay color then is used to notifiy
Typo in 'notify'
> user administrators about user accounts that will expire soon
>
> Signed-off-by: Philipp Hufnagl <p.hufnagl@proxmox.com>
> ---
> src/Utils.js | 6 +++++-
> src/css/ext6-pmx.css | 4 ++++
> src/proxmox-dark/scss/abstracts/_variables.scss | 1 +
> src/proxmox-dark/scss/proxmox/_general.scss | 5 +++++
> 4 files changed, 15 insertions(+), 1 deletion(-)
>
> diff --git a/src/Utils.js b/src/Utils.js
> index f269607..a7ded2a 100644
> --- a/src/Utils.js
> +++ b/src/Utils.js
> @@ -174,10 +174,14 @@ utilities: {
> return value ? Proxmox.Utils.enabledText : Proxmox.Utils.disabledText;
> },
>
> - format_expire: function(date) {
> + format_expire: function(date, meta) {
> if (!date) {
> return Proxmox.Utils.neverText;
> }
> + let expieWariningThreshold = Ext.Date.add(new Date(), Ext.Date.DAY, 7);
^
Typo, also same remarks as in the other patch.
> + if (expieWariningThreshold >= date) {
> + meta.tdCls += 'proxmox-hint-row';
> + }
> return Ext.Date.format(date, "Y-m-d");
> },
>
> diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
> index 2ffd2a8..439f3a0 100644
> --- a/src/css/ext6-pmx.css
> +++ b/src/css/ext6-pmx.css
> @@ -76,6 +76,10 @@
> background-color: #f3d6d7;
> }
>
> +.proxmox-hint-row {
> + background-color: #5eb9ff;
> +}
> +
> .proxmox-warning-row {
> background-color: #f5e5d8;
> }
> diff --git a/src/proxmox-dark/scss/abstracts/_variables.scss b/src/proxmox-dark/scss/abstracts/_variables.scss
> index cac51eb..8bcae09 100644
> --- a/src/proxmox-dark/scss/abstracts/_variables.scss
> +++ b/src/proxmox-dark/scss/abstracts/_variables.scss
> @@ -26,6 +26,7 @@ $background-darker: hsl(0deg, 0%, 15%);
> $background-darkest: hsl(0deg, 0%, 10%);
> $background-invalid: hsl(360deg, 60%, 20%);
> $background-warning: hsl(40deg, 100%, 20%);
> +$background-hint: hsl(233deg, 99%, 60%);
That particular color tone looks pretty out of place to me in dark mode.
In light mode, you use the same hue as other interface elements, is
there a reason why you use a different color in dark mode?
Playing around a bit, hsl(205, 100%, 40%) or hsl(205, 100%, 45%) would
look about right for me, that's the same hue as other elements,
while being a bit toned down (reduced lightness).
@sterzy, maybe you can provide some feedback as well?
Also, small bug: the hint-color seems to disappear when the 'expiry'
is clicked, only seems to affect dark mode.
>
> // Buttons
> $neutral-button-color: hsl(0deg, 0%, 25%);
> diff --git a/src/proxmox-dark/scss/proxmox/_general.scss b/src/proxmox-dark/scss/proxmox/_general.scss
> index c319f6d..8b2a4d0 100644
> --- a/src/proxmox-dark/scss/proxmox/_general.scss
> +++ b/src/proxmox-dark/scss/proxmox/_general.scss
> @@ -25,6 +25,11 @@ div[id^="versioninfo-"] + div[id^="panel-"] > div[id^="panel-"][id$="-bodyWrap"]
> background-color: $background-warning;
> }
>
> +// Info rows, e.g. when an user account expires soon
> +.proxmox-hint-row {
> + background-color: $background-hint;
> +}
> +
> // Disabled rows (e.g. disabled repos in Repository view)
> .proxmox-disabled-row td {
> color: $text-color-inactive;
--
- Lukas
next prev parent reply other threads:[~2023-10-06 13:16 UTC|newest]
Thread overview: 15+ messages / expand[flat|nested] mbox.gz Atom feed top
2023-09-22 14:36 [pve-devel] [PATCH manager/access-control/proxmox-widget-toolkit v1 0/4] fix #4546: Show warning hint/badge if user account is expiring in next few days Philipp Hufnagl
2023-09-22 14:36 ` [pve-devel] [PATCH manager v1 1/1] fix #4546: ui: notify user if their user account expires soon Philipp Hufnagl
2023-10-06 13:16 ` Lukas Wagner
2023-10-10 10:15 ` Philipp Hufnagl
2023-09-22 14:36 ` [pve-devel] [PATCH access-control v1 1/1] fix #4546: api: Return user expiration date on access/ticket API call Philipp Hufnagl
2023-10-06 13:16 ` Lukas Wagner
2023-09-22 14:36 ` [pve-devel] [PATCH proxmox-widget-toolkit v1 1/2] fix #4546: css: Inform user administrator about user accounts expiring soon Philipp Hufnagl
2023-10-06 13:16 ` Lukas Wagner [this message]
2023-10-06 14:41 ` Stefan Sterz
2023-10-10 10:18 ` Philipp Hufnagl
2023-09-22 14:36 ` [pve-devel] [PATCH proxmox-widget-toolkit v1 2/2] fix #4546: utils: save expiring date of user account for UI Philipp Hufnagl
2023-10-06 13:16 ` Lukas Wagner
2023-10-06 14:41 ` Stefan Sterz
2023-10-06 13:16 ` [pve-devel] [PATCH manager/access-control/proxmox-widget-toolkit v1 0/4] fix #4546: Show warning hint/badge if user account is expiring in next few days Lukas Wagner
2023-10-09 13:07 ` Philipp Hufnagl
Reply instructions:
You may reply publicly to this message via plain-text email
using any one of the following methods:
* Save the following mbox file, import it into your mail client,
and reply-to-all from there: mbox
Avoid top-posting and favor interleaved quoting:
https://en.wikipedia.org/wiki/Posting_style#Interleaved_style
* Reply using the --to, --cc, and --in-reply-to
switches of git-send-email(1):
git send-email \
--in-reply-to=d8b24f6c-db9e-40f9-addb-0b1750714655@proxmox.com \
--to=l.wagner@proxmox.com \
--cc=p.hufnagl@proxmox.com \
--cc=pve-devel@lists.proxmox.com \
/path/to/YOUR_REPLY
https://kernel.org/pub/software/scm/git/docs/git-send-email.html
* If your mail client supports setting the In-Reply-To header
via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line
before the message body.
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox