dashboard/frontend/src/components/form/RoleSelect.svelte
Ryan aed0f28f13
Migrate to svelte for frontend (#9)
* Svelte: WIP

* WIP

* WIP

* WIP

* WIP

* WIP

* Finished

* Remove redundant code

* Fix typo

* Re-add routes

* Form margin

* Mobile nicities

* Mobile changed

* Increase keepalvie

* Update Guild.svelte

* Update Whitelabel.svelte

* Whitelabel changes
2021-06-30 15:40:55 +01:00

32 lines
840 B
Svelte

{#if label !== undefined}
<label class="form-label">{label}</label>
{/if}
<div class="multiselect-super">
<Select placeholder="Search..." optionIdentifier="id" items={roles}
bind:selectedValue={value} getOptionLabel={labelMapper} getSelectionLabel={labelMapper}/>
</div>
<script>
import Select from 'svelte-select';
import axios from "axios";
import {onMount} from 'svelte'
import {setDefaultHeaders} from '../../includes/Auth.svelte'
import {API_URL} from "../../js/constants";
import {notifyError, notifyRatelimit} from "../../js/util";
export let label;
export let roles = [];
export let guildId;
export let value;
function labelMapper(role) {
return role.name;
}
onMount(() => {
setDefaultHeaders();
})
</script>