stuff-detail.ts

import {Component, ElementRef, Renderer2, ViewChild} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {TabsService} from "../../tabs/tabs.service";
import {Storage} from "@ionic/storage";
import {CommonService} from "../../../provide/common.service";
import {DomSanitizer} from "@angular/platform-browser";
import {AppGlobal} from "../../../service/http.service";

@IonicPage()
@Component({
    selector: 'page-stuff-detail',
    templateUrl: 'stuff-detail.html',
})
export class StuffDetailPage {
    @ViewChild('like') like: ElementRef;
    @ViewChild('collection') collection: ElementRef;

    stuffId;   //文章id
    content: string;   //评论内容
    userId;  //用户id
    username;   //用户姓名
    stuffObj;   //文章对象

    //点赞，评价，收藏对象；
    countObj;

    footerView: boolean;
    comment: boolean = false;

    url = AppGlobal.domain + '/wisdomgroup';

    attachments;   //附件

    constructor(public navCtrl: NavController, public navParams: NavParams, public sanitizer: DomSanitizer,
                public renderer: Renderer2,
                public tabSer: TabsService, public storage: Storage, public commonSer: CommonService) {
    }

    ionViewDidLoad() {
        this.storage.get('userLoginInfo').then((value) => {
            this.userId = value.userid;
            this.username = value.loginName;
            this.lookHandle();
        })
        this.stuffId = this.navParams.get('id');
        this.getStuff();
        setTimeout(() => {
            this.footerView = true;
        }, 300)
        //增加浏览量
    }

    //获取文章信息
    getStuff() {
        this.tabSer.stuffInfo(this.stuffId).subscribe(
            (res) => {
                this.stuffObj = res.data;
                this.countObj = res.data;   //防止点赞，评论，收藏之后页面刷新
                this.attachments = res.data.attachments;
                let con = this.stuffObj.content.replace(/\r?\n/g, "<br />");
                this.stuffObj.content = this.sanitizer.bypassSecurityTrustHtml(con);
            }
        )
    }

    ionViewWillLeave() {
        this.footerView = false;
    }

    //更新浏览 点赞 收藏 评论
    //根据类型，修改数量(1浏览,2点赞,3收藏,4评论)
    //浏览
    lookHandle() {
        const data = {
            id: this.stuffId,
            type: 1,
            num: 1,
            userid: this.userId,
            content: this.content,
        }
        this.tabSer.updateNumByType(data).subscribe(
            (res) => {
                if (res.errcode == '1000') {
                    this.commonSer.log('浏览数 +1')
                }
            }
        )
    }

    //点赞
    likeHandle() {
        let num = this.countObj.like == true ? '-1' : 1;
        const data = {
            id: this.stuffId,
            type: 2,
            num: ~~num,
            userid: this.userId,
            content: this.content,
        }

        this.tabSer.updateNumByType(data).subscribe(
            (res) => {
                if (res.errcode == '1000') {
                    this.tabSer.stuffInfo(this.stuffId).subscribe(
                        (res) => {
                            if (num == 1) {
                                this.commonSer.toastTime('谢谢点赞','1000');
                                this.renderer.addClass(this.like.nativeElement, 'animation');
                            }
                            if (num == -1){
                                this.commonSer.toastTime('点赞已取消','1000');
                                this.renderer.removeClass(this.like.nativeElement, 'animation');
                            }
                            this.countObj = res.data;   //防止点赞，评论，收藏之后文章信息刷新刷新
                        }
                    )
                }
            }
        )
    }

    //收藏
    collectionHandle() {
        let num = this.countObj.collection == true ? '-1' : 1;
        const data = {
            id: this.stuffId,
            type: 3,
            num: ~~num,
            userid: this.userId,
            content: this.content,
        };
        this.tabSer.updateNumByType(data).subscribe(
            (res) => {
                if (res.errcode == '1000') {
                    this.tabSer.stuffInfo(this.stuffId).subscribe(
                        (res) => {
                            if (num == 1) {
                                this.renderer.addClass(this.collection.nativeElement, 'animation');
                                this.commonSer.toastTime('功崇惟志，业广惟勤', '1000')
                            }
                            if (num == -1) {
                                this.renderer.removeClass(this.collection.nativeElement, 'animation');
                                this.commonSer.toastTime('收藏已取消', '1000')
                            }
                            this.countObj = res.data;   //防止点赞，评论，收藏之后文章信息刷新刷新
                        }
                    )
                }
            }
        )
    }

    //确定发布
    sure() {
        const data = {
            userid: this.userId,
            content: this.content,
            id: this.stuffId,
            num: 1,
            type: 4,
            username: this.username
        }
        this.tabSer.updateNumByType(data).subscribe(
            (res) => {
                if (res.errcode == '1000') {
                    this.getStuff();
                    this.comment = false;
                    this.commonSer.toast('发布成功');
                }
            }
        )
    }

    //取消发布
    cancel() {
        this.content = '';
        this.comment = false;
    }

}