feat(pages): add portal pages

fix gravitee-io/issues#468

src/management/configuration/configuration.route.ts

@@ -15,8 +15,9 @@
  */
 import ViewService from '../../services/view.service';
 import TenantService from '../../services/tenant.service';
-import TagService from '../../services/tenant.service';
+import TagService from '../../services/tag.service';
 import SidenavService from '../../components/sidenav/sidenav.service';
+import PortalPagesService from '../../services/portalPages.service';
 
 export default configurationRouterConfig;
 
@@ -100,5 +101,40 @@ function configurationRouterConfig($stateProvider: ng.ui.IStateProvider) {
         },
         roles: ['ADMIN']
       }
+    })
+    .state('management.configuration.admin.pages', {
+      url: '/pages',
+      component: 'portalPages',
+      resolve: {
+        pages: (PortalPagesService: PortalPagesService) => PortalPagesService.list().then(response => response.data)
+      },
+      data: {
+        menu: {
+          label: 'Portal pages',
+          icon: 'insert_drive_file'
+        },
+        roles: ['ADMIN']
+      }
+    })
+    .state('management.configuration.admin.pages.new', {
+      url: '/new',
+      template: require('./pages/page/page.html'),
+      controller: 'NewPageController',
+      controllerAs: 'pageCtrl',
+      data: {menu: null},
+      params: {
+        type: {
+          type: 'string',
+          value: '',
+          squash: false
+        }
+      }
+    })
+    .state('management.configuration.admin.pages.page', {
+      url: '/:pageId',
+      template: require('./pages/page/page.html'),
+      controller: 'NewPageController',
+      controllerAs: 'pageCtrl',
+      data: {menu: null}
     });
 }

src/management/configuration/pages/page/newPage.controller.ts

@@ -0,0 +1,212 @@
+/*
+ * 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;