Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-01 19:16:52 +01:00
Code Issues Releases Wiki Activity

name fix

Browse Source
This commit is contained in:
Nicolas Constant 2019-07-06 20:56:19 -04:00
parent 18afb5e538
commit 568b6014c1
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/components/floating-column/add-new-account/add-new-account.component.html
View File

@ -1,16 +1,16 @@
<div class="panel" [class.comrad__background]="isComrad"> <div class="panel" [class.comrade__background]="isComrade">
<h3 class="panel__title" [class.comrad__text]="isComrad">Add new account</h3> <h3 class="panel__title" [class.comrade__text]="isComrade">Add new account</h3>
<h2 class="comrad__title" *ngIf="isComrad">Welcome Comrad!</h2> <h2 class="comrade__title" *ngIf="isComrade">Welcome Comrade!</h2>
<form (ngSubmit)="onSubmit()"> <form (ngSubmit)="onSubmit()">
<label [class.comrad__text]="isComrad">Please provide your <span *ngIf="isComrad">comrad</span> account:</label> <label [class.comrade__text]="isComrade">Please provide your <span *ngIf="isComrade">comrade</span> account:</label>
<input type="text" class="form-control form-control-sm form-color" [(ngModel)]="mastodonFullHandle" name="mastodonFullHandle" [class.comrad__input]="isComrad" <input type="text" class="form-control form-control-sm form-color" [(ngModel)]="mastodonFullHandle" name="mastodonFullHandle" [class.comrade__input]="isComrade"
placeholder="@nickname@mastodon.social" /> placeholder="@nickname@mastodon.social" />
<br /> <br />
<button type="submit" class="btn btn-success btn-sm" [class.comrad__button]="isComrad">Submit</button> <button type="submit" class="btn btn-success btn-sm" [class.comrade__button]="isComrade">Submit</button>
</form> </form>
<div *ngIf="isComrad" class="comrad__video"> <div *ngIf="isComrade" class="comrade__video">
<iframe width="300" height="170" src="https://www.youtube.com/embed/NzBjnoRG7Mo?feature=oembed&autoplay=1&auto_play=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> <iframe width="300" height="170" src="https://www.youtube.com/embed/NzBjnoRG7Mo?feature=oembed&autoplay=1&auto_play=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

26
src/app/components/floating-column/add-new-account/add-new-account.component.scss
View File

@ -18,44 +18,42 @@
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
} }
$comrad_yellow: #ffcc00; $comrade_yellow: #ffcc00;
$comrad_red: #a50000; $comrade_red: #a50000;
.comrad { .comrade {
&__title { &__title {
font-size: 18px; font-size: 18px;
margin-left: 5px; margin-left: 5px;
color: $comrad_yellow; color: $comrade_yellow;
font-weight: bold; font-weight: bold;
} }
&__text { &__text {
color: $comrad_yellow; color: $comrade_yellow;
} }
&__button { &__button {
background: $comrad_yellow; background: $comrade_yellow;
border-color: $comrad_yellow; border-color: $comrade_yellow;
color: $comrad_red; color: $comrade_red;
} }
&__video { &__video {
width: 300px; width: 300px;
// height: 200px;
padding-top: 20px; padding-top: 20px;
margin: auto; margin: auto;
// outline: 1px solid greenyellow;
} }
&__input { &__input {
color: $comrad_red; color: $comrade_red;
border-color: $comrad_yellow; border-color: $comrade_yellow;
background: $comrad_yellow; background: $comrade_yellow;
} }
&__background { &__background {
transition: all 3s; transition: all 3s;
background-image: url("assets/img/juche-background.jpg"); background-image: url("assets/img/juche-background.jpg");
background-color: $comrad_red; background-color: $comrade_red;
background-position: 0 0; background-position: 0 0;
} }
} }

6
src/app/components/floating-column/add-new-account/add-new-account.component.ts
View File

@ -18,7 +18,7 @@ export class AddNewAccountComponent implements OnInit {
private username: string; private username: string;
private instance: string; private instance: string;
isComrad: boolean; isComrade: boolean;
private _mastodonFullHandle: string; private _mastodonFullHandle: string;
@Input() @Input()
@ -47,13 +47,13 @@ export class AddNewAccountComponent implements OnInit {
let cleanInstance = this.instance.replace('http://', '').replace('https://', '').toLowerCase(); let cleanInstance = this.instance.replace('http://', '').replace('https://', '').toLowerCase();
for (let b of this.comradList) { for (let b of this.comradList) {
if (cleanInstance == b || cleanInstance.includes(`.${b}`)) { if (cleanInstance == b || cleanInstance.includes(`.${b}`)) {
this.isComrad = true; this.isComrade = true;
return; return;
} }
} }
} }
this.isComrad = false; this.isComrade = false;
} }
onSubmit(): boolean { onSubmit(): boolean {