Revision 50005
Added by Myrto Koukouli almost 7 years ago
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources.component.html | ||
|---|---|---|
| 1 |
<div id="contentWrapper" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true" style="box-sizing: border-box;" > |
|
| 2 |
|
|
| 3 |
<!-- MARGIN-TOP --> |
|
| 4 |
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div> |
|
| 5 |
<div> |
|
| 6 |
<div class="uk-container"> |
|
| 7 |
<div class="uk-grid uk-grid-stack"> |
|
| 8 |
<router-outlet></router-outlet> |
|
| 9 |
</div> |
|
| 10 |
</div> |
|
| 11 |
</div> |
|
| 12 |
</div> |
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources-register.component.html | ||
|---|---|---|
| 1 |
<div class="gwt-HTML uk-margin-medium-bottom uk-first-column"> |
|
| 2 |
<h1 class="uk-article-title">Register your datasource</h1> |
|
| 3 |
</div> |
|
| 4 |
<div class="gwt-HTML"> |
|
| 5 |
<div class="uk-margin uk-grid" uk-grid=""> |
|
| 6 |
<div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match uk-first-column"> |
|
| 7 |
<div class="uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy.class="" data-id="" style=""> |
|
| 8 |
<a class="el-link uk-position-cover uk-margin-remove-adjacent"></a> |
|
| 9 |
<div class="uk-card-media-top"> |
|
| 10 |
<img class="el-image" src="assets/imgs/Literature_repos_square.png" alt="" style="width: 100%;"> |
|
| 11 |
</div> |
|
| 12 |
<div class="uk-card-body"> |
|
| 13 |
<h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">Literature Repository</h3> |
|
| 14 |
<div class="el-meta uk-margin uk-text-meta"> |
|
| 15 |
<a href="http://www.opendoar.org" target="_blank"> |
|
| 16 |
List provided by |
|
| 17 |
<br> |
|
| 18 |
OpenDOAR |
|
| 19 |
<i class="fa fa-external-link" style="margin-left:3px"></i> |
|
| 20 |
</a> |
|
| 21 |
</div> |
|
| 22 |
</div> |
|
| 23 |
</div> |
|
| 24 |
</div> |
|
| 25 |
<div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match"> |
|
| 26 |
<div class="uk-margin uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy.class="" data-id="" style=""> |
|
| 27 |
<a class="el-link uk-position-cover uk-margin-remove-adjacent"></a> |
|
| 28 |
<div class="uk-card-media-top"> |
|
| 29 |
<img class="el-image" src="assets/imgs/Data_repos_sqare.png" alt="" style="width:100%;"> |
|
| 30 |
</div> |
|
| 31 |
<div class="uk-card-body"> |
|
| 32 |
<h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">Data Repository</h3> |
|
| 33 |
<div class="el-meta uk-margin uk-text-meta"> |
|
| 34 |
<a href="http://www.re3data.org" target="_blank"> |
|
| 35 |
List provided by |
|
| 36 |
<br> |
|
| 37 |
Re3data |
|
| 38 |
<i class="fa fa-external-link" style="margin-left:3px"></i> |
|
| 39 |
</a> |
|
| 40 |
</div> |
|
| 41 |
</div> |
|
| 42 |
</div> |
|
| 43 |
</div> |
|
| 44 |
<div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match"> |
|
| 45 |
<div class="uk-margin uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy.class="" data-id="" style=""> |
|
| 46 |
<a class="el-link uk-position-cover uk-margin-remove-adjacent"></a> |
|
| 47 |
<div class="uk-card-media-top"> |
|
| 48 |
<img class="el-image" src="assets/imgs/OAJournals_square.png" alt="" style="width:100%;"> |
|
| 49 |
</div> |
|
| 50 |
<div class="uk-card-body"> |
|
| 51 |
<h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">Journal</h3> |
|
| 52 |
<div class="el-meta uk-margin uk-text-meta"> |
|
| 53 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit... |
|
| 54 |
</div> |
|
| 55 |
</div> |
|
| 56 |
</div> |
|
| 57 |
</div> |
|
| 58 |
<div class="uk-width-expand@m uk-width-1-2@s uk-grid-item-match"> |
|
| 59 |
<div class="uk-margin uk-text-center uk-card uk-card-default uk-card-hover uk-scrollspy-inview uk-animation-slide-top-medium" uk-scrollspy.class="" data-id="" style=""> |
|
| 60 |
<a class="el-link uk-position-cover uk-margin-remove-adjacent"></a> |
|
| 61 |
<div class="uk-card-media-top"> |
|
| 62 |
<img class="el-image" src="assets/imgs/Icons_Aggregators_square.png" alt="" style="width:100%;"> |
|
| 63 |
</div> |
|
| 64 |
<div class="uk-card-body"> |
|
| 65 |
<h3 class="el-title uk-margin uk-card-title uk-margin-remove-adjacent uk-margin-small-bottom">Aggregator</h3> |
|
| 66 |
<div class="el-meta uk-margin uk-text-meta"> |
|
| 67 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit... |
|
| 68 |
</div> |
|
| 69 |
</div> |
|
| 70 |
</div> |
|
| 71 |
</div> |
|
| 72 |
</div> |
|
| 73 |
</div> |
|
| 74 |
<div class="tm-sidebar uk-width-1-4@m"> |
|
| 75 |
<div class="gwt-HTML"> |
|
| 76 |
<div class="uk-card uk-card-body uk-card-default sidemenu"> |
|
| 77 |
<h3 class="uk-h3 uk-heading-bullet">Info / Help</h3> |
|
| 78 |
<p class="small"> |
|
| 79 |
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. |
|
| 80 |
</p> |
|
| 81 |
</div> |
|
| 82 |
</div> |
|
| 83 |
</div> |
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources.component.ts | ||
|---|---|---|
| 1 |
import {Component, Input, OnInit} from '@angular/core';
|
|
| 2 |
import {SourcesRegisterComponent} from './sources-register.component';
|
|
| 3 |
|
|
| 4 |
@Component ({
|
|
| 5 |
selector: 'app-sources', |
|
| 6 |
templateUrl: 'sources.component.html', |
|
| 7 |
}) |
|
| 8 |
|
|
| 9 |
export class SourcesComponent implements OnInit {
|
|
| 10 |
constructor() {}
|
|
| 11 |
|
|
| 12 |
ngOnInit() {}
|
|
| 13 |
} |
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources-register.component.ts | ||
|---|---|---|
| 1 |
import {Component, EventEmitter, OnInit, Output} from '@angular/core';
|
|
| 2 |
|
|
| 3 |
@Component ({
|
|
| 4 |
selector: 'app-sources-register', |
|
| 5 |
templateUrl: 'sources-register.component.html' |
|
| 6 |
}) |
|
| 7 |
|
|
| 8 |
export class SourcesRegisterComponent implements OnInit {
|
|
| 9 |
|
|
| 10 |
constructor() {}
|
|
| 11 |
|
|
| 12 |
ngOnInit() {}
|
|
| 13 |
} |
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources.module.ts | ||
|---|---|---|
| 1 |
import {NgModule} from '@angular/core';
|
|
| 2 |
import {SourcesRouting} from './sources.routing';
|
|
| 3 |
import {SourcesComponent} from './sources.component';
|
|
| 4 |
import {SourcesRegisterComponent} from './sources-register.component';
|
|
| 5 |
import {CommonModule} from '@angular/common';
|
|
| 6 |
import {TabsModule} from 'ngx-bootstrap';
|
|
| 7 |
|
|
| 8 |
@NgModule ({
|
|
| 9 |
imports: [ |
|
| 10 |
CommonModule, |
|
| 11 |
TabsModule.forRoot(), |
|
| 12 |
SourcesRouting |
|
| 13 |
], |
|
| 14 |
declarations: [ |
|
| 15 |
SourcesComponent, |
|
| 16 |
SourcesRegisterComponent |
|
| 17 |
] |
|
| 18 |
}) |
|
| 19 |
|
|
| 20 |
export class SourcesModule {}
|
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/sources/sources.routing.ts | ||
|---|---|---|
| 1 |
import {RouterModule, Routes} from '@angular/router';
|
|
| 2 |
import {NgModule} from '@angular/core';
|
|
| 3 |
import {SourcesComponent} from './sources.component';
|
|
| 4 |
import {SourcesRegisterComponent} from './sources-register.component';
|
|
| 5 |
|
|
| 6 |
const sourcesRoutes: Routes = [ |
|
| 7 |
{
|
|
| 8 |
path: 'sources', |
|
| 9 |
component: SourcesComponent, |
|
| 10 |
children: [ |
|
| 11 |
{
|
|
| 12 |
path: '', |
|
| 13 |
redirectTo: '/register', |
|
| 14 |
pathMatch: 'full' |
|
| 15 |
}, |
|
| 16 |
{
|
|
| 17 |
path: 'register', |
|
| 18 |
component: SourcesRegisterComponent |
|
| 19 |
} |
|
| 20 |
] |
|
| 21 |
} |
|
| 22 |
]; |
|
| 23 |
|
|
| 24 |
@NgModule ({
|
|
| 25 |
imports: [RouterModule.forRoot(sourcesRoutes)], |
|
| 26 |
exports: [RouterModule] |
|
| 27 |
}) |
|
| 28 |
|
|
| 29 |
export class SourcesRouting {}
|
|
| modules/uoa-repository-dashboard-gui/trunk/app/pages/metrics/metrics.module.ts | ||
|---|---|---|
| 1 | 1 |
/** |
| 2 | 2 |
* Created by myrto on 11/27/17. |
| 3 | 3 |
*/ |
| 4 |
import {NgModule} from "@angular/core";
|
|
| 5 |
import {CommonModule} from "@angular/common";
|
|
| 6 |
import {TabsModule} from "ngx-bootstrap";
|
|
| 7 |
import {MetricsComponent} from "./metrics.component";
|
|
| 8 |
import {MetricsEnableComponent} from './metrics-enable.component';
|
|
| 9 |
import {MetricsInstructionsComponent} from './metrics-instructions.component';
|
|
| 10 |
import {MetricsRouting} from './metrics.routing';
|
|
| 4 |
import { NgModule } from "@angular/core";
|
|
| 5 |
import { CommonModule } from "@angular/common";
|
|
| 6 |
import { TabsModule } from "ngx-bootstrap";
|
|
| 7 |
import { MetricsComponent } from "./metrics.component";
|
|
| 8 |
import { MetricsEnableComponent } from './metrics-enable.component';
|
|
| 9 |
import { MetricsInstructionsComponent } from './metrics-instructions.component';
|
|
| 10 |
import { MetricsRouting } from './metrics.routing';
|
|
| 11 | 11 |
|
| 12 | 12 |
@NgModule ({
|
| 13 | 13 |
imports: [ |
| modules/uoa-repository-dashboard-gui/trunk/app/pages/metrics/metrics.component.html | ||
|---|---|---|
| 2 | 2 |
|
| 3 | 3 |
<!-- MARGIN-TOP --> |
| 4 | 4 |
<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="true"></div> |
| 5 |
|
|
| 6 | 5 |
<div> |
| 7 | 6 |
<div class="uk-container"> |
| 8 | 7 |
<div class="uk-grid uk-grid-stack"> |
| modules/uoa-repository-dashboard-gui/trunk/app/shared/topmenu/topmenu.component.html | ||
|---|---|---|
| 112 | 112 |
Home |
| 113 | 113 |
</a> |
| 114 | 114 |
</li> |
| 115 |
<li class="uk-parent" [routerLinkActive]="['uk-active']"><a href="#" class=""
|
|
| 115 |
<li class="uk-parent" routerLink="/sources" routerLinkActive="uk-active"><a href="#" class=""
|
|
| 116 | 116 |
aria-expanded="false">Sources</a> |
| 117 | 117 |
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="top: 80px; left: 106.55px;" |
| 118 |
id="searchMenu" (click)="onClick('searchMenu')">
|
|
| 118 |
id="sourcesMenu" (click)="onClick('sourcesMenu')">
|
|
| 119 | 119 |
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid=""> |
| 120 | 120 |
<div class="uk-first-column"> |
| 121 | 121 |
<ul class="uk-nav uk-navbar-dropdown-nav"> |
| 122 |
<li><a [routerLink]="['/search', { resourceType: 'component' }]" routerLinkActive="uk-active">Register</a>
|
|
| 122 |
<li><a routerLink="/sources/register">Register</a>
|
|
| 123 | 123 |
</li> |
| 124 |
<li><a [routerLink]="['/search', { resourceType: 'corpus' }]"
|
|
| 124 |
<li><a [routerLink]="['update']"
|
|
| 125 | 125 |
routerLinkActive="uk-active">Update</a></li> |
| 126 | 126 |
</ul> |
| 127 | 127 |
</div> |
| modules/uoa-repository-dashboard-gui/trunk/app/shared/confirmation-dialog.component.html | ||
|---|---|---|
| 9 | 9 |
</div> |
| 10 | 10 |
<div class="uk-text-right uk-margin-bottom"> |
| 11 | 11 |
<button (click)="hideModal()" class="uk-button uk-button-default uk-modal-close" type="button">Cancel</button> |
| 12 |
<button (click)="confirmedAction()" class="uk-button uk-button-primary" type="button"> |
|
| 13 |
{{confirmActionButton}}
|
|
| 14 |
</button> |
|
| 12 |
<button (click)="confirmedAction()" class="uk-button uk-button-primary" type="button">{{confirmActionButton}}</button>
|
|
| 15 | 13 |
</div> |
| 16 | 14 |
</div> |
| 17 | 15 |
</div> |
| modules/uoa-repository-dashboard-gui/trunk/app/shared/confirmation-dialog.component.ts | ||
|---|---|---|
| 1 | 1 |
/** |
| 2 | 2 |
* Created by stefania on 5/2/17. |
| 3 | 3 |
*/ |
| 4 |
import {Component, EventEmitter, Input, Output, ViewChild} from "@angular/core";
|
|
| 5 |
import {ModalDirective} from "ngx-bootstrap/modal";
|
|
| 4 |
import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
|
|
| 5 |
import { ModalDirective } from 'ngx-bootstrap/modal';
|
|
| 6 | 6 |
|
| 7 | 7 |
@Component({
|
| 8 | 8 |
selector: 'confirmation-dialog', |
| ... | ... | |
| 11 | 11 |
export class ConfirmationDialogComponent {
|
| 12 | 12 |
|
| 13 | 13 |
@ViewChild('autoShownModal')
|
| 14 |
public autoShownModal: ModalDirective;
|
|
| 14 |
public autoShownModal:ModalDirective; |
|
| 15 | 15 |
|
| 16 | 16 |
@Input() |
| 17 |
public isModalShown: boolean = false;
|
|
| 17 |
public isModalShown:boolean = false; |
|
| 18 | 18 |
|
| 19 | 19 |
@Input() |
| 20 | 20 |
public title: string; |
| ... | ... | |
| 30 | 30 |
this._ids = ids; |
| 31 | 31 |
} |
| 32 | 32 |
|
| 33 |
public showModal(): void {
|
|
| 33 |
public showModal():void {
|
|
| 34 | 34 |
this.isModalShown = true; |
| 35 | 35 |
} |
| 36 | 36 |
|
| 37 |
public hideModal(): void {
|
|
| 37 |
public hideModal():void {
|
|
| 38 | 38 |
this.autoShownModal.hide(); |
| 39 | 39 |
} |
| 40 | 40 |
|
| 41 |
public onHidden(): void {
|
|
| 41 |
public onHidden():void {
|
|
| 42 | 42 |
this.isModalShown = false; |
| 43 | 43 |
} |
| 44 | 44 |
|
| modules/uoa-repository-dashboard-gui/trunk/app/app.module.ts | ||
|---|---|---|
| 16 | 16 |
import {TopMenuComponent} from './shared/topmenu/topmenu.component';
|
| 17 | 17 |
import {FooterComponent} from './shared/footer/footer.component';
|
| 18 | 18 |
import {MetricsModule} from './pages/metrics/metrics.module';
|
| 19 |
import {SourcesModule} from './pages/sources/sources.module';
|
|
| 19 | 20 |
|
| 20 | 21 |
|
| 21 | 22 |
@NgModule({
|
| ... | ... | |
| 30 | 31 |
AppRouting, |
| 31 | 32 |
TabsModule, |
| 32 | 33 |
MetricsModule, |
| 34 |
SourcesModule, |
|
| 33 | 35 |
UserModule |
| 34 | 36 |
], |
| 35 | 37 |
declarations: [ |
Also available in: Unified diff
added sources components