mirror of
https://github.com/block-core/blockcore-notes.git
synced 2024-09-29 22:40:44 +00:00
Add some test data for spaces mockup rendering
This commit is contained in:
parent
aabf213ee7
commit
58aa5d342b
@ -26,57 +26,32 @@
|
||||
<mat-card-content>
|
||||
<h1 class="centered">Spaces</h1>
|
||||
<div class="spaces-container">
|
||||
<mat-card class="spaces-card card-background">
|
||||
<mat-card class="spaces-card card-background" *ngFor="let space of spacesService.spaces">
|
||||
<mat-card-header>
|
||||
<div mat-card-avatar class="spaces-header-image"></div>
|
||||
<mat-card-title>Shiba Inu</mat-card-title>
|
||||
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
|
||||
<!-- <div mat-card-avatar class="spaces-header-image"></div> -->
|
||||
|
||||
<img mat-card-avatar [src]="space.picture" onerror="this.src='/assets/profile.png'" />
|
||||
|
||||
<!-- <div class="icon icon-small">
|
||||
<a [routerLink]="['/p', space.npub]">
|
||||
<img onerror="this.src='/assets/profile.png'" class="profile-image profile-image-follow" [src]="space.picture" />
|
||||
<img loading="lazy" onerror="this.src='/assets/profile.png'" class="profile-image" />
|
||||
</a>
|
||||
</div> -->
|
||||
|
||||
<mat-card-title>{{ space.name }}</mat-card-title>
|
||||
<mat-card-subtitle>{{ space.title }}</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
|
||||
<img mat-card-image [src]="space.banner" />
|
||||
<mat-card-content>
|
||||
<p>
|
||||
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
|
||||
A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
|
||||
bred for hunting.
|
||||
</p>
|
||||
</mat-card-content>
|
||||
<mat-card-actions>
|
||||
<button mat-button>REMOVE</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
<mat-card class="spaces-card card-background">
|
||||
<mat-card-header>
|
||||
<div mat-card-avatar class="spaces-header-image"></div>
|
||||
<mat-card-title>Shiba Inu</mat-card-title>
|
||||
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
|
||||
<mat-card-content>
|
||||
<p>
|
||||
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
|
||||
A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
|
||||
bred for hunting.
|
||||
</p>
|
||||
</mat-card-content>
|
||||
<mat-card-actions>
|
||||
<button mat-button>REMOVE</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
<mat-card class="spaces-card card-background">
|
||||
<mat-card-header>
|
||||
<div mat-card-avatar class="spaces-header-image"></div>
|
||||
<mat-card-title>Shiba Inu</mat-card-title>
|
||||
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
|
||||
</mat-card-header>
|
||||
<img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
|
||||
<mat-card-content>
|
||||
<p>
|
||||
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
|
||||
A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
|
||||
bred for hunting.
|
||||
<strong>Space: {{space.comment}}</strong><br><br>
|
||||
Relays: {{ space.relayCount }}<br />
|
||||
Relay Sync <span *ngIf="space.relaySync">Enabled</span><span *ngIf="!space.relaySync">Disabled</span>
|
||||
</p>
|
||||
</mat-card-content>
|
||||
<mat-card-actions>
|
||||
<button mat-button>OPEN</button>
|
||||
<button mat-button>REMOVE</button>
|
||||
</mat-card-actions>
|
||||
</mat-card>
|
||||
@ -126,12 +101,13 @@
|
||||
<h1>Be humble and kind</h1>
|
||||
<p>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
|
||||
<p>💛🖤</p>
|
||||
<p class="centered" *ngIf="consent"><br>
|
||||
<p class="centered" *ngIf="consent">
|
||||
<br />
|
||||
<button mat-stroked-button (click)="consent=false; persist()">Withdraw consent</button>
|
||||
</p>
|
||||
</mat-card-content>
|
||||
</mat-card>
|
||||
<!--
|
||||
<!--
|
||||
<mat-card class="card warn">
|
||||
<mat-card-content>
|
||||
<h1 *ngIf="!consent">Your approval is needed</h1>
|
||||
|
@ -8,6 +8,7 @@ import { RelayService } from '../services/relay';
|
||||
import { ThemeService } from '../services/theme';
|
||||
import { Utilities } from '../services/utilities';
|
||||
import { ConsentDialog } from './consent-dialog/consent-dialog';
|
||||
import { SpacesService } from '../services/spaces';
|
||||
|
||||
@Component({
|
||||
selector: 'app-connect',
|
||||
@ -21,6 +22,7 @@ export class ConnectComponent {
|
||||
readOnlyLogin = false;
|
||||
|
||||
constructor(
|
||||
public spacesService: SpacesService,
|
||||
public theme: ThemeService,
|
||||
private appState: ApplicationState,
|
||||
private cd: ChangeDetectorRef,
|
||||
|
@ -14,7 +14,48 @@ export class SpacesService {
|
||||
if (spaces) {
|
||||
this.spaces = JSON.parse(spaces);
|
||||
} else {
|
||||
this.spaces = [];
|
||||
this.spaces = [
|
||||
{
|
||||
name: 'SondreB',
|
||||
title: 'sondreb.com',
|
||||
comment: 'Liberstad Membership Organization',
|
||||
npub: 'npub1zl3g38a6qypp6py2z07shggg45cu8qex992xpss7d8zrl28mu52s4cjajh',
|
||||
picture: 'https://nostr.build/i/nostr.build_11eaf429c0c74a9b7822072531e1c6d54a7e4c084b49d0aab776dbb13d81ef27.jpg',
|
||||
banner: 'https://nostr.build/i/nostr.build_74ee63e85287e5b3351d757724e57d53d17b9f029bfad7d77dcb913b325727bb.png',
|
||||
relayCount: 1,
|
||||
relaySync: false,
|
||||
},
|
||||
{
|
||||
name: 'SondreB',
|
||||
title: 'sondreb.com',
|
||||
comment: 'Public Space',
|
||||
npub: 'npub1zl3g38a6qypp6py2z07shggg45cu8qex992xpss7d8zrl28mu52s4cjajh',
|
||||
picture: 'https://nostr.build/i/nostr.build_11eaf429c0c74a9b7822072531e1c6d54a7e4c084b49d0aab776dbb13d81ef27.jpg',
|
||||
banner: 'https://nostr.build/i/nostr.build_74ee63e85287e5b3351d757724e57d53d17b9f029bfad7d77dcb913b325727bb.png',
|
||||
relayCount: 12,
|
||||
relaySync: true,
|
||||
},
|
||||
{
|
||||
name: 'Liberstad',
|
||||
title: 'liberstad.com',
|
||||
comment: 'Public Space',
|
||||
npub: 'npub1qutr6g66j7fpd4dyly9u2dwmkta8cywc9lucm4ze8p7xdtrlkhcsn2n9hn',
|
||||
picture: 'https://nostr.build/i/p/nostr.build_392926c2220b31a78708d11afeb92a9aa4731e19b233a130c34a81211c4bca3e.png',
|
||||
banner: 'https://nostr.build/i/nostr.build_955535ae6cc45caa1d8639e72dbdf69b0ade7c92d519877eeefaf1d586caad6e.jpg',
|
||||
relayCount: 10,
|
||||
relaySync: true,
|
||||
},
|
||||
{
|
||||
name: 'Liberstad',
|
||||
title: 'liberstad.com',
|
||||
comment: 'Liberstad Membership Organization',
|
||||
npub: 'npub1qutr6g66j7fpd4dyly9u2dwmkta8cywc9lucm4ze8p7xdtrlkhcsn2n9hn',
|
||||
picture: 'https://nostr.build/i/p/nostr.build_392926c2220b31a78708d11afeb92a9aa4731e19b233a130c34a81211c4bca3e.png',
|
||||
banner: 'https://nostr.build/i/nostr.build_955535ae6cc45caa1d8639e72dbdf69b0ade7c92d519877eeefaf1d586caad6e.jpg',
|
||||
relayCount: 1,
|
||||
relaySync: false,
|
||||
},
|
||||
];
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user