Skip to content

Commit d933b60

Browse files
Merge branch 'main' into Map-Required-Fix
2 parents 78c5278 + 59517d6 commit d933b60

21 files changed

Lines changed: 426 additions & 87 deletions

File tree

app/frontend/src/assets/scss/global-status-overlay.scss

Lines changed: 44 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,7 @@
1616
border: 1px solid #000;
1717
border-radius: 8px;
1818
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
19-
text-align: center;
20-
padding: 0 0 2em 0;
19+
padding: 0;
2120
width: 95vw;
2221
max-width: 800px;
2322
min-width: 320px;
@@ -26,20 +25,38 @@
2625
overflow: auto;
2726
display: flex;
2827
flex-direction: column;
29-
justify-content: center;
3028
position: relative;
3129

3230
.status-header {
33-
background: #003366;
34-
color: #fff;
3531
font-size: 1.25rem;
3632
font-weight: bold;
3733
padding: 1em 0.5em;
3834
border-top-left-radius: 8px;
3935
border-top-right-radius: 8px;
40-
margin-bottom: 1.5em;
36+
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
37+
margin-bottom: 0;
38+
text-align: left;
39+
letter-spacing: 0.5px;
40+
height: 60px;
41+
display: flex;
42+
i {
43+
margin-right: 0.5em;
44+
color: red;
45+
}
46+
}
47+
48+
.status-footer {
49+
padding: 1em 0.5em;
50+
border-bottom-left-radius: 8px;
51+
border-bottom-right-radius: 8px;
52+
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
53+
margin-top: auto;
4154
text-align: center;
4255
letter-spacing: 0.5px;
56+
height: 60px;
57+
display: flex;
58+
align-items: right;
59+
justify-content: right;
4360
}
4461

4562
.chefs-unavailable-message,
@@ -52,19 +69,22 @@
5269

5370
.moreinfo-outro {
5471
font-size: 0.95em;
55-
background: #fff3f3;
5672
}
5773

5874
h2 {
5975
margin-top: 0;
6076
}
6177

