mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
search nostr plebs
This commit is contained in:
HolgerHatGarKeineNode
@@ -21,8 +21,10 @@ class PlebsOverview extends Component
|
|||||||
'paynym',
|
'paynym',
|
||||||
'lnbits',
|
'lnbits',
|
||||||
'nostr',
|
'nostr',
|
||||||
|
'id',
|
||||||
])
|
])
|
||||||
->whereNot('nostr')
|
->whereNot('nostr')
|
||||||
|
->orderByDesc('id')
|
||||||
->get()
|
->get()
|
||||||
->unique('nostr')
|
->unique('nostr')
|
||||||
->pluck('nostr')
|
->pluck('nostr')
|
||||||
|
|||||||
@@ -2,68 +2,191 @@
|
|||||||
{{-- HEADER --}}
|
{{-- HEADER --}}
|
||||||
<livewire:frontend.header :country="null"/>
|
<livewire:frontend.header :country="null"/>
|
||||||
|
|
||||||
<div class="bg-21gray py-24 sm:py-32">
|
<div class="bg-21gray py-24 sm:py-32"
|
||||||
<div class="mx-auto grid max-w-7xl gap-y-20 gap-x-8 px-6 lg:px-8 xl:grid-cols-3">
|
wire:ignore
|
||||||
|
x-data="{
|
||||||
|
plebsNpubs: @entangle('plebsNpubs'),
|
||||||
|
plebs: [],
|
||||||
|
ndk: null,
|
||||||
|
search: '',
|
||||||
|
ndkUser: null,
|
||||||
|
nip07signer: null,
|
||||||
|
currentUser: null,
|
||||||
|
npubToFollow: null,
|
||||||
|
currentFollows: null,
|
||||||
|
get searchResults () {
|
||||||
|
if (this.search === '') {
|
||||||
|
return this.plebs;
|
||||||
|
}
|
||||||
|
|
||||||
|
return this.plebs.filter(
|
||||||
|
i => i.profile && i.profile.name.toLocaleLowerCase().includes(this.search.toLocaleLowerCase())
|
||||||
|
);
|
||||||
|
},
|
||||||
|
async init() {
|
||||||
|
this.ndk = new window.NDK({
|
||||||
|
explicitRelayUrls: [
|
||||||
|
'wss://eden.nostr.land',
|
||||||
|
'wss://relay.snort.social',
|
||||||
|
'wss://nostr.wine',
|
||||||
|
'wss://nostr-pub.wellorder.net',
|
||||||
|
'wss://nos.lol',
|
||||||
|
'wss://offchain.pub',
|
||||||
|
'wss://nostr.fmt.wiz.biz',
|
||||||
|
'wss://nostr.einundzwanzig.space',
|
||||||
|
'wss://relay.nostr.band',
|
||||||
|
'wss://relay.damus.io',
|
||||||
|
'wss://eden.nostr.land',
|
||||||
|
'wss://nostr.codingarena.de',
|
||||||
|
'wss://relay.primal.net',
|
||||||
|
],
|
||||||
|
});
|
||||||
|
this.ndk.connect();
|
||||||
|
this.plebsNpubs.forEach(async npub => {
|
||||||
|
const ndkUser = this.ndk.getUser({
|
||||||
|
npub,
|
||||||
|
});
|
||||||
|
await ndkUser.fetchProfile();
|
||||||
|
if (ndkUser.profile.image) {
|
||||||
|
ndkUser.profile.npub = npub;
|
||||||
|
this.plebs.push(ndkUser);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
login () {
|
||||||
|
this.nip07signer = new window.NDKNip07Signer();
|
||||||
|
this.ndk = new window.NDK({
|
||||||
|
explicitRelayUrls: [
|
||||||
|
'wss://eden.nostr.land',
|
||||||
|
'wss://relay.snort.social',
|
||||||
|
'wss://nostr.wine',
|
||||||
|
'wss://nostr-pub.wellorder.net',
|
||||||
|
'wss://nos.lol',
|
||||||
|
'wss://offchain.pub',
|
||||||
|
'wss://nostr.fmt.wiz.biz',
|
||||||
|
'wss://nostr.einundzwanzig.space',
|
||||||
|
'wss://relay.nostr.band',
|
||||||
|
'wss://relay.damus.io',
|
||||||
|
'wss://eden.nostr.land',
|
||||||
|
'wss://nostr.codingarena.de',
|
||||||
|
'wss://relay.primal.net',
|
||||||
|
],
|
||||||
|
signer: this.nip07signer
|
||||||
|
});
|
||||||
|
this.ndk.connect();
|
||||||
|
this.nip07signer.user().then(async (user) => {
|
||||||
|
if (!!user.npub) {
|
||||||
|
this.currentUser = this.ndk.getUser({
|
||||||
|
npub: user.npub,
|
||||||
|
});
|
||||||
|
await this.currentUser.fetchProfile();
|
||||||
|
//this.currentFollows = await this.currentUser.follows();
|
||||||
|
//this.plebs.forEach(pleb => {
|
||||||
|
// console.log(this.currentFollows);
|
||||||
|
// console.log(this.currentFollows.has(pleb));
|
||||||
|
//});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
async follow(npubToFollow) {
|
||||||
|
this.followUser = this.ndk.getUser({
|
||||||
|
npub: npubToFollow,
|
||||||
|
});
|
||||||
|
console.log(this.followUser);
|
||||||
|
const follow = await this.currentUser.follow(this.followUser);
|
||||||
|
console.log(follow);
|
||||||
|
if(follow) {
|
||||||
|
window.$wireui.notify({title:'{{ __('Followed!') }}',icon:'success'});
|
||||||
|
} else {
|
||||||
|
window.$wireui.notify({title:'{{ __('Follow failed!') }}',icon:'error'});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
}"
|
||||||
|
>
|
||||||
|
<div class="mx-auto grid max-w-7xl gap-y-20 gap-x-8 px-6 lg:px-8 xl:grid-cols-2">
|
||||||
<div class="max-w-2xl">
|
<div class="max-w-2xl">
|
||||||
<h2 class="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">{{ __('Follow Einundzwanzig plebs') }}</h2>
|
<h2 class="text-3xl font-bold tracking-tight text-gray-200 sm:text-4xl">{{ __('Follow Einundzwanzig plebs') }}</h2>
|
||||||
<p class="mt-6 text-lg leading-8 text-gray-300">
|
<p class="mt-6 text-lg leading-8 text-gray-300">
|
||||||
{{ __('Eine Übersicht aller Einundzwanzig Plebs, die ihren npub geteilt haben.') }}
|
{{ __('An overview of all Einundzwanzig plebs who have shared their npub.') }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
@auth
|
||||||
<ul
|
<p class="mt-6 text-lg leading-8 text-gray-300">
|
||||||
wire:ignore
|
{{ __('Go to your profile and add your Nostr-npub. After that you can also log in with Nostr here on the portal.') }}
|
||||||
x-data="{
|
<br>
|
||||||
plebsNpubs: @entangle('plebsNpubs'),
|
<a class="text-amber-500" href="{{ route('profile.show') }}">{{ __('Profile') }}</a>
|
||||||
plebs: [],
|
</p>
|
||||||
ndk: null,
|
@endauth
|
||||||
ndkUser: null,
|
{{--<p class="mt-8">
|
||||||
nip07signer: null,
|
<x-button x-show="!currentUser" primary label="{{ __('NIP-07 Login') }}" icon="login"
|
||||||
async init() {
|
@click="login()"/>
|
||||||
this.ndk = new window.NDK({
|
</p>--}}
|
||||||
explicitRelayUrls: ['wss://nos.lol', 'wss://eden.nostr.land', 'wss://relay.damus.io', 'wss://nostr.einundzwanzig.space'],
|
<h3 x-show="currentUser && currentUser.profile" class="py-4 text-gray-100 text-2xl">
|
||||||
});
|
{{ __('Logged into Nostr as:') }}
|
||||||
this.ndk.connect();
|
</h3>
|
||||||
this.plebsNpubs.forEach(async npub => {
|
<div
|
||||||
const ndkUser = this.ndk.getUser({
|
x-show="currentUser && currentUser.profile"
|
||||||
npub,
|
class="block flex-shrink-0 mt-8">
|
||||||
});
|
<div class="flex items-center">
|
||||||
await ndkUser.fetchProfile();
|
<div>
|
||||||
if (ndkUser.profile.image) {
|
<img class="inline-block h-9 w-9 rounded-full"
|
||||||
ndkUser.profile.npub = npub;
|
:src="currentUser.profile.image"
|
||||||
this.plebs.push(ndkUser.profile);
|
:alt="currentUser.profile.image"
|
||||||
console.log(ndkUser.profile);
|
>
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
}"
|
|
||||||
role="list" class="grid gap-x-8 gap-y-12 sm:grid-cols-2 sm:gap-y-16 xl:col-span-2">
|
|
||||||
|
|
||||||
<template x-for="pleb in plebs">
|
|
||||||
<li class="text-white cursor-pointer"
|
|
||||||
x-data="{
|
|
||||||
textToCopy: pleb.npub,
|
|
||||||
}"
|
|
||||||
@click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('NPUB copied!') }}',icon:'success'});"
|
|
||||||
>
|
|
||||||
<div class="flex items-center gap-x-6">
|
|
||||||
<img class="h-16 w-16 rounded-full"
|
|
||||||
:src="pleb.image"
|
|
||||||
:alt="pleb.name">
|
|
||||||
<div>
|
|
||||||
<h3
|
|
||||||
x-text="pleb.name"
|
|
||||||
class="text-base font-semibold leading-7 tracking-tight text-gray-200">
|
|
||||||
</h3>
|
|
||||||
<p
|
|
||||||
x-text="pleb.nip05"
|
|
||||||
class="text-sm font-semibold leading-6 text-amber-600">
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</li>
|
<div class="ml-3">
|
||||||
</template>
|
<p class="text-sm font-medium text-gray-100" x-text="currentUser.profile.name"></p>
|
||||||
|
<p class="text-xs font-medium text-gray-200" x-text="currentUser.profile.nip05"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</ul>
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<div class="py-4">
|
||||||
|
<x-input x-ref="searchInput" x-model="search" placeholder="{{ __('Search') }}"/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul role="list" class="divide-y divide-gray-100">
|
||||||
|
|
||||||
|
<template x-for="pleb in searchResults">
|
||||||
|
<li class="flex items-center justify-between gap-x-6 py-5">
|
||||||
|
<div class="flex min-w-0 gap-x-4">
|
||||||
|
<img class="h-12 w-12 flex-none rounded-full bg-gray-50"
|
||||||
|
:src="pleb.profile.image"
|
||||||
|
:alt="pleb.profile.name"
|
||||||
|
>
|
||||||
|
<div class="min-w-0 flex-auto">
|
||||||
|
<p class="text-sm font-semibold leading-6 text-gray-100" x-text="pleb.profile.name"></p>
|
||||||
|
<p class="mt-1 truncate text-xs leading-5 text-gray-200"
|
||||||
|
x-text="pleb.profile.nip05"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="flex flex-col space-y-2">
|
||||||
|
<div>
|
||||||
|
<div
|
||||||
|
x-data="{
|
||||||
|
textToCopy: pleb.profile.npub,
|
||||||
|
}"
|
||||||
|
@click.prevent="window.navigator.clipboard.writeText(textToCopy);window.$wireui.notify({title:'{{ __('NPUB copied!') }}',icon:'success'});"
|
||||||
|
class="cursor-pointer whitespace-no-wrap rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
|
||||||
|
Copy
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{--<div>
|
||||||
|
<div
|
||||||
|
x-show="currentUser"
|
||||||
|
@click.prevent="follow(pleb.profile.npub)"
|
||||||
|
class="cursor-pointer whitespace-no-wrap rounded-full bg-white px-2.5 py-1 text-xs font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50">
|
||||||
|
Follow
|
||||||
|
</div>
|
||||||
|
</div>--}}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user