Setting to hide images in timeline resolves #75

This commit is contained in:
Morgan McMillian 2018-11-11 07:54:18 -08:00
parent 198b804f2e
commit 77db17acd4
4 changed files with 36 additions and 1 deletions

View file

@ -40,5 +40,13 @@
<ion-toggle [(ngModel)]="set_cc" (ionChange)="updateCc()"></ion-toggle> <ion-toggle [(ngModel)]="set_cc" (ionChange)="updateCc()"></ion-toggle>
</ion-item> </ion-item>
<ion-item>
<ion-label>
<h2>Hide images</h2>
<p>Hide images in posts</p>
</ion-label>
<ion-toggle [(ngModel)]="set_hideimg" (ionChange)="updateHideImg()"></ion-toggle>
</ion-item>
</ion-list> </ion-list>
</ion-content> </ion-content>

View file

@ -18,6 +18,7 @@ export class SettingsPage {
private set_unified: boolean; private set_unified: boolean;
private set_cc: boolean; private set_cc: boolean;
private set_default: string; private set_default: string;
private set_hideimg: boolean;
constructor(public navCtrl: NavController, private storage: Storage, public navParams: NavParams, constructor(public navCtrl: NavController, private storage: Storage, public navParams: NavParams,
public events: Events) { public events: Events) {
@ -41,6 +42,12 @@ export class SettingsPage {
}).catch(err => { }).catch(err => {
console.log('ERROR: ' + err); console.log('ERROR: ' + err);
}); });
this.storage.get('hideimg').then((val) => {
this.set_hideimg = val;
}).catch(err => {
console.log('ERROR: ' + err);
});
} }
ionViewDidLeave() { ionViewDidLeave() {
@ -59,4 +66,8 @@ export class SettingsPage {
this.storage.set('timeline', this.set_default); this.storage.set('timeline', this.set_default);
} }
updateHideImg() {
this.storage.set('hideimg', this.set_hideimg);
}
} }

View file

@ -54,7 +54,18 @@
<div *ngIf="post.raw"> <div *ngIf="post.raw">
<div *ngFor="let r of post.raw"> <div *ngFor="let r of post.raw">
<div *ngIf="r.type == 'io.pnut.core.oembed'"> <div *ngIf="r.type == 'io.pnut.core.oembed'">
<ion-item><img src="{{ r.value.thumbnail_url || r.value.url }}" (click)="showImage(r.value.url)"></ion-item> <ion-item>
<div *ngIf="hideImg; then imgbtn else thumbnail"></div>
<ng-template #imgbtn >
<button ion-button icon-start (click)="showImage(r.value.url)">
<ion-icon name="image"></ion-icon>
{{ r.value.title }}
</button>
</ng-template>
<ng-template #thumbnail >
<img src="{{ r.value.thumbnail_url || r.value.url }}" (click)="showImage(r.value.url)">
</ng-template>
</ion-item>
</div> </div>
</div> </div>
</div> </div>

View file

@ -33,6 +33,7 @@ export class StreamPage {
showScrollBtn: boolean = false; showScrollBtn: boolean = false;
showUnified: boolean; showUnified: boolean;
ccOnReply: boolean = false; ccOnReply: boolean = false;
hideImg: boolean = false;
constructor(public navCtrl: NavController, public navParams: NavParams, public modalCtrl: ModalController, constructor(public navCtrl: NavController, public navParams: NavParams, public modalCtrl: ModalController,
private changeDetectorRef: ChangeDetectorRef, public toastCtrl: ToastController, private storage: Storage, private changeDetectorRef: ChangeDetectorRef, public toastCtrl: ToastController, private storage: Storage,
@ -43,6 +44,10 @@ export class StreamPage {
this.ccOnReply = val; this.ccOnReply = val;
}); });
this.storage.get('hideimg').then((val) => {
this.hideImg = val;
});
this.storage.get('unified').then((val) => { this.storage.get('unified').then((val) => {
this.showUnified = val; this.showUnified = val;