93 lines
4.1 KiB
HTML
93 lines
4.1 KiB
HTML
|
|
<div class="modal fade modal-fullscreen footer-to-bottom" id="project-details-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog animated zoomInLeft">
|
|
<div class="modal-content" id="project-modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-times" aria-hidden="true"></i></button>
|
|
<h4 class="modal-title" style="text-align:center;">{{project?.label}}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<!--
|
|
{{project | json}}
|
|
-->
|
|
<div class="container-fluid">
|
|
<!--
|
|
<div class="row">
|
|
<div class="col-md-12 row-cell"><b>Project name: </b>{{project?.label}}</div>
|
|
</div>
|
|
-->
|
|
<div class="row">
|
|
<div class="col-md-6 row-cell"><b>Abbreviation: </b>{{project?.abbreviation}}</div>
|
|
<div class="col-md-6 row-cell"><b>URI : </b><a href="{{project?.uri}}">{{project?.uri}}</a></div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 row-cell"><b>Short description: </b></div>
|
|
<div class="col-md-9 row-cell">{{project?.description}}</div>
|
|
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
<b>Begins:</b>
|
|
<time class="date-as-calendar position-pixels">
|
|
<span class="weekday">{{project?.startdate | date:'EEEE' }}</span>
|
|
<span class="day">{{project?.startdate | date:'dd' }}</span>
|
|
<span class="month">{{project?.startdate | date:'MMMM' }}</span>
|
|
<span class="year">{{project?.startdate | date:'y' }}</span>
|
|
</time>
|
|
</div>
|
|
<div class="col-md-3">
|
|
<b>Ends:</b>
|
|
<time class="date-as-calendar position-pixels">
|
|
<span class="weekday">{{project?.enddate | date:'EEEE' }}</span>
|
|
<span class="day">{{project?.enddate | date:'dd' }}</span>
|
|
<span class="month">{{project?.enddate | date:'MMMM' }}</span>
|
|
<span class="year">{{project?.enddate | date:'y' }}</span>
|
|
</time>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<b>Created by: </b> {{project?.creationUser?.name}}
|
|
</div>
|
|
<div class="col-md-4">
|
|
<b>at: </b> {{project?.created | date:'medium' }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 row-cell"><b>Associated DMPs:</b>
|
|
<ul>
|
|
<li *ngFor="let dmp of project?.dmps">
|
|
{{ dmp?.label }} (creator: {{ users.get(dmp?.creator) }})
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!--
|
|
STUFF NOT USED:
|
|
status
|
|
-->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<p class="">…</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<!--
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
|
|
<button type="button" class="btn btn-primary">Save changes</button>
|
|
-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|