6278
.info-links {
63-
margin-top: 1em;
64-
font-size: 0.75em;
65-
a {
79+
font-size: 0.95em;
80+
button {
6681
color: #003366;
6782
text-decoration: underline;
83+
background: none;
84+
border: none;
85+
cursor: pointer;
86+
padding: 0;
87+
margin: 0 0.5em 0 0;
6888
&:hover {
6989
color: #005b96;
7090
}
@@ -96,21 +116,25 @@
96116
}
97117

98118
@media (min-width: 600px) {
99-
.status-overlay .status-content {
100-
width: 600px;
101-
min-width: 400px;
102-
max-width: 900px;
103-
min-height: 200px;
119+
.status-overlay {
104120
padding-bottom: 2.5em;
121+
.status-content {
122+
width: 600px;
123+
min-width: 400px;
124+
max-width: 900px;
125+
min-height: 200px;
126+
}
105127
}
106128
}
107129

108130
@media (min-width: 900px) {
109-
.status-overlay .status-content {
110-
width: 800px;
111-
min-width: 600px;
112-
max-width: 1100px;
113-
min-height: 220px;
131+
.status-overlay {
114132
padding-bottom: 3em;
133+
.status-content {
134+
width: 800px;
135+
min-width: 600px;
136+
max-width: 1100px;
137+
min-height: 220px;
138+
}
115139
}
116140
}

app/frontend/src/components/base/GlobalStatusOverlay.vue

Lines changed: 65 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,67 +1,75 @@
11
<template>
22
<div v-if="showOverlay" class="status-overlay">
3+
<!---->
34
<div class="status-content">
4-
<div class="status-header">
5-
{{ viteTitle }}
5+
<div v-if="!showMore" class="status-header">
6+
<v-icon icon="mdi:mdi-alert-outline"></v-icon
7+
>{{ t('trans.statusOverlay.chefsUnavailableHeader') }}
8+
</div>
9+
<div v-else class="status-header">
10+
<v-icon icon="mdi:mdi-alert-outline"></v-icon>{{ msg }}
11+
</div>
12+
<div v-if="!showMore">
13+
<p class="chefs-unavailable-message">
14+
{{ t('trans.statusOverlay.chefsUnavailableBoilerplate') }}
15+
</p>
616
</div>
7-
<p v-if="!showMore" class="chefs-unavailable-message">
8-
{{ t('trans.statusOverlay.chefsUnavailableBoilerplate') }}
9-
</p>
1017
<div v-else>
11-
<h3>{{ msg }}</h3>
12-
<div v-if="status?.connections">
13-
<p class="moreinfo-intro">
14-
{{ t('trans.statusOverlay.moreInfoIntro') }}
18+
<div>
19+
<div v-if="status?.connections">
20+
<p class="moreinfo-intro">
21+
{{ t('trans.statusOverlay.moreInfoIntro') }}
22+
</p>
23+
<table class="status-connections-table">
24+
<thead>
25+
<tr>
26+
<th>{{ t('trans.statusOverlay.name') }}</th>
27+
<th>{{ t('trans.statusOverlay.status') }}</th>
28+
</tr>
29+
</thead>
30+
<tbody>
31+
<tr v-for="(conn, name) in status.connections" :key="name">
32+
<td>{{ conn.displayName }}</td>
33+
<td>
34+
<span :style="{ color: conn.connected ? 'green' : 'red' }">
35+
{{
36+
conn.connected
37+
? t('trans.statusOverlay.connected')
38+
: t('trans.statusOverlay.disconnected')
39+
}}
40+
</span>
41+
</td>
42+
</tr>
43+
</tbody>
44+
</table>
45+
</div>
46+
<p class="moreinfo-outro">
47+
<i18n-t keypath="trans.statusOverlay.moreInfoOutro">
48+
<template #linkOne>
49+
<a :href="msTeamsUrl" target="_blank">{{
50+
t('trans.statusOverlay.msTeamsChannel')
51+
}}</a>
52+
</template>
53+
<template #linkTwo>
54+
<a :href="rocketChatUrl" target="_blank">{{
55+
t('trans.statusOverlay.rocketChatChannel')
56+
}}</a>
57+
</template>
58+
</i18n-t>
1559
</p>
16-
<table class="status-connections-table">
17-
<thead>
18-
<tr>
19-
<th>{{ t('trans.statusOverlay.name') }}</th>
20-
<th>{{ t('trans.statusOverlay.status') }}</th>
21-
</tr>
22-
</thead>
23-
<tbody>
24-
<tr v-for="(conn, name) in status.connections" :key="name">
25-
<td>{{ conn.displayName }}</td>
26-
<td>
27-
<span :style="{ color: conn.connected ? 'green' : 'red' }">
28-
{{
29-
conn.connected
30-
? t('trans.statusOverlay.connected')
31-
: t('trans.statusOverlay.disconnected')
32-
}}
33-
</span>
34-
</td>
35-
</tr>
36-
</tbody>
37-
</table>
3860
</div>
39-
<p class="moreinfo-outro">
40-
<i18n-t keypath="trans.statusOverlay.moreInfoOutro">
41-
<template #linkOne>
42-
<a :href="msTeamsUrl" target="_blank">{{
43-
t('trans.statusOverlay.msTeamsChannel')
44-
}}</a>
45-
</template>
46-
<template #linkTwo>
47-
<a :href="rocketChatUrl" target="_blank">{{
48-
t('trans.statusOverlay.rocketChatChannel')
49-
}}</a>
50-
</template>
51-
</i18n-t>
52-
</p>
5361
</div>
54-
<button
55-
class="info-links"
56-
style="margin-top: 1em"
57-
@click="showMore = !showMore"
58-
>
59-
{{
60-
showMore
61-
? t('trans.statusOverlay.lessInfo')
62-
: t('trans.statusOverlay.moreInfo')
63-
}}
64-
</button>
62+
<div class="status-footer">
63+
<div class="info-links">
64+
<button data-test="more-info-button" @click="showMore = !showMore">
65+
{{
66+
showMore
67+
? t('trans.statusOverlay.lessInfo')
68+
: t('trans.statusOverlay.moreInfo')
69+
}}
70+
</button>
71+
</div>
72+
</div>
6573
</div>
6674
</div>
6775
</template>
@@ -81,7 +89,7 @@ const showMore = ref(false);
8189
const msg = ref('');
8290
8391
// Get VITE_TITLE from environment variables
84-
const viteTitle = import.meta.env.VITE_TITLE || t('app.title');
92+
//const viteTitle = import.meta.env.VITE_TITLE || t('app.title');
8593
const msTeamsUrl = import.meta.env.VITE_MSTEAMS_URL || '';
8694
const rocketChatUrl = import.meta.env.VITE_ROCKETCHAT_URL || '';
8795

app/frontend/src/internationalization/trans/chefs/ar/ar.json

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1226,5 +1226,23 @@
12261226
"canShareDraft": {
12271227
"canShareMessage": "لا يُمكنك مشاركة المسودة مع المستخدمين الذين لم تتم إضافتهم إلى النموذج. يُرجى التواصل مع المشرف لإضافتهم.",
12281228
"shareDraftMessage": "مشاركة المسودة مع أعضاء فريق النموذج فقط"
1229+
},
1230+
"statusOverlay": {
1231+
"chefsUnavailableHeader": "هذه الخدمة غير متاحة مؤقتاً.",
1232+
"chefsUnavailableBoilerplate": "يرجى المحاولة مرة أخرى قريباً. إذا استمرت المشكلة، اتصل بدعم تكنولوجيا المعلومات لفريقك أو مسؤول النظام.",
1233+
"moreInfo": "مزيد من المعلومات",
1234+
"lessInfo": "رجوع",
1235+
"moreInfoIntro": "هذه المشكلة ناتجة عن انقطاعات في خدمة أو أكثر من الخدمات المتصلة:",
1236+
"moreInfoOutro": "نحن نعمل على استعادة الوصول. إذا استمرت المشكلة، يمكن لدعم تكنولوجيا المعلومات أو مسؤول النظام الوصول إلينا عبر {linkOne} أو {linkTwo}.",
1237+
"name": "الخدمة",
1238+
"status": "الحالة",
1239+
"connected": "متصل",
1240+
"disconnected": "غير متصل",
1241+
"msTeamsChannel": "قناة MS Teams",
1242+
"rocketChatChannel": "قناة Rocket.Chat",
1243+
"defaultStatusMessage": "الخدمة غير متاحة مؤقتاً (503). يرجى المحاولة مرة أخرى لاحقاً.",
1244+
"shuttingDown": "CHEFS يتم إغلاقه.",
1245+
"notReady": "لا يمكن لـ CHEFS الاتصال بجميع الخدمات المطلوبة.",
1246+
"unableToReachBackend": "غير قادر على الوصول إلى خدمة الخلفية."
12291247
}
12301248
}

app/frontend/src/internationalization/trans/chefs/de/de.json

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1226,5 +1226,23 @@
12261226
"canShareDraft": {
12271227
"canShareMessage": "Sie können den Entwurf nicht mit Benutzern teilen, die nicht zum Formular hinzugefügt wurden. Wenden Sie sich an den Administrator, um sie hinzuzufügen.",
12281228
"shareDraftMessage": "Geben Sie den Entwurf nur an die Mitglieder des Formularteams weiter"
1229+
},
1230+
"statusOverlay": {
1231+
"chefsUnavailableHeader": "Dieser Dienst ist vorübergehend nicht verfügbar.",
1232+
"chefsUnavailableBoilerplate": "Bitte versuchen Sie es in Kürze erneut. Falls das Problem weiterhin besteht, wenden Sie sich an den IT-Support Ihres Teams oder den Systemadministrator.",
1233+
"moreInfo": "Weitere Informationen",
1234+
"lessInfo": "Zurück",
1235+
"moreInfoIntro": "Dieses Problem ist auf Unterbrechungen in einem oder mehreren verbundenen Diensten zurückzuführen:",
1236+
"moreInfoOutro": "Wir arbeiten daran, den Zugriff wiederherzustellen. Falls das Problem weiterhin besteht, kann Ihr IT-Support oder Systemadministrator uns über {linkOne} oder {linkTwo} erreichen.",
1237+
"name": "Dienst",
1238+
"status": "Status",
1239+
"connected": "Verbunden",
1240+
"disconnected": "Nicht verbunden",
1241+
"msTeamsChannel": "MS Teams-Kanal",
1242+
"rocketChatChannel": "Rocket.Chat-Kanal",
1243+
"defaultStatusMessage": "Dienst ist vorübergehend nicht verfügbar (503). Bitte versuchen Sie es später erneut.",
1244+
"shuttingDown": "CHEFS wird heruntergefahren.",
1245+
"notReady": "CHEFS kann nicht mit allen erforderlichen Diensten verbinden.",
1246+
"unableToReachBackend": "Backend-Dienst nicht erreichbar."
12291247
}
12301248
}

app/frontend/src/internationalization/trans/chefs/en/en.json

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1231,11 +1231,12 @@
12311231
"warning": "Warning"
12321232
},
12331233
"statusOverlay": {
1234-
"chefsUnavailableBoilerplate": "The Common Hosted Forms Service is temporarily unavailable. Please wait a few moments and try again, or contact your team's IT support or system administrator if the problem persists.",
1235-
"moreInfo": "Show More Info...",
1236-
"lessInfo": "Show Less Info...",
1237-
"moreInfoIntro": "This issue may be caused by interruption of one or more of the following services:",
1238-
"moreInfoOutro": "We are actively working to restore access. If you need further assistance, please have your IT support/System Admin contact us at {linkOne} or {linkTwo}.",
1234+
"chefsUnavailableHeader": "This service is temporarily unavailable.",
1235+
"chefsUnavailableBoilerplate": "Please try again shortly. If the issue continues, contact your team's IT support or system administrator.",
1236+
"moreInfo": "More Info",
1237+
"lessInfo": "Back",
1238+
"moreInfoIntro": "This issue is due to interruptions in one or more connected services:",
1239+
"moreInfoOutro": "We're working to restore access. If the issue continues, your IT support or system admin can reach out to us via the {linkOne} or {linkTwo}.",
12391240
"name": "Service",
12401241
"status": "Status",
12411242
"connected": "Connected",

app/frontend/src/internationalization/trans/chefs/es/es.json

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1226,5 +1226,23 @@
12261226
"canShareDraft": {
12271227
"canShareMessage": "No puedes compartir el borrador con usuarios que no se hayan añadido al formulario. Contacta con el administrador para añadirlos.",
12281228
"shareDraftMessage": "Compartir borrador solo con miembros del equipo del formulario"
1229+
},
1230+
"statusOverlay": {
1231+
"chefsUnavailableHeader": "Este servicio no está disponible temporalmente.",
1232+
"chefsUnavailableBoilerplate": "Por favor, inténtelo de nuevo en breve. Si el problema persiste, contacte con el soporte técnico de su equipo o el administrador del sistema.",
1233+
"moreInfo": "Más información",
1234+
"lessInfo": "Atrás",
1235+
"moreInfoIntro": "Este problema se debe a interrupciones en uno o más servicios conectados:",
1236+
"moreInfoOutro": "Estamos trabajando para restaurar el acceso. Si el problema persiste, su soporte técnico o administrador del sistema puede contactarnos a través de {linkOne} o {linkTwo}.",
1237+
"name": "Servicio",
1238+
"status": "Estado",
1239+
"connected": "Conectado",
1240+
"disconnected": "Desconectado",
1241+
"msTeamsChannel": "Canal de MS Teams",
1242+
"rocketChatChannel": "Canal de Rocket.Chat",
1243+
"defaultStatusMessage": "El servicio no está disponible temporalmente (503). Por favor, inténtelo más tarde.",
1244+
"shuttingDown": "CHEFS se está cerrando.",
1245+
"notReady": "CHEFS no puede conectarse a todos los servicios requeridos.",
1246+
"unableToReachBackend": "No se puede alcanzar el servicio backend."
12291247
}
12301248
}

app/frontend/src/internationalization/trans/chefs/fa/fa.json

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1226,5 +1226,23 @@
12261226
"canShareDraft": {
12271227
"canShareMessage": "شما نمی توانید پیش نویس را با کاربرانی که به فرم اضافه نشده اند به اشتراک بگذارید. لطفا با ادمین تماس بگیرید تا آنها را اضافه کنید.",
12281228
"shareDraftMessage": "پیش نویس را فقط با اعضای تیم فرم به اشتراک بگذارید"
1229+
},
1230+
"statusOverlay": {
1231+
"chefsUnavailableHeader": "این سرویس موقتاً در دسترس نیست.",
1232+
"chefsUnavailableBoilerplate": "لطفاً به زودی دوباره تلاش کنید. اگر مشکل ادامه داشت، با پشتیبانی فناوری اطلاعات تیم خود یا مدیر سیستم تماس بگیرید.",
1233+
"moreInfo": "اطلاعات بیشتر",
1234+
"lessInfo": "بازگشت",
1235+
"moreInfoIntro": "این مشکل به دلیل اختلال در یک یا چند سرویس متصل است:",
1236+
"moreInfoOutro": "ما در حال کار برای بازگرداندن دسترسی هستیم. اگر مشکل ادامه داشت، پشتیبانی فناوری اطلاعات یا مدیر سیستم شما می‌تواند از طریق {linkOne} یا {linkTwo} با ما تماس بگیرد.",
1237+
"name": "سرویس",
1238+
"status": "وضعیت",
1239+
"connected": "متصل",
1240+
"disconnected": "قطع اتصال",
1241+
"msTeamsChannel": "کانال MS Teams",
1242+
"rocketChatChannel": "کانال Rocket.Chat",
1243+
"defaultStatusMessage": "سرویس موقتاً در دسترس نیست (503). لطفاً بعداً دوباره تلاش کنید.",
1244+
"shuttingDown": "CHEFS در حال خاموش شدن است.",
1245+
"notReady": "CHEFS نمی‌تواند به تمام سرویس‌های مورد نیاز متصل شود.",
1246+
"unableToReachBackend": "نمی‌توان به سرویس backend دسترسی پیدا کرد."
12291247
}
12301248
}

