Homec4science
Diffusion SHRINE MedCo Fork (feature/i2b2-merge-to-develop) Browse

shrine-medco/apps/steward-app/src/main/js/app/client/topics/directives/topic-detail.tpl.html
b955447ca3b4feature/i2b2-merge-to…

Last Change
Raw File

topic-detail.tpl.html
View Options

<div class="col-sm-12 shrine-modal" style="width: 170%; margin-left: -37%;">
<div class="col-sm-12">
<i class="shrine-close"
ng-click="detail.cancel()" style="margin-top: -20px !important"></i>
<div class="btn-group" role="group" aria-label="...">
<button type="button"
class="btn btn-default shrine-btn-default"
ng-click="detail.tabState = 'description'"
ng-class="detail.tabState !== 'history' ? 'shrine-btn-on' : 'shrine-btn-off'">
Description
</button>
<button type="button"
class="btn btn-default shrine-btn-default"
ng-click="detail.tabState = 'history'"
ng-disabled="!detail.canViewHistory()"
ng-class="detail.tabState === 'history' ? 'shrine-btn-on' : 'shrine-btn-off'">
Query History
</button>
</div>
<!-- researcher -->
<div ng-cloak>
<form name="form" role="form" ng-show="detail.tabState !== 'history'">
<div class="col-sm-12">
<br/>
<div class="form-group">
<label>Topic Id:</label> {{detail.topic.id}}
</div>
<div class="form-group">
<label>Date Created:</label> {{detail.dateFormatter(detail.topic.createDate)}}
</div>
<div class="form-group">
<label>Last Updated:</label> {{detail.dateFormatter(detail.topic.changeDate)}}
</div>
<div class="form-group" ng-if="!detail.isSteward">
<label>Status:</label> {{detail.topic.state}}
</div>
<label class="pull-right">
*<small>Required Field</small>
</label>
<div class="form-group">
<label>Topic Name*</label>
<input type="text" ng-model="detail.topicName" name="topicname"
id="topicname" class="form-control"
maxlength="254"
required
novalidate
ng-readonly="detail.tabState == 'description' || detail.isSteward">
</div>
<div class="form-group">
<label>Please Describe Your Query's Intent*</label>
<textarea
ng-model="detail.topicDescription" name="topicdescription"
id="topicdescription" class="form-control" required
novalidate
ng-readonly="detail.tabState == 'description' || detail.isSteward">
</textarea>
</div>
<div class="form-group" ng-if="detail.isSteward">
<select ng-model="detail.topicState" ng-if="detail.tabState == 'edit'">
<option ng-if="detail.topicState == 'Pending'" value="Pending" ng-selected="true">
Pending
</option>
<option value="Approved" ng-selected="detail.topicState == 'Approved'">
Approved
</option>
<option value="Rejected" ng-selected="detail.topicState == 'Rejected'">
Rejected
</option>
</select>
<select ng-model="detail.topicState" ng-if="detail.tabState == 'description'">
<option>{{detail.topicState}}</option>
</select>
</div>
<div class="form-group text-center">
<button type="submit"
ng-if="detail.tabState == 'description'"
class="pull-right shrine-button shrine-submit"
ng-disabled="!detail.isEditable()"
ng-click="detail.setState('edit')">
<span>EDIT</span>
<i class="fa fa-chevron-right fa-2x"></i>
</button>
<button type="submit"
ng-if="detail.tabState == 'edit'"
class="pull-right shrine-button shrine-submit"
ng-disabled="!form.$valid"
ng-click="detail.update(topic.id, topicName, topicDescription)">
<span>UPDATE</span>
<i class="fa fa-chevron-right fa-2x"></i>
</button>
</div>
</div>
</form>
<query-history topic="detail.topic" ng-show="detail.tabState === 'history'">
</query-history>
</div>
</div>
</div>
c4science · Help