mountain-ui 1.0.172 → 1.0.173
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mountain-ui",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.173",
|
|
5
5
|
"description": "A comprehensive UI component library for ERP systems with field types, entities, and registry management built with Svelte",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"module": "index.js",
|
|
@@ -30,6 +30,8 @@
|
|
|
30
30
|
let detailsIsOpen = $state(false);
|
|
31
31
|
|
|
32
32
|
$effect(() => {
|
|
33
|
+
console.log($targetProject);
|
|
34
|
+
|
|
33
35
|
if (targetProjectPercent === null) {
|
|
34
36
|
animatedProgress = 0;
|
|
35
37
|
return;
|
|
@@ -61,6 +63,7 @@
|
|
|
61
63
|
<h5>Projet actuel</h5>
|
|
62
64
|
<h4 style="color:var(--font-1);">{$targetProject?.name ?? 'aucun projet selectionné'}</h4>
|
|
63
65
|
</div>
|
|
66
|
+
|
|
64
67
|
<div class="right">
|
|
65
68
|
<IconButton
|
|
66
69
|
onClick={() => {
|
|
@@ -98,12 +101,21 @@
|
|
|
98
101
|
</div>
|
|
99
102
|
</div>
|
|
100
103
|
</div>
|
|
104
|
+
{#if !$targetProject?.trial_is_finish && $targetProject?.subscription_usage?.subscription?.status === 'draft'}
|
|
105
|
+
<div class="trial">
|
|
106
|
+
<h5>Période d'éssai</h5>
|
|
107
|
+
</div>
|
|
108
|
+
{:else if $targetProject?.trial_is_finish && $targetProject?.subscription_usage?.subscription?.status === 'draft'}
|
|
109
|
+
<div class="trial-ended">
|
|
110
|
+
<h5>Période d'éssai terminé</h5>
|
|
111
|
+
</div>
|
|
112
|
+
{/if}
|
|
101
113
|
<div class="progress">
|
|
102
114
|
{#if changeProjectIsOpen}
|
|
103
115
|
<div class="all-project">
|
|
104
116
|
{#each $allProject as project}
|
|
105
117
|
<ProjectButton
|
|
106
|
-
|
|
118
|
+
variant={project.id === $targetProject?.id ? 'secondary' : 'ghost'}
|
|
107
119
|
style="width:100%;justify-content:space-between;align-items:center;"
|
|
108
120
|
href={getProjectHref(project)}
|
|
109
121
|
id={project.id}
|
|
@@ -186,11 +198,30 @@
|
|
|
186
198
|
border-top: 1px solid var(--bg-2);
|
|
187
199
|
}
|
|
188
200
|
|
|
201
|
+
.trial {
|
|
202
|
+
padding: 2px var(--pad-m);
|
|
203
|
+
margin: 2px 0;
|
|
204
|
+
border-radius: var(--radius-m);
|
|
205
|
+
background-color: var(--orange-b);
|
|
206
|
+
}
|
|
207
|
+
.trial > h5 {
|
|
208
|
+
color: var(--orange);
|
|
209
|
+
}
|
|
210
|
+
.trial-ended {
|
|
211
|
+
padding: 2px var(--pad-m);
|
|
212
|
+
margin: 2px 0;
|
|
213
|
+
border-radius: var(--radius-m);
|
|
214
|
+
background-color: var(--red-b);
|
|
215
|
+
}
|
|
216
|
+
.trial-ended > h5 {
|
|
217
|
+
color: var(--red);
|
|
218
|
+
}
|
|
219
|
+
|
|
189
220
|
.progress {
|
|
190
221
|
padding: 2px;
|
|
191
222
|
background: var(--bg-2);
|
|
192
223
|
border-radius: var(--radius-l);
|
|
193
|
-
|
|
224
|
+
transition: background 0.2s ease-out;
|
|
194
225
|
}
|
|
195
226
|
:global(body > .content-container) .progress {
|
|
196
227
|
background: conic-gradient(var(--accent) 0% var(--progress), var(--bg-2) var(--progress) 100%);
|
|
@@ -265,7 +296,7 @@
|
|
|
265
296
|
opacity: 0;
|
|
266
297
|
user-select: none;
|
|
267
298
|
pointer-events: none;
|
|
268
|
-
|
|
299
|
+
transition: width 0.2s ease-out;
|
|
269
300
|
}
|
|
270
301
|
|
|
271
302
|
:global(body > .content-container) .fill-line {
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
type="submit"><h5>se connecter</h5></Button
|
|
78
78
|
>
|
|
79
79
|
<h5 slot="down-form">
|
|
80
|
-
Pas encore de compte ? <Link className="h5" href="/create-
|
|
80
|
+
Pas encore de compte ? <Link className="h5" href="/create-account" label="créée un compte" />
|
|
81
81
|
</h5>
|
|
82
82
|
</Form>
|
|
83
83
|
</div>
|