app/frontend/src/internationalization/trans/chefs/fr/fr.json

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1226,5 +1226,23 @@
12261226
"canShareDraft": {
12271227
"canShareMessage": "Vous ne pouvez pas partager le brouillon avec des utilisateurs qui n'ont pas été ajoutés au formulaire. Veuillez contacter l'administrateur pour les ajouter.",
12281228
"shareDraftMessage": "Partager le brouillon uniquement avec les membres de l'équipe du formulaire"
1229+
},
1230+
"statusOverlay": {
1231+
"chefsUnavailableHeader": "Ce service est temporairement indisponible.",
1232+
"chefsUnavailableBoilerplate": "Veuillez réessayer sous peu. Si le problème persiste, contactez le support informatique de votre équipe ou l'administrateur système.",
1233+
"moreInfo": "Plus d'informations",
1234+
"lessInfo": "Retour",
1235+
"moreInfoIntro": "Ce problème est dû à des interruptions dans un ou plusieurs services connectés :",
1236+
"moreInfoOutro": "Nous travaillons à rétablir l'accès. Si le problème persiste, votre support informatique ou administrateur système peut nous contacter via {linkOne} ou {linkTwo}.",
1237+
"name": "Service",
1238+
"status": "Statut",
1239+
"connected": "Connecté",
1240+
"disconnected": "Déconnecté",
1241+
"msTeamsChannel": "Canal MS Teams",
1242+
"rocketChatChannel": "Canal Rocket.Chat",
1243+
"defaultStatusMessage": "Le service est temporairement indisponible (503). Veuillez réessayer plus tard.",
1244+
"shuttingDown": "CHEFS s'arrête.",
1245+
"notReady": "CHEFS ne peut pas se connecter à tous les services requis.",
1246+
"unableToReachBackend": "Impossible d'atteindre le service backend."
12291247
}
12301248
}

0 commit comments

Comments
 (0)