MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

no message

This commit is contained in:
annabakouli 2017-12-06 11:04:55 +02:00
parent aa22e27f51
commit eec410cead
4 changed files with 189 additions and 241 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
dmp-frontend/src/app/app.component.html
View File

@ -1,4 +1,3 @@
<div> <div>
<nav class="navbar navbar-default shadowed"> <nav class="navbar navbar-default shadowed">
<div class="col-md-5"> <div class="col-md-5">
@ -19,10 +18,15 @@
--> -->
<li class="dropdown" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]"> <li class="dropdown" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Quick Navigate <a class="dropdown-toggle" data-toggle="dropdown" href="#">Quick Navigate
<span class="caret"></span></a> <span class="caret"></span>
</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a class="cursor" (click)="goToDMPs()">My DMPs</a></li> <li>
<li><a class="cursor" (click)="goToProjects()">Projects</a></li> <a class="cursor" (click)="goToDMPs()">My DMPs</a>
</li>
<li>
<a class="cursor" (click)="goToProjects()">Projects</a>
</li>
</ul> </ul>
</li> </li>
@ -41,18 +45,34 @@
<div class="col-md-4"> <div class="col-md-4">
<ul class="nav navbar-nav navbar-right"> <ul class="nav navbar-nav navbar-right">
<li class="dropdown" [ngClass]="{true:'invisible'}[loggedInAs == null]"> <li class="dropdown" [ngClass]="{true:'invisible'}[loggedInAs == null]">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Quick links <span class="caret"></span></a> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Quick links
<span class="caret"></span>
</a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li><a href="#">Action</a></li> <li>
<li><a href="#">Another action</a></li> <a href="#">Action</a>
<li><a href="#">Something else here</a></li> </li>
<li>
<a href="#">Another action</a>
</li>
<li>
<a href="#">Something else here</a>
</li>
<li role="separator" class="divider"></li> <li role="separator" class="divider"></li>
<li><a href="#">Separated link</a></li> <li>
<a href="#">Separated link</a>
</li>
</ul> </ul>
</li> </li>
<li [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]"><a>{{tokenService.getEmail()}}</a></li> <li [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]">
<li class="cursor" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]" (click)="logout()"><a>Logout</a></li> <a>{{tokenService.getEmail()}}</a>
<li class="cursor" [ngClass]="{true:'invisible'}[tokenService.isLoggedIn() == true]" (click)="login()" ><a>Login</a></li> </li>
<li class="cursor" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]" (click)="logout()">
<a>Logout</a>
</li>
<li class="cursor" [ngClass]="{true:'invisible'}[tokenService.isLoggedIn() == true]" (click)="login()">
<a>Login</a>
</li>
</ul> </ul>
</div> </div>
@ -82,9 +102,7 @@
<div id="appBody" class="child_div_right"> <div id="appBody" class="child_div_right">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</div> </div>

9
dmp-frontend/src/app/app.module.ts
View File

