mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-14 12:06:46 +00:00
✨ Add wnjParams configuration for Nostr widget initialization across layouts and login page.
This commit is contained in:
HolgerHatGarKeineNode
@@ -154,7 +154,24 @@
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<script>
|
||||||
|
window.wnjParams = {
|
||||||
|
position: 'bottom',
|
||||||
|
// The only accepted value is 'bottom', default is top
|
||||||
|
accent: 'orange',
|
||||||
|
// Supported values: cyan (default), green, purple, red, orange, neutral, stone
|
||||||
|
startHidden: false,
|
||||||
|
// If the host page has a button that call `getPublicKey` to start a
|
||||||
|
// login procedure, the minimized widget can be hidden until connected
|
||||||
|
compactMode: false,
|
||||||
|
// Show the minimized widget in a compact form
|
||||||
|
disableOverflowFix: false,
|
||||||
|
// If the host page on mobile has an horizontal scrolling, the floating
|
||||||
|
// element/modal are pushed to the extreme right/bottom and exit the
|
||||||
|
// viewport. A style is injected in the html/body elements fix this.
|
||||||
|
// This option permit to disable this default behavior
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -225,7 +225,24 @@
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<script>
|
||||||
|
window.wnjParams = {
|
||||||
|
position: 'bottom',
|
||||||
|
// The only accepted value is 'bottom', default is top
|
||||||
|
accent: 'orange',
|
||||||
|
// Supported values: cyan (default), green, purple, red, orange, neutral, stone
|
||||||
|
startHidden: false,
|
||||||
|
// If the host page has a button that call `getPublicKey` to start a
|
||||||
|
// login procedure, the minimized widget can be hidden until connected
|
||||||
|
compactMode: false,
|
||||||
|
// Show the minimized widget in a compact form
|
||||||
|
disableOverflowFix: false,
|
||||||
|
// If the host page on mobile has an horizontal scrolling, the floating
|
||||||
|
// element/modal are pushed to the extreme right/bottom and exit the
|
||||||
|
// viewport. A style is injected in the html/body elements fix this.
|
||||||
|
// This option permit to disable this default behavior
|
||||||
|
}
|
||||||
|
</script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -31,5 +31,24 @@
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<script>
|
||||||
|
window.wnjParams = {
|
||||||
|
position: 'bottom',
|
||||||
|
// The only accepted value is 'bottom', default is top
|
||||||
|
accent: 'orange',
|
||||||
|
// Supported values: cyan (default), green, purple, red, orange, neutral, stone
|
||||||
|
startHidden: false,
|
||||||
|
// If the host page has a button that call `getPublicKey` to start a
|
||||||
|
// login procedure, the minimized widget can be hidden until connected
|
||||||
|
compactMode: false,
|
||||||
|
// Show the minimized widget in a compact form
|
||||||
|
disableOverflowFix: false,
|
||||||
|
// If the host page on mobile has an horizontal scrolling, the floating
|
||||||
|
// element/modal are pushed to the extreme right/bottom and exit the
|
||||||
|
// viewport. A style is injected in the html/body elements fix this.
|
||||||
|
// This option permit to disable this default behavior
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/window.nostr.js/dist/window.nostr.min.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@@ -148,80 +148,14 @@ class extends Component {
|
|||||||
<!-- Welcome Heading -->
|
<!-- Welcome Heading -->
|
||||||
<flux:heading class="text-center" size="xl">{{ __('Willkommen zurück') }}</flux:heading>
|
<flux:heading class="text-center" size="xl">{{ __('Willkommen zurück') }}</flux:heading>
|
||||||
|
|
||||||
<!-- OAuth Buttons -->
|
|
||||||
{{--<div class="space-y-4">
|
|
||||||
<flux:button class="w-full">
|
|
||||||
<x-slot name="icon">
|
|
||||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path d="M23.06 12.25C23.06 11.47 22.99 10.72 22.86 10H12.5V14.26H18.42C18.16 15.63 17.38 16.79 16.21 17.57V20.34H19.78C21.86 18.42 23.06 15.6 23.06 12.25Z" fill="#4285F4"/>
|
|
||||||
<path d="M12.4997 23C15.4697 23 17.9597 22.02 19.7797 20.34L16.2097 17.57C15.2297 18.23 13.9797 18.63 12.4997 18.63C9.63969 18.63 7.20969 16.7 6.33969 14.1H2.67969V16.94C4.48969 20.53 8.19969 23 12.4997 23Z" fill="#34A853"/>
|
|
||||||
<path d="M6.34 14.0899C6.12 13.4299 5.99 12.7299 5.99 11.9999C5.99 11.2699 6.12 10.5699 6.34 9.90995V7.06995H2.68C1.93 8.54995 1.5 10.2199 1.5 11.9999C1.5 13.7799 1.93 15.4499 2.68 16.9299L5.53 14.7099L6.34 14.0899Z" fill="#FBBC05"/>
|
|
||||||
<path d="M12.4997 5.38C14.1197 5.38 15.5597 5.94 16.7097 7.02L19.8597 3.87C17.9497 2.09 15.4697 1 12.4997 1C8.19969 1 4.48969 3.47 2.67969 7.07L6.33969 9.91C7.20969 7.31 9.63969 5.38 12.4997 5.38Z" fill="#EA4335"/>
|
|
||||||
</svg>
|
|
||||||
</x-slot>
|
|
||||||
Continue with Google
|
|
||||||
</flux:button>
|
|
||||||
|
|
||||||
<flux:button class="w-full">
|
|
||||||
<x-slot name="icon">
|
|
||||||
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<g clip-path="url(#clip0_614_12799)">
|
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.4642 0C5.84833 0 0.5 5.5 0.5 12.3043C0.5 17.7433 3.92686 22.3473 8.68082 23.9768C9.27518 24.0993 9.4929 23.712 9.4929 23.3863C9.4929 23.101 9.47331 22.1233 9.47331 21.1045C6.14514 21.838 5.45208 19.6378 5.45208 19.6378C4.91723 18.2118 4.12474 17.8453 4.12474 17.8453C3.03543 17.0915 4.20408 17.0915 4.20408 17.0915C5.41241 17.173 6.04645 18.3545 6.04645 18.3545C7.11592 20.2285 8.83927 19.699 9.53257 19.373C9.63151 18.5785 9.94865 18.0285 10.2854 17.723C7.63094 17.4378 4.83812 16.3785 4.83812 11.6523C4.83812 10.3078 5.31323 9.20775 6.06604 8.35225C5.94727 8.04675 5.53118 6.7835 6.18506 5.09275C6.18506 5.09275 7.19527 4.76675 9.47306 6.35575C10.4483 6.08642 11.454 5.9494 12.4642 5.94825C13.4745 5.94825 14.5042 6.091 15.4552 6.35575C17.7332 4.76675 18.7434 5.09275 18.7434 5.09275C19.3973 6.7835 18.981 8.04675 18.8622 8.35225C19.6349 9.20775 20.0904 10.3078 20.0904 11.6523C20.0904 16.3785 17.2976 17.4173 14.6233 17.723C15.0592 18.11 15.4353 18.8433 15.4353 20.0045C15.4353 21.6545 15.4158 22.9788 15.4158 23.386C15.4158 23.712 15.6337 24.0993 16.2278 23.977C20.9818 22.347 24.4087 17.7433 24.4087 12.3043C24.4282 5.5 19.0603 0 12.4642 0Z" fill="currentColor"/>
|
|
||||||
</g>
|
|
||||||
<defs>
|
|
||||||
<clipPath id="clip0_614_12799">
|
|
||||||
<rect width="24" height="24" fill="white" transform="translate(0.5)"/>
|
|
||||||
</clipPath>
|
|
||||||
</defs>
|
|
||||||
</svg>
|
|
||||||
</x-slot>
|
|
||||||
Continue with GitHub
|
|
||||||
</flux:button>
|
|
||||||
</div>--}}
|
|
||||||
|
|
||||||
<!-- Separator -->
|
|
||||||
{{--<flux:separator text="or" />--}}
|
|
||||||
|
|
||||||
<!-- Session Status -->
|
<!-- Session Status -->
|
||||||
<x-auth-session-status class="text-center" :status="session('status')"/>
|
<x-auth-session-status class="text-center" :status="session('status')"/>
|
||||||
|
|
||||||
<!-- Login Form -->
|
<!-- Login Form -->
|
||||||
<div class="flex flex-col gap-6">
|
<div class="flex flex-col gap-6">
|
||||||
<!-- Email Input -->
|
|
||||||
{{--<flux:input
|
|
||||||
wire:model="email"
|
|
||||||
label="Email"
|
|
||||||
type="email"
|
|
||||||
placeholder="email@example.com"
|
|
||||||
required
|
|
||||||
autofocus
|
|
||||||
autocomplete="email"
|
|
||||||
/>--}}
|
|
||||||
|
|
||||||
<!-- Password Input -->
|
|
||||||
{{--<flux:field>
|
|
||||||
<div class="mb-3 flex justify-between">
|
|
||||||
<flux:label>Password</flux:label>
|
|
||||||
@if (Route::has('password.request'))
|
|
||||||
<flux:link href="{{ route('password.request') }}" variant="subtle" class="text-sm" wire:navigate>
|
|
||||||
Forgot password?
|
|
||||||
</flux:link>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
<flux:input
|
|
||||||
wire:model="password"
|
|
||||||
type="password"
|
|
||||||
placeholder="Your password"
|
|
||||||
required
|
|
||||||
autocomplete="current-password"
|
|
||||||
/>
|
|
||||||
</flux:field>--}}
|
|
||||||
|
|
||||||
<!-- Remember Me -->
|
|
||||||
{{--<flux:checkbox wire:model="remember" label="Remember me for 30 days" />--}}
|
|
||||||
|
|
||||||
<!-- Submit Button -->
|
<!-- Submit Button -->
|
||||||
<flux:button variant="primary" @click="openNostrLogin"
|
<flux:button variant="primary" @click="openNostrLogin" icon="cursor-arrow-ripple"
|
||||||
class="w-full cursor-pointer">{{ __('Log in mit Nostr') }}</flux:button>
|
class="w-full cursor-pointer">{{ __('Log in mit Nostr') }}</flux:button>
|
||||||
|
|
||||||
<div class="text-center text-2xl text-gray-80 dark:text-gray-2000 mt-6">
|
<div class="text-center text-2xl text-gray-80 dark:text-gray-2000 mt-6">
|
||||||
|
|||||||
Reference in New Issue
Block a user