@tekkare/romulus 0.1.128 → 0.1.129
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
|
@@ -29,6 +29,7 @@ const FR = {
|
|
|
29
29
|
disappeared: 'Sorti du périmètre',
|
|
30
30
|
becomes: 'devient',
|
|
31
31
|
empty: '(vide)',
|
|
32
|
+
more: (n: number) => `et ${n} autre${n > 1 ? 's' : ''} champ${n > 1 ? 's' : ''}`,
|
|
32
33
|
}
|
|
33
34
|
|
|
34
35
|
const EN = {
|
|
@@ -37,9 +38,28 @@ const EN = {
|
|
|
37
38
|
disappeared: 'Left the scope',
|
|
38
39
|
becomes: 'becomes',
|
|
39
40
|
empty: '(empty)',
|
|
41
|
+
more: (n: number) => `and ${n} other field${n > 1 ? 's' : ''}`,
|
|
40
42
|
}
|
|
41
43
|
|
|
42
44
|
const T = computed(() => (props.lang === 'en' ? EN : FR))
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Lignes de changement montrees par evenement.
|
|
48
|
+
*
|
|
49
|
+
* Un document qui gagne cinq historiques d'un coup en produit autant, et la
|
|
50
|
+
* carte devenait une liste de champs ou plus rien ne ressortait. Le compte
|
|
51
|
+
* des autres reste affiche : masquer sans le dire ferait croire que c'est
|
|
52
|
+
* tout ce qui a bouge.
|
|
53
|
+
*/
|
|
54
|
+
const MAX_LINES = 4
|
|
55
|
+
|
|
56
|
+
function shown(event: RmAlertEvent) {
|
|
57
|
+
return (event.changes ?? []).slice(0, MAX_LINES)
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
function hidden(event: RmAlertEvent) {
|
|
61
|
+
return Math.max((event.changes ?? []).length - MAX_LINES, 0)
|
|
62
|
+
}
|
|
43
63
|
</script>
|
|
44
64
|
|
|
45
65
|
<template>
|
|
@@ -59,7 +79,7 @@ const T = computed(() => (props.lang === 'en' ? EN : FR))
|
|
|
59
79
|
<p class="rm-alert-events__title">{{ event.title }}</p>
|
|
60
80
|
<p v-if="event.subtitle" class="rm-alert-events__sub">{{ event.subtitle }}</p>
|
|
61
81
|
<p
|
|
62
|
-
v-for="(change, index) in event
|
|
82
|
+
v-for="(change, index) in shown(event)"
|
|
63
83
|
:key="index"
|
|
64
84
|
class="rm-alert-events__change"
|
|
65
85
|
>
|
|
@@ -68,6 +88,9 @@ const T = computed(() => (props.lang === 'en' ? EN : FR))
|
|
|
68
88
|
{{ T.becomes }}
|
|
69
89
|
<strong>{{ change.after || T.empty }}</strong>
|
|
70
90
|
</p>
|
|
91
|
+
<p v-if="hidden(event)" class="rm-alert-events__more">
|
|
92
|
+
{{ T.more(hidden(event)) }}
|
|
93
|
+
</p>
|
|
71
94
|
<p v-if="showSource && event.alertTitle" class="rm-alert-events__from">
|
|
72
95
|
{{ event.alertTitle }}
|
|
73
96
|
</p>
|
|
@@ -76,5 +99,5 @@ const T = computed(() => (props.lang === 'en' ? EN : FR))
|
|
|
76
99
|
</template>
|
|
77
100
|
|
|
78
101
|
<style scoped>
|
|
79
|
-
.rm-alert-events{display:flex;flex-direction:column;gap:10px}.rm-alert-events__item{border:1px solid var(--rm-border,#e5e7eb);border-radius:9px;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.rm-alert-events__item--unread{border-left:3px solid var(--rm-primary,#4f46e5)}.rm-alert-events__head{align-items:center;display:flex;gap:8px;justify-content:space-between}.rm-alert-events__kind{color:var(--rm-text-soft,#6b7280);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rm-alert-events__kind--appeared{color:var(--rm-success,#047857)}.rm-alert-events__kind--changed{color:var(--rm-info,#1d4ed8)}.rm-alert-events__kind--disappeared{color:var(--rm-warn,#b45309)}.rm-alert-events__date{color:var(--rm-text-soft,#9ca3af);font-size:11px}.rm-alert-events__title{color:var(--rm-text,#111827);font-size:13.5px;line-height:1.4;margin:0}.rm-alert-events__from,.rm-alert-events__sub{color:var(--rm-text-soft,#9ca3af);font-size:11.5px;margin:0}.rm-alert-events__change{color:var(--rm-text-soft,#4b5563);font-size:12.5px;margin:2px 0 0}.rm-alert-events__change s{opacity:.65}
|
|
102
|
+
.rm-alert-events{display:flex;flex-direction:column;gap:10px}.rm-alert-events__item{border:1px solid var(--rm-border,#e5e7eb);border-radius:9px;display:flex;flex-direction:column;gap:3px;padding:10px 12px}.rm-alert-events__item--unread{border-left:3px solid var(--rm-primary,#4f46e5)}.rm-alert-events__head{align-items:center;display:flex;gap:8px;justify-content:space-between}.rm-alert-events__kind{color:var(--rm-text-soft,#6b7280);font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.rm-alert-events__kind--appeared{color:var(--rm-success,#047857)}.rm-alert-events__kind--changed{color:var(--rm-info,#1d4ed8)}.rm-alert-events__kind--disappeared{color:var(--rm-warn,#b45309)}.rm-alert-events__date{color:var(--rm-text-soft,#9ca3af);font-size:11px}.rm-alert-events__title{color:var(--rm-text,#111827);font-size:13.5px;line-height:1.4;margin:0}.rm-alert-events__from,.rm-alert-events__sub{color:var(--rm-text-soft,#9ca3af);font-size:11.5px;margin:0}.rm-alert-events__change{color:var(--rm-text-soft,#4b5563);font-size:12.5px;margin:2px 0 0}.rm-alert-events__change s{opacity:.65}.rm-alert-events__more{color:var(--rm-text-soft,#9ca3af);font-size:12px;font-style:italic;margin:2px 0 0}
|
|
80
103
|
</style>
|