@tekkare/romulus 0.1.195 → 0.1.196
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json
CHANGED
|
@@ -140,16 +140,25 @@ function setTab(value: 'active' | 'paused' | 'events') {
|
|
|
140
140
|
|
|
141
141
|
<template>
|
|
142
142
|
<div class="rm-alerts">
|
|
143
|
-
|
|
144
|
-
|
|
143
|
+
<!-- Meme tete que RmSavedViews : les deux panneaux se lisent en onglets
|
|
144
|
+
d'une meme tuile, le bouton principal ne doit pas changer de place ni
|
|
145
|
+
de taille en passant de l'un a l'autre. -->
|
|
145
146
|
<div class="rm-alerts__create">
|
|
146
|
-
<RmButton
|
|
147
|
-
|
|
147
|
+
<RmButton
|
|
148
|
+
variant="primary"
|
|
149
|
+
size="sm"
|
|
150
|
+
prefix-icon="Plus"
|
|
151
|
+
block
|
|
152
|
+
:disabled="!canCreate"
|
|
153
|
+
@click="emit('create')"
|
|
154
|
+
>
|
|
148
155
|
{{ T.create }}
|
|
149
156
|
</RmButton>
|
|
150
157
|
<p v-if="!canCreate && createHint" class="rm-alerts__hint">{{ createHint }}</p>
|
|
151
158
|
</div>
|
|
152
159
|
|
|
160
|
+
<p class="rm-alerts__intro">{{ T.intro }}</p>
|
|
161
|
+
|
|
153
162
|
<div class="rm-alerts__tabs" role="tablist">
|
|
154
163
|
<button
|
|
155
164
|
v-for="entry in [
|
|
@@ -186,7 +195,7 @@ function setTab(value: 'active' | 'paused' | 'events') {
|
|
|
186
195
|
<RmAlertEvents :events="events" show-source :lang="lang" />
|
|
187
196
|
</div>
|
|
188
197
|
|
|
189
|
-
<RmEmptyState v-else :title="T.emptyEvents" :text="T.emptyEventsText" />
|
|
198
|
+
<RmEmptyState v-else framed icon="Bell" :title="T.emptyEvents" :text="T.emptyEventsText" />
|
|
190
199
|
</template>
|
|
191
200
|
|
|
192
201
|
<template v-else>
|
|
@@ -217,8 +226,13 @@ function setTab(value: 'active' | 'paused' | 'events') {
|
|
|
217
226
|
</section>
|
|
218
227
|
</div>
|
|
219
228
|
|
|
229
|
+
<!-- Meme etat vide que les vues : cadre pointille, cloche teintee quand
|
|
230
|
+
il y a une alerte a creer. -->
|
|
220
231
|
<RmEmptyState
|
|
221
232
|
v-else
|
|
233
|
+
framed
|
|
234
|
+
icon="Bell"
|
|
235
|
+
:tone="tab === 'paused' ? 'neutral' : 'primary'"
|
|
222
236
|
:title="tab === 'paused' ? T.emptyPaused : T.emptyActive"
|
|
223
237
|
:text="tab === 'paused' ? '' : T.emptyActiveText"
|
|
224
238
|
/>
|
|
@@ -227,5 +241,5 @@ function setTab(value: 'active' | 'paused' | 'events') {
|
|
|
227
241
|
</template>
|
|
228
242
|
|
|
229
243
|
<style scoped>
|
|
230
|
-
.rm-alerts{display:flex;flex-direction:column;gap:
|
|
244
|
+
.rm-alerts{display:flex;flex-direction:column;font-family:var(--font-sans);gap:var(--space-12)}.rm-alerts__intro{color:var(--text-secondary);font-size:var(--font-13);line-height:1.5;margin:0}.rm-alerts__create{display:flex;flex-direction:column;gap:var(--space-6)}.rm-alerts__hint{color:var(--text-muted);font-size:var(--font-12);line-height:1.45;margin:0}.rm-alerts__tabs{align-items:stretch;border-bottom:1px solid var(--border-default);display:flex}.rm-alerts__tab{all:unset;align-items:center;border-bottom:3px solid transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-14);font-weight:var(--weight-semibold);gap:var(--space-6);padding:var(--space-12) var(--space-16);transition:color var(--duration-fast) var(--ease-out)}.rm-alerts__tab:hover{color:var(--text-primary)}.rm-alerts__tab--on{background:linear-gradient(180deg,transparent 30%,rgba(var(--brand-rgb),.06) 100%);border-bottom-color:var(--color-primary);border-radius:6px 6px 0 0;color:var(--color-primary);font-weight:var(--weight-bold)}.rm-alerts__tab-count{background:var(--bg-surface-3);border-radius:var(--radius-pill);color:var(--text-muted);font-size:var(--font-11);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);min-width:18px;padding:0 var(--space-6);text-align:center}.rm-alerts__tab--on .rm-alerts__tab-count{background:var(--bg-hover);color:var(--color-secondary)}.rm-alerts__events,.rm-alerts__list,.rm-alerts__section{display:flex;flex-direction:column;gap:10px}.rm-alerts__section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:11.5px;font-weight:700;gap:6px;letter-spacing:.05em;margin:4px 0 0;text-transform:uppercase}.rm-alerts__section-count{background:var(--bg-surface-3);border-radius:999px;font-size:11px;letter-spacing:0;padding:0 6px}.rm-alerts__read-all{all:unset;align-self:flex-end;color:var(--color-primary);cursor:pointer;font-size:12px}
|
|
231
245
|
</style>
|