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,61 +26,36 @@
|
|||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<h1 class="centered">Spaces</h1>
|
<h1 class="centered">Spaces</h1>
|
||||||
<div class="spaces-container">
|
<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>
|
<mat-card-header>
|
||||||
<div mat-card-avatar class="spaces-header-image"></div>
|
<!-- <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>
|
<img mat-card-avatar [src]="space.picture" onerror="this.src='/assets/profile.png'" />
|
||||||
</mat-card-header>
|
|
||||||
<img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
|
<!-- <div class="icon icon-small">
|
||||||
<mat-card-content>
|
<a [routerLink]="['/p', space.npub]">
|
||||||
<p>
|
<img onerror="this.src='/assets/profile.png'" class="profile-image profile-image-follow" [src]="space.picture" />
|
||||||
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
|
<img loading="lazy" onerror="this.src='/assets/profile.png'" class="profile-image" />
|
||||||
A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
|
</a>
|
||||||
bred for hunting.
|
</div> -->
|
||||||
</p>
|
|
||||||
</mat-card-content>
|
<mat-card-title>{{ space.name }}</mat-card-title>
|
||||||
<mat-card-actions>
|
<mat-card-subtitle>{{ space.title }}</mat-card-subtitle>
|
||||||
<button mat-button>REMOVE</button>
|
</mat-card-header>
|
||||||
</mat-card-actions>
|
<img mat-card-image [src]="space.banner" />
|
||||||
</mat-card>
|
<mat-card-content>
|
||||||
<mat-card class="spaces-card card-background">
|
<p>
|
||||||
<mat-card-header>
|
<strong>Space: {{space.comment}}</strong><br><br>
|
||||||
<div mat-card-avatar class="spaces-header-image"></div>
|
Relays: {{ space.relayCount }}<br />
|
||||||
<mat-card-title>Shiba Inu</mat-card-title>
|
Relay Sync <span *ngIf="space.relaySync">Enabled</span><span *ngIf="!space.relaySync">Disabled</span>
|
||||||
<mat-card-subtitle>Dog Breed</mat-card-subtitle>
|
</p>
|
||||||
</mat-card-header>
|
</mat-card-content>
|
||||||
<img mat-card-image src="https://material.angular.io/assets/img/examples/shiba2.jpg" alt="Photo of a Shiba Inu">
|
<mat-card-actions>
|
||||||
<mat-card-content>
|
<button mat-button>OPEN</button>
|
||||||
<p>
|
<button mat-button>REMOVE</button>
|
||||||
The Shiba Inu is the smallest of the six original and distinct spitz breeds of dog from Japan.
|
</mat-card-actions>
|
||||||
A small, agile dog that copes very well with mountainous terrain, the Shiba Inu was originally
|
</mat-card>
|
||||||
bred for hunting.
|
</div>
|
||||||
</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>
|
|
||||||
</div>
|
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
<mat-card class="card first-card">
|
<mat-card class="card first-card">
|
||||||
@ -126,12 +101,13 @@
|
|||||||
<h1>Be humble and kind</h1>
|
<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>Being uncensorable and uncancellable means more responsibility is on you, you are in control and you are responsible.</p>
|
||||||
<p>💛🖤</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>
|
<button mat-stroked-button (click)="consent=false; persist()">Withdraw consent</button>
|
||||||
</p>
|
</p>
|
||||||
</mat-card-content>
|
</mat-card-content>
|
||||||
</mat-card>
|
</mat-card>
|
||||||
<!--
|
<!--
|
||||||
<mat-card class="card warn">
|
<mat-card class="card warn">
|
||||||
<mat-card-content>
|
<mat-card-content>
|
||||||
<h1 *ngIf="!consent">Your approval is needed</h1>
|
<h1 *ngIf="!consent">Your approval is needed</h1>
|
||||||
|
@ -8,6 +8,7 @@ import { RelayService } from '../services/relay';
|
|||||||
import { ThemeService } from '../services/theme';
|
import { ThemeService } from '../services/theme';
|
||||||
import { Utilities } from '../services/utilities';
|
import { Utilities } from '../services/utilities';
|
||||||
import { ConsentDialog } from './consent-dialog/consent-dialog';
|
import { ConsentDialog } from './consent-dialog/consent-dialog';
|
||||||
|
import { SpacesService } from '../services/spaces';
|
||||||
|
|
||||||
@Component({
|
@Component({
|
||||||
selector: 'app-connect',
|
selector: 'app-connect',
|
||||||
@ -21,6 +22,7 @@ export class ConnectComponent {
|
|||||||
readOnlyLogin = false;
|
readOnlyLogin = false;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
|
public spacesService: SpacesService,
|
||||||
public theme: ThemeService,
|
public theme: ThemeService,
|
||||||
private appState: ApplicationState,
|
private appState: ApplicationState,
|
||||||
private cd: ChangeDetectorRef,
|
private cd: ChangeDetectorRef,
|
||||||
|
@ -14,7 +14,48 @@ export class SpacesService {
|
|||||||
if (spaces) {
|
if (spaces) {
|
||||||
this.spaces = JSON.parse(spaces);
|
this.spaces = JSON.parse(spaces);
|
||||||
} else {
|
} 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