carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uikit / add new files

Browse Source
This commit is contained in:
Mehmet Çetin
2024-12-31 12:58:33 +03:00
parent f760886f54
commit 22c1cd9a3a
6 changed files with 941 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/views/uikit/inputdoc.ts
View File

@@ -169,20 +169,20 @@ import {NodeService} from "../../app/demo/service/node.service";
<div class="font-semibold text-xl">MultiSelect</div>
<p-multiselect [(ngModel)]="multiselectValue" [options]="multiselectValues" optionLabel="name" placeholder="Select Countries" [filter]="true">
<template #selecteditems let-countries>
<ng-template #selecteditems let-countries>
@for (country of countries; track country.code) {
<div class="inline-flex items-center py-1 px-2 bg-primary text-primary-contrast rounded-border mr-2">
<span [class]="'mr-2 flag flag-' + country.code.toLowerCase()" style="width: 18px; height: 12px"></span>
<div>{{ country.name }}</div>
</div>
}
</template>
<template #item let-country>
</ng-template>
<ng-template #item let-country>
<div class="flex items-center">
<span [class]="'mr-2 flag flag-' + country.option.code.toLowerCase()" style="width: 18px; height: 12px"></span>
<div>{{ country.option.name }}</div>
</div>
</template>
</ng-template>
</p-multiselect>
<div class="font-semibold text-xl">TreeSelect</div>