newPage.controller.ts

/*
 * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *         http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import _ = require('lodash');

class NewPageController {
  private page: any;
  private emptyFetcher: {
    type: string;
    id: string;
    properties: any;
  };
  private useFetcher: boolean;
  private fetchers: any;
  private createMode: boolean;
  private initialPage: any;
  private editMode: boolean;
  private codeMirrorOptions: any;

	constructor(private PortalPagesService, private $state, private $mdDialog, private $rootScope, private $scope, private NotificationService, private FetcherService, private $mdSidenav) {
    'ngInject';
    this.useFetcher = false;

    this.codeMirrorOptions = {
      lineWrapping: true,
      lineNumbers: true,
      allowDropFileTypes: true,
      autoCloseTags: true,
      mode: "javascript"
    };

    this.$scope.$watch('pageContentFile.content', (data) => {
      if (data) {
        this.page.content = data;
      }
    });

    this.emptyFetcher = {
      "type": "object",
      "id": "empty",
      "properties": {"" : {}}
    };

    this.$scope.fetcherJsonSchema = this.emptyFetcher;
    this.$scope.fetcherJsonSchemaForm = ["*"];
    FetcherService.list().then(response => {
      this.fetchers = response.data;
      if ( $state.current.name === 'management.configuration.admin.pages.new' ) {
        if (['SWAGGER', 'RAML', 'MARKDOWN'].indexOf($state.params.type) === -1) {
          $state.go('management.configuration.admin.pages');
        }
        this.createMode = true;
        this.page = { type: this.$state.params.type };
        this.initialPage = _.clone(this.page);
        this.edit();
      } else {
        this.preview();
        PortalPagesService.get($state.params.pageId).then( response => {
          this.page = response.data;
          PortalPagesService.cachePageConfiguration(this.page);
          this.initialPage = _.clone(response.data);
          if(!(_.isNil(this.page.source) || _.isNil(this.page.source.type))) {
            this.useFetcher = true;
            _.forEach(this.fetchers, fetcher => {
              if (fetcher.id === this.page.source.type) {
                this.$scope.fetcherJsonSchema = JSON.parse(fetcher.schema);
              }
            });
          }
        });
      }
    });
  }

  toggleUseFetcher() {
    this.$scope.fetcherJsonSchema = this.emptyFetcher;
    this.page.source = {};
  }

  configureFetcher(fetcher) {
    if (! this.page.source) {
      this.page.source = {};
    }

    this.page.source = {
      type: fetcher.id,
      configuration: {}
    };
    this.$scope.fetcherJsonSchema = JSON.parse(fetcher.schema);
  }

  upsert() {
    if ( !this.useFetcher && this.page.source ) {
      delete this.page.source;
    }
    if(this.createMode) {
      this.PortalPagesService.createPage(this.page)
        .then((page) => {
          this.onPageUpdate();
          this.$state.go('management.configuration.admin.pages.page', {pageId: page.data.id}, {reload: true});
        })
        .catch((error) => {
          this.$scope.error = error;
      });
    } else {
      this.PortalPagesService.editPage(this.page.id, this.page)
        .then(() =>{
          this.onPageUpdate();
          this.$state.go(this.$state.current, this.$state.params, {reload: true});
        })
        .catch(error =>{
          this.$scope.error = error;
        });
    }
  }

  reset() {
    this.preview();
    if (this.initialPage) {
      this.page = _.clone(this.initialPage);
    }
  }

  remove() {
    let that = this;
    this.$mdDialog.show({
      controller: 'DialogConfirmController',
      controllerAs: 'ctrl',
      template: require('../../../../components/dialog/confirmWarning.dialog.html'),
      clickOutsideToClose: true,
      locals: {
        title: 'Are you sure you want to remove the page "' + this.page.name + '" ?',
        msg: '',
        confirmButton: 'Remove'
      }
    }).then(function (response) {
      if (response) {
        that.PortalPagesService.deletePage(that.page.id).then(function () {
          that.preview();
          that.$rootScope.$broadcast('onGraviteePageDeleted');
        });
      }
    });
  }

  edit() {
    if (this.page.type === 'MARKDOWN') {
      this.codeMirrorOptions.mode = 'gfm';
    } else if (this.page.type === 'SWAGGER') {
      this.codeMirrorOptions.mode = 'javascript';
    } else if (this.page.type === 'RAML') {
      this.codeMirrorOptions.mode = 'yaml';
    }
    this.editMode = true;
    this.$scope.$parent.listPagesDisplayed = false;
    if(this.page.source) {
      this.useFetcher = true;
      _.forEach(this.fetchers, (fetcher) => {
        if(fetcher.id === this.page.source.type) {
          this.$scope.fetcherJsonSchema = JSON.parse(fetcher.schema);
        }
      });
    }
  }

  toggleHomepage(){
      this.page.homepage = !this.page.homepage;
      this.upsert();
  }

  showSettings() {
    this.$mdSidenav('page-settings').toggle();
  }

  preview() {
    this.editMode = false;
    this.$scope.$parent.listPagesDisplayed = true;
  }

  changePublication() {
    let editPage = _.clone(this.initialPage);
    editPage.published = this.page.published;
    let that = this;
    this.PortalPagesService.editPage(this.page.id, editPage).then(function () {
      that.$scope.$parent.$ctrl.list();
      that.NotificationService.show('Page ' + editPage.name + ' has been ' + (editPage.published ? '':'un') + 'published with success');
    });
  }

  hasNoTitle() {
    return _.isNil(this.page) || _.isNil(this.page.name) || _.isEmpty(this.page.name);
  }

  onPageUpdate() {
    this.NotificationService.show('Page \'' + this.page.name + '\' saved');
  }
}

export default NewPageController;