klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2025-05-16 22:44:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

ics help button

Browse Source
This commit is contained in:
Kenneth SOARES 2025-05-11 14:33:04 +02:00
parent ac0c2c9880
commit 5ca1f03d9d
3 changed files with 33 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
com/static/bundled/com/components/ics-calendar-index.ts
View File

@ -17,11 +17,12 @@ import {
@registerComponent("ics-calendar") @registerComponent("ics-calendar")
export class IcsCalendar extends inheritHtmlElement("div") { export class IcsCalendar extends inheritHtmlElement("div") {
static observedAttributes = ["locale", "can_moderate", "can_delete"]; static observedAttributes = ["locale", "can_moderate", "can_delete", "ics-help-url"];
private calendar: Calendar; private calendar: Calendar;
private locale = "en"; private locale = "en";
private canModerate = false; private canModerate = false;
private canDelete = false; private canDelete = false;
private helpUrl = "";
attributeChangedCallback(name: string, _oldValue?: string, newValue?: string) { attributeChangedCallback(name: string, _oldValue?: string, newValue?: string) {
if (name === "locale") { if (name === "locale") {
@ -33,6 +34,10 @@ export class IcsCalendar extends inheritHtmlElement("div") {
if (name === "can_delete") { if (name === "can_delete") {
this.canDelete = newValue.toLowerCase() === "true"; this.canDelete = newValue.toLowerCase() === "true";
} }
if (name === "ics-help-url") {
this.helpUrl = newValue;
}
} }
isMobile() { isMobile() {
@ -335,6 +340,14 @@ export class IcsCalendar extends inheritHtmlElement("div") {
}, 1500); }, 1500);
}, },
}, },
helpButton: {
text: "?",
click: () => {
if (this.helpUrl) {
window.open(this.helpUrl, "_blank");
}
},
},
}, },
height: "auto", height: "auto",
locale: this.locale, locale: this.locale,

18
com/static/com/components/ics-calendar.scss
View File

@ -114,10 +114,28 @@ ics-calendar {
button.text-copied:focus, button.text-copied:focus,
button.text-copied:hover { button.text-copied:hover {
transition: 500ms ease-out; transition: 500ms ease-out;
margin-right: 0.5rem;
} }
button.text-copied[tooltip]::before { button.text-copied[tooltip]::before {
opacity: 0; opacity: 0;
transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;
} }
.fc .fc-helpButton-button {
border-radius: 70%;
padding-left: 0.5rem;
padding-right: 0.5rem;
background-color: rgba(0, 0, 0, 0.8);
transition: 100ms ease-out;
width: 30px;
height: 30px;
font-size: 11px;
}
.fc .fc-helpButton-button:hover,
.fc .fc-helpButton-button:focus {
background-color: rgba(20, 20, 20, 0.6);
}
} }

1
com/templates/com/news_list.jinja
View File

@ -192,6 +192,7 @@
@calendar-delete="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.DELETED})" @calendar-delete="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.DELETED})"
@calendar-unpublish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PENDING})" @calendar-unpublish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PENDING})"
@calendar-publish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PUBLISHED})" @calendar-publish="$dispatch('news-moderated', {newsId: $event.detail.id, state: AlertState.PUBLISHED})"
ics-help-url="{{ url('core:page', page_name='Index/calendrier')}}"
locale="{{ get_language() }}" locale="{{ get_language() }}"
can_moderate="{{ user.has_perm("com.moderate_news") }}" can_moderate="{{ user.has_perm("com.moderate_news") }}"
can_delete="{{ user.has_perm("com.delete_news") }}" can_delete="{{ user.has_perm("com.delete_news") }}"