tykayn/ng-implementation
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style cols

Browse source
This commit is contained in:
Tykayn 2025-09-23 18:54:13 +02:00 • committed by tykayn
parent 63f98a48ed
commit 334b6c90cf
7 changed files with 35 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

44
my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.html
View file

@ -8,12 +8,12 @@
<i class="ri-search-line search-placeholder"></i>
<div class="label">
<span class="d-none">
<span class="d-none">
{{ label }}
</span>
</span>
</div>
<!-- (blur)="displayDropdown = false"-->
<input
(blur)="displayDropdown = false"
(click)="onClickInput()"
(focus)="displayDropdown = true"
class="is-hidden" placeholder="{{label}}"
@ -22,47 +22,41 @@
class="selected-items-counter">
{{ selectedChoices?.length || 0 }}
</span>
<div class="dropdown-button selector-button">
<div (click)="onClickInput()" class="dropdown-button selector-button">
<!-- bouton-->
<i class="ri-arrow-down-s-line"></i>
</div>
@if (displayDropdown
&& availableChoices?.length) {
@if (displayDropdown && availableChoices?.length) {
<div class="dropdown">
<div class="dropdown-list">
<!-- selected:-->
<div class="selected-items">
@for (sc of selectedChoices; track sc) {
<div class="dropdown-item"
(click)="selectedChoicesChangeToggleItem(sc)"
@if (selectedChoices?.length && availableChoices?.length) {
<div class="selected-items">
<div (click)="selectedChoicesChangeToggleItem(sc)"
*ngFor="let sc of selectedChoices"
class="dropdown-item"
>
<i class="ri-checkbox-line"></i>
{{ sc }}
</div>
}
</div>
@if (selectedChoices?.length && availableChoices?.length) {
</div>
<hr>
}
<div class="available-items">
<!-- available:-->
@for (ac of availableChoices; track ac) {
<div class="dropdown-item"
(click)="availableChoicesChangeToggleItem(ac)"
>
<i class="ri-checkbox-blank-line"></i>
{{ ac }}
</div>
}
<div (click)="availableChoicesChangeToggleItem(ac)"
*ngFor="let ac of availableChoices"
class="dropdown-item"
>
<i class="ri-checkbox-blank-line"></i>
{{ ac }}
</div>
</div>
</div>
</div>
}
</div>