windmill-components 1.408.1 → 1.430.2

package/package/components/InstanceGroupEditor.svelte

@@ -5,6 +5,7 @@ import { Button } from './common';
 import Skeleton from './common/skeleton/Skeleton.svelte';
 import TableCustom from './TableCustom.svelte';
 import { sendUserToast } from '../toast';
+import { Loader2 } from 'lucide-svelte';
 export let name;
 let email = '';
 let instance_group;
@@ -50,7 +51,12 @@ async function loadInstanceGroup() {
 				>
 			</div>
 		</div>
-		<h2>Members ({members?.length ?? 0})</h2>
+		<h2
+			>Members ({#if members?.length != undefined}{members?.length ?? 0}{:else}<Loader2
+					class="animate-spin"
+					size={10}
+				/>{/if})</h2
+		>
 		<div class="flex items-start">
 			<input type="text" placeholder="john@acme.com" bind:value={email} />
 			<Button

package/package/components/InstanceNameEditor.svelte

@@ -4,14 +4,31 @@ import Button from './common/button/Button.svelte';
 import Popup from './common/popup/Popup.svelte';
 import { offset, flip, shift } from 'svelte-floating-ui/dom';
 import ChangeInstanceUsernameInner from './ChangeInstanceUsernameInner.svelte';
+import { UserService } from '../gen';
+import { sendUserToast } from '../toast';
 export let value;
 export let email;
 export let username = undefined;
 export let automateUsernameCreation = false;
+export let login_type;
+let password = '';
 const dispatch = createEventDispatcher();
-function save() {
+function saveName() {
     dispatch('save', value);
 }
+async function savePassword() {
+    if (password.length < 5) {
+        sendUserToast('Password must be at least 5 characters long', true);
+        return;
+    }
+    await UserService.setPasswordForUser({ user: email, requestBody: { password } });
+    sendUserToast(`Password updated for ${email}`);
+}
+async function saveLoginType() {
+    await UserService.setLoginTypeForUser({ user: email, requestBody: { login_type } });
+    sendUserToast(`Login type updated for ${email}`);
+    dispatch('refresh');
+}
 </script>
 
 <Popup
@@ -30,7 +47,7 @@ function save() {
 			<ChangeInstanceUsernameInner {email} {username} on:renamed />
 		{/if}
 		<label class="block text-primary">
-			<div class="pb-1 text-xs text-secondary">Name</div>
+			<div class="pb-2 text-sm font-semibold text-primary">Name</div>
 			<div class="flex w-full">
 				<input
 					type="text"
@@ -40,7 +57,7 @@ function save() {
 					on:keydown|stopPropagation
 					on:keypress|stopPropagation={({ key }) => {
 						if (key === 'Enter') {
-							save()
+							saveName()
 							close(null)
 						}
 					}}
@@ -53,12 +70,78 @@ function save() {
 				btnClasses="mt-2 "
 				aria-label="Save ID"
 				on:click={() => {
-					save()
+					saveName()
 					close(null)
 				}}
 			>
 				Update name
 			</Button>
 		</label>
+		<label class="block text-primary">
+			<div class="pb-2 text-sm font-semibold text-primary">Password</div>
+			<div class="flex w-full">
+				<input
+					type="password"
+					bind:value={password}
+					class="!w-auto grow"
+					on:click|stopPropagation={() => {}}
+					on:keydown|stopPropagation
+					on:keypress|stopPropagation={({ key }) => {
+						if (key === 'Enter') {
+							savePassword()
+							close(null)
+						}
+					}}
+				/>
+			</div>
+			<Button
+				size="xs"
+				color="blue"
+				buttonType="button"
+				btnClasses="mt-2 "
+				aria-label="Save ID"
+				on:click={() => {
+					savePassword()
+					close(null)
+				}}
+			>
+				Update password
+			</Button>
+		</label>
+		<label class="block text-primary">
+			<div class="pb-2 text-sm font-semibold text-primary">Login type</div>
+			<div class="text-xs text-secondary mb-2">
+				Must match exact SSO name, "password" or "saml". Examples: password, google, saml, microsoft
+			</div>
+
+			<div class="flex w-full">
+				<input
+					type="text"
+					bind:value={login_type}
+					class="!w-auto grow"
+					on:click|stopPropagation={() => {}}
+					on:keydown|stopPropagation
+					on:keypress|stopPropagation={({ key }) => {
+						if (key === 'Enter') {
+							saveLoginType()
+							close(null)
+						}
+					}}
+				/>
+			</div>
+			<Button
+				size="xs"
+				color="blue"
+				buttonType="button"
+				btnClasses="mt-2 "
+				aria-label="Save login type"
+				on:click={() => {
+					saveLoginType()
+					close(null)
+				}}
+			>
+				Update login type
+			</Button>
+		</label>
 	</div>
 </Popup>

package/package/components/InstanceNameEditor.svelte.d.ts

@@ -5,11 +5,13 @@ declare const __propDef: {
         email: string;
         username?: string | undefined;
         automateUsernameCreation?: boolean | undefined;
+        login_type: string;
     };
     events: {
         renamed: CustomEvent<any>;
         keydown: KeyboardEvent;
         save: CustomEvent<any>;
+        refresh: CustomEvent<any>;
     } & {
         [evt: string]: CustomEvent<any>;
     };