D-Net

import { Component, ViewChild, OnInit, ElementRef } from '@angular/core';

import { ActivatedRoute, Router } from "@angular/router";

//import { Location } from "@angular/common";

import { HelpContentService } from "../../services/help-content.service";

import { HtmlPageContentService } from "./html-page-content.service";

import { HtmlPageContent, CheckHtmlPageContent } from "../../domain/html-page-content";

import { HtmlPageContentFormComponent } from "./html-page-content-form.component";

import { EnvProperties } from '../../openaireLibrary/utils/properties/env-properties';

import {LoginErrorCodes} from '../../openaireLibrary/login/utils/guardHelper.class';

    selector: 'edit-htmlpage-content',

    templateUrl: './edit-htmlpage-content.component.html',

})

export class EditHtmlPageContentComponent implements OnInit {

    @ViewChild(HtmlPageContentFormComponent)

    public formComponent : HtmlPageContentFormComponent;

    pageId: string;

    pageName: string = "";

    private sub: Subscription;

    private htmlPageContent: HtmlPageContent;

    public properties:EnvProperties = null;

    public showLoading: boolean = true;

    public errorMessage: string = '';

    public updateErrorMessage: string = '';

    constructor(

        private router: Router,

        private _htmlContentService: HtmlPageContentService) {

          this.router.routeReuseStrategy.shouldReuseRoute = function(){

            return false;

          }

    }

    ngOnInit() {

      this.route.data

        .subscribe((data: { envSpecific: EnvProperties }) => {

           this.properties = data.envSpecific;

           this.sub = this.route.queryParams.subscribe(params => {

             this.pageId = params['pageId'];

             this.getPage(this.communityPid, this.pageId);

           });

      });

    }

    ngOnDestroy() {

        this.sub.unsubscribe();

    }

    handleError(message: string, error) {

        this.errorMessage = message;

        console.log('Server responded: ' + error);

        this.showLoading = false;

    }

    handleUpdateError(message: string, error) {

        this.updateErrorMessage = message;

        console.log('Server responded: ' + error);

        this.showLoading = false;

    }

    private getPage(communityId: string, pageId: string) {

        this.router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this.router.url} });

      } else {

        this._helpContentService.getPage(pageId, this.properties.adminToolsAPIURL).subscribe(

          page => {

            this.pageName = page.name;

            this.getHtmlPageContent(communityId, page.route);

          },

          error => this.handleError('System error retrieving page', error));

      }

    private getHtmlPageContent(communityId: string, pageRoute: string) {

        this.router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this.router.url} });

      } else {

        this.showLoading = true;

        this.errorMessage = "";

        this.updateErrorMessage = "";

          htmlPageContent => {

            if(htmlPageContent.length > 0) {

              this.updateForm(htmlPageContent[0]);

            }

            this.showLoading = false;

          },

          error => this.handleError('System error retrieving page help content', error));

      }

    private updateForm(htmlPageContent : HtmlPageContent) {

        this.htmlPageContent = htmlPageContent;

        this.formComponent.myForm.patchValue((htmlPageContent));

    }

        this.router.navigate(['/user-info'], { queryParams: { "errorCode": LoginErrorCodes.NOT_VALID, "redirectUrl":  this.router.url} });

      } else {

            this.showLoading = true;

            this.updateErrorMessage = "";

            let htmlPageContent : HtmlPageContent = this.formComponent.myForm.value;

            this._htmlContentService.updateHtmlPageContent(htmlPageContent, this.properties.adminToolsAPIURL).subscribe(

                _ => {

                  UIkit.tab('#html-tab').show(1);

                  UIkit.switcher('#html-tab-content').show(1);

                },

                err => {

                  UIkit.tab('#html-tab').show(0);

                  UIkit.switcher('#html-tab-content').show(0);

                }

            );

        } else {

            UIkit.tab('#html-tab').show(0);

            UIkit.switcher('#html-tab-content').show(0);

        }

      this.updateErrorMessage = "";

      this.router.navigate(['/pages'], { queryParams: { "type": "html", "communityId": this.communityPid}});

      //this.location.back();

      //this.router.navigated = false;

      //this.router.navigate( ['/htmlPageContent/edit'], { queryParams: { "communityId": this.communityPid, "pageId": this.pageId } } );

    }

}