[Admin]: Delete old community layout.
git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-admin-portal/trunk@57306 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou
parent
aef5531945
commit
2909a9e421
|
|
@ -1,14 +0,0 @@
|
||||||
import { NgModule } from '@angular/core';
|
|
||||||
import {RouterModule} from '@angular/router';
|
|
||||||
import {CommunityLayoutComponent} from './community-layout.component';
|
|
||||||
import {IsCommunity} from '../../../openaireLibrary/connect/communityGuard/isCommunity.guard';
|
|
||||||
import {ConnectAdminLoginGuard} from '../../../openaireLibrary/connect/communityGuard/connectAdminLoginGuard.guard';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
RouterModule.forChild([
|
|
||||||
{ path: '', canActivate: [IsCommunity, ConnectAdminLoginGuard], component: CommunityLayoutComponent}
|
|
||||||
])
|
|
||||||
]
|
|
||||||
})
|
|
||||||
export class CommunityLayoutRoutingModule { }
|
|
||||||
|
|
@ -1,39 +0,0 @@
|
||||||
<div id="community-edit-form " class=" uk-card uk-card-default uk-padding">
|
|
||||||
<div class="uk-text-large uk-text-center uk-width-5-6@l uk-width ">Edit community layout</div>
|
|
||||||
<div>
|
|
||||||
<div *ngIf="showLoading" class="uk-animation-fade uk-width-1-1" role="alert"><span class="loading-gif uk-align-center"></span></div>
|
|
||||||
<table *ngIf="communityId != null && layout !== null && !showLoading && !errorMessage" class="uk-width-1-1">
|
|
||||||
<tbody class="uk-table uk-align-center">
|
|
||||||
<tr>
|
|
||||||
<td for="color" class="uk-text-bold uk-width-1-3@xl uk-width-1-3@m uk-width-expand@s uk-text-right">Color:</td>
|
|
||||||
<td class="uk-text-left uk-width-1-3@xl uk-width-1-3@m uk-width-expand@s">
|
|
||||||
<button [(colorPicker)]="layout.color" [style.background]="layout.color"
|
|
||||||
id="color" class="uk-icon-button"
|
|
||||||
(click)="change()">
|
|
||||||
</button>
|
|
||||||
</td>
|
|
||||||
<td for="color" class="uk-text uk-width-1-3@xl uk-width-1-3@m uk-width-expand@s uk-text-left" [style.color]="layout.color">Change your community color</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>
|
|
||||||
<div *ngIf="successfulSaveMessage" class="uk-alert uk-alert-success" role="alert">{{successfulSaveMessage}}</div>
|
|
||||||
<div *ngIf="successfulResetMessage" class="uk-alert uk-alert-warning" role="alert">{{successfulResetMessage}}</div>
|
|
||||||
|
|
||||||
<table *ngIf="communityId != null && layout != null && !showLoading && !errorMessage" class="uk-width-1-1">
|
|
||||||
<tbody class="uk-table uk-align-center">
|
|
||||||
<tr>
|
|
||||||
<td class="uk-width-1-3@xl uk-width-1-3@m uk-width-expand@s uk-text-right"></td>
|
|
||||||
<td class="uk-text-left">
|
|
||||||
<div class="uk-grid-margin uk-first-column uk-align-center uk-text-left uk-padding uk-padding-remove-top uk-padding-remove-bottom">
|
|
||||||
<button *ngIf="hasChanged" class="uk-button uk-button-primary" (click)="updateLayout()">Save</button>
|
|
||||||
<button *ngIf="!hasChanged" class="uk-button uk-button-default" disabled>Save</button>
|
|
||||||
<button class="uk-button" (click)="resetLayout()">Reset</button>
|
|
||||||
<button class="uk-button connect-default-button" (click)="loadDefaultLayout()">Default Layout</button>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
@ -1,141 +0,0 @@
|
||||||
import {Component, OnInit, ElementRef} from '@angular/core';
|
|
||||||
import {ActivatedRoute, Router} from '@angular/router';
|
|
||||||
|
|
||||||
|
|
||||||
import {EnvProperties} from '../../../openaireLibrary/utils/properties/env-properties';
|
|
||||||
import {LayoutService} from '../../../openaireLibrary/services/layout.service';
|
|
||||||
import {Session} from '../../../openaireLibrary/login/utils/helper.class';
|
|
||||||
import {LoginErrorCodes} from '../../../openaireLibrary/login/utils/guardHelper.class';
|
|
||||||
import {HelperFunctions} from "../../../openaireLibrary/utils/HelperFunctions.class";
|
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'community-layout',
|
|
||||||
templateUrl: './community-layout.component.html',
|
|
||||||
})
|
|
||||||
|
|
||||||
export class CommunityLayoutComponent implements OnInit {
|
|
||||||
|
|
||||||
public showLoading = true;
|
|
||||||
public errorMessage = '';
|
|
||||||
|
|
||||||
public successfulSaveMessage = '';
|
|
||||||
public successfulResetMessage = '';
|
|
||||||
|
|
||||||
public hasChanged = false;
|
|
||||||
public communityId = null;
|
|
||||||
public layout = null;
|
|
||||||
public properties: EnvProperties = null;
|
|
||||||
|
|
||||||
constructor (private element: ElementRef,
|
|
||||||
private route: ActivatedRoute,
|
|
||||||
private _layoutService: LayoutService,
|
|
||||||
private _router: Router) { }
|
|
||||||
|
|
||||||
|
|
||||||
ngOnInit() {
|
|
||||||
this.route.data.subscribe((data: { envSpecific: EnvProperties }) => {
|
|
||||||
this.properties = data.envSpecific;
|
|
||||||
this.route.queryParams.subscribe(
|
|
||||||
communityId => {
|
|
||||||
HelperFunctions.scroll();
|
|
||||||
this.communityId = communityId['communityId'];
|
|
||||||
if (this.communityId != null && this.communityId !== '') {
|
|
||||||
this.showLoading = true;
|
|
||||||
this.errorMessage = '';
|
|
||||||
this._layoutService.getLayout(this.communityId,
|
|
||||||
this.properties.adminToolsAPIURL).subscribe (
|
|
||||||
layout => {
|
|
||||||
this.layout = layout;
|
|
||||||
this.showLoading = false;
|
|
||||||
},
|
|
||||||
error => this.handleError('System error retrieving community layout', error)
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
public updateLayout() {
|
|
||||||
if (!Session.isLoggedIn()) {
|
|
||||||
this._router.navigate(['/user-info'], { queryParams:
|
|
||||||
{ 'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url} });
|
|
||||||
} else if (this.communityId != null && this.communityId !== '') {
|
|
||||||
this.showLoading = true;
|
|
||||||
this._layoutService.saveLayout(this.communityId,
|
|
||||||
this.properties.adminToolsAPIURL, this.layout).subscribe (
|
|
||||||
layout => {
|
|
||||||
this.layout = layout;
|
|
||||||
this.showLoading = false;
|
|
||||||
this.handleSuccessfulSave('Community Layout saved!');
|
|
||||||
},
|
|
||||||
error => this.handleError('System error saving community layout', error)
|
|
||||||
);
|
|
||||||
this.resetChange();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public resetLayout() {
|
|
||||||
if (!Session.isLoggedIn()) {
|
|
||||||
this._router.navigate(['/user-info'], { queryParams:
|
|
||||||
{ 'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url} });
|
|
||||||
} else if (this.communityId != null && this.communityId !== '') {
|
|
||||||
this.showLoading = true;
|
|
||||||
this._layoutService.getLayout(this.communityId,
|
|
||||||
this.properties.adminToolsAPIURL).subscribe (
|
|
||||||
layout => {
|
|
||||||
this.layout = layout;
|
|
||||||
this.showLoading = false;
|
|
||||||
this.handleSuccessfulReset('Community Layout reset!');
|
|
||||||
},
|
|
||||||
error => this.handleError('System error retrieving community layout', error)
|
|
||||||
);
|
|
||||||
this.resetChange();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public loadDefaultLayout() {
|
|
||||||
if (!Session.isLoggedIn()) {
|
|
||||||
this._router.navigate(['/user-info'], { queryParams:
|
|
||||||
{ 'errorCode': LoginErrorCodes.NOT_VALID, 'redirectUrl': this._router.url} });
|
|
||||||
} else if (this.communityId != null && this.communityId !== '') {
|
|
||||||
this.showLoading = true;
|
|
||||||
this._layoutService.loadDefaultLayout(this.communityId,
|
|
||||||
this.properties.adminToolsAPIURL).subscribe (
|
|
||||||
layout => {
|
|
||||||
this.layout = layout;
|
|
||||||
this.showLoading = false;
|
|
||||||
this.handleSuccessfulReset('Default Community Layout has been loaded!');
|
|
||||||
},
|
|
||||||
error => this.handleError('System error loading default community layout', error)
|
|
||||||
);
|
|
||||||
this.resetChange();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
private change() {
|
|
||||||
this.hasChanged = true;
|
|
||||||
this.successfulSaveMessage = '';
|
|
||||||
this.successfulResetMessage = '';
|
|
||||||
}
|
|
||||||
|
|
||||||
private resetChange() {
|
|
||||||
this.hasChanged = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
handleError(message: string, error) {
|
|
||||||
this.errorMessage = message;
|
|
||||||
console.log('Server responded: ' + error);
|
|
||||||
|
|
||||||
this.showLoading = false;
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSuccessfulSave(message) {
|
|
||||||
this.showLoading = false;
|
|
||||||
this.successfulSaveMessage = message;
|
|
||||||
}
|
|
||||||
|
|
||||||
handleSuccessfulReset(message) {
|
|
||||||
this.showLoading = false;
|
|
||||||
this.successfulResetMessage = message;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
import {NgModule} from '@angular/core';
|
|
||||||
import {CommonModule} from '@angular/common';
|
|
||||||
import {RouterModule} from '@angular/router';
|
|
||||||
|
|
||||||
import {CommunityLayoutComponent} from './community-layout.component';
|
|
||||||
|
|
||||||
import {CommunityLayoutRoutingModule} from './community-layout-routing.module';
|
|
||||||
import {IsCommunity} from '../../../openaireLibrary/connect/communityGuard/isCommunity.guard';
|
|
||||||
import {ConnectAdminLoginGuard} from '../../../openaireLibrary/connect/communityGuard/connectAdminLoginGuard.guard';
|
|
||||||
import {ColorPickerModule} from 'ngx-color-picker';
|
|
||||||
import {LayoutService} from '../../../openaireLibrary/services/layout.service';
|
|
||||||
|
|
||||||
@NgModule({
|
|
||||||
imports: [
|
|
||||||
CommunityLayoutRoutingModule, CommonModule, RouterModule, ColorPickerModule
|
|
||||||
],
|
|
||||||
declarations: [
|
|
||||||
CommunityLayoutComponent
|
|
||||||
],
|
|
||||||
providers: [
|
|
||||||
IsCommunity, ConnectAdminLoginGuard, LayoutService
|
|
||||||
],
|
|
||||||
exports: [
|
|
||||||
CommunityLayoutComponent
|
|
||||||
]
|
|
||||||
})
|
|
||||||
|
|
||||||
export class CommunityLayoutModule { }
|
|
||||||
Loading…
Reference in New Issue