@ -66,7 +66,7 @@ import { NguiAutoCompleteModule } from '@ngui/auto-complete';
import { HTTP_INTERCEPTORS } from '@angular/common/http'; import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { BreadcrumbModule,PanelModule, MenuItem } from 'primeng/primeng'; import { BreadcrumbModule, PanelModule } from 'primeng/primeng';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
@ -95,6 +95,8 @@ import { DmpDetailedComponent } from './viewers/dmp-detailed/dmp-detailed.compon
import { ProjectDetailedComponent } from './viewers/project-detailed/project-detailed.component'; import { ProjectDetailedComponent } from './viewers/project-detailed/project-detailed.component';
import {ProgressBarModule} from 'primeng/primeng'; import {ProgressBarModule} from 'primeng/primeng';
import {StepsModule,MenuItem} from 'primeng/primeng';
import {SidebarModule as NgSidebarModule} from 'primeng/primeng';
@NgModule({ @NgModule({
declarations: [ declarations: [
@ -151,8 +153,9 @@ import {ProgressBarModule} from 'primeng/primeng';
ProgressBarModule, ProgressBarModule,
PanelModule, PanelModule,
BrowserAnimationsModule, BrowserAnimationsModule,
SidebarModule.forRoot() SidebarModule.forRoot(),
StepsModule,
NgSidebarModule
], ],
providers: [{ providers: [{
provide: HTTP_INTERCEPTORS, provide: HTTP_INTERCEPTORS,

117
dmp-frontend/src/app/form/dynamic-form.component.css
View File

@ -1,111 +1,30 @@
.hide{ .full-width {
display:none;
}
.show {
display:block;
}
.btncustom{
background-color:#337ab7;
color:white;
margin-top:15px;
}
.parent-div {
height: calc(100vh - 60px - 32px); /* is height_of(window) - heigh_of(app-header-bar) - height_of(breadcrumb) */
width: 100%; width: 100%;
} }
.ui-steps .ui-steps-item {
width: 25%;
.child-div-left{
-webkit-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);
box-shadow: 0px 0px 9px 2px rgba(0,0,0,0.75);
padding:0px;
height: 100%;
-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
transition: width 0.5s;
} }
.ui-steps.steps-custom {
.collapsed-div-caret{ margin-bottom: 30px;
position: absolute;
width: 120px;
left: 98%;
top: 103px;
transform: translate(-50%, -50%);
z-index: 9999;
font-size: 1.3em;
cursor: pointer;
} }
.child-div-caret{ .ui-steps.steps-custom .ui-steps-item .ui-menuitem-link {
position: absolute; height: 10px;
left: 120%; padding: 0 1em;
top: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
font-size: 1.3em;
cursor: pointer;
} }
.ui-steps.steps-custom .ui-steps-item .ui-steps-number {
.child-div-right { background-color: #0081c2;
overflow-y: scroll; color: #FFFFFF;
display: inline-block;
height: calc(100% - 44px); width: 36px;
border-radius: 50%;
-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */ margin-top: -14px;
transition: width 0.5s; margin-bottom: 10px;
} }
.shrink-width{ .ui-steps.steps-custom .ui-steps-item .ui-steps-title {
width: 0px; color: #555555;
/*visibility:hidden;*/
}
.form-body-container{
padding-bottom: 10px;
height: calc(100vh - 85px - 32px - 138px); /* is height_of(window) - heigh_of(app-header-bar) - height_of(breadcrumb) - height_of(form-footer-bar) */
overflow-y:scroll;
}
.form-footer-seperator{
border-style: solid;
border-width: 1px;
border-color: rgb(112, 112, 112);
/*
-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
*/
/*border-width: thin;*/
width:100%;
}
.form-footer-container {
/*
-webkit-box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
-moz-box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
box-shadow: 0px -3px 5px 0px rgba(128,128,128,1);
*/
height: 138px;
}
.progress{
margin-top: 8px;
margin-bottom: 0px;
} }

36
dmp-frontend/src/app/form/dynamic-form.component.html
View File

@ -1,7 +1,16 @@
<div class="ui-g"> <div class="ui-g dynamic-form">
<ng-sidebar-container class="ui-g" style="height: 100vh;">
<div class="ui-g-8" > <ng-sidebar mode="push" style="height: 100vh;" position="right" [(opened)]="visibleSidebar">
<table-of-content [model]="dataModel"></table-of-content>
</ng-sidebar>
<div class="ui-g" ng-sidebar-content>
<button class="ui-g" pButton type="button" (click)="toggleSidebar()" icon="fa-arrow-left">Table Of Contents</button>
<button type="button" class="btn btn-primary" (click)="submit();">Save and Finalize</button>
<progress-bar class="ui-g" *ngIf="progressbar" [formGroup]=form></progress-bar>
<div class="ui-g-12">
<p-steps [model]="stepperItems" [(activeIndex)]="activeStepperIndex" [readonly]="false"></p-steps>
</div>
<div class="col-md-12 form-body-container" id="form-container"> <div class="col-md-12 form-body-container" id="form-container">
<form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit()"> <form *ngIf="form" novalidate [formGroup]="form" (ngSubmit)="onSubmit()">
@ -11,12 +20,16 @@
</div> </div>
</form> </form>
</div> </div>
</div>
<div class="col-md-12 form-footer-container"> </ng-sidebar-container>
</div>
<!-- <div class="col-md-12 form-footer-container">
<div> <div>
<progress-bar *ngIf="progressbar" [formGroup]=form></progress-bar>
</div>
</div> </div>
</div> -->
<!-- <div class="col-md-12 form-footer-seperator" > <!-- <div class="col-md-12 form-footer-seperator" >
</div> </div>
@ -57,7 +70,7 @@
</ul> </ul>
</div> --> </div> -->
</div>
<!-- <div *ngIf="!expandedToc" class="collapsed-div-caret" (click)="toggleTOC()"> <!-- <div *ngIf="!expandedToc" class="collapsed-div-caret" (click)="toggleTOC()">
@ -78,15 +91,10 @@
</div> </div>
</div> </div>
--> -->
<div class="ui-g-4">
<table-of-content [model]="dataModel"></table-of-content>
</div>
<div class="col-md-12 form-footer-container"> <!-- <div class="col-md-12 form-footer-container">
<button type="button" class="btn btn-primary" (click)="submit();">Save and Finalize</button> <button type="button" class="btn btn-primary" (click)="submit();">Save and Finalize</button>
</div> </div> -->
</div>
<!--Modal for Confirmation --> <!--Modal for Confirmation -->