61 lines
2.1 KiB
HTML
61 lines
2.1 KiB
HTML
<div>
|
|
<div class="spacer"></div>
|
|
|
|
<div layout="coulumn" flex="80">
|
|
<md-card layout-padding style="width:100%">
|
|
<h3><i class="fa fa-clipboard"></i> {{task.title}}</h3>
|
|
<h4>Due At: {{ task.date }}</h4>
|
|
<p>{{ dueTimeFromNow }}</p>
|
|
<p ng-bind-html-unsafe="task.description"></p>
|
|
<p>{{(task.isPersonal) ? "Personal" : "Project"}} Task</p>
|
|
|
|
<!-- <md-divider></md-divider> -->
|
|
|
|
<div ng-repeat="component in task.components">
|
|
<md-card layout-padding>
|
|
<div ng-if="conponent.isMandatory">
|
|
<font color="red">
|
|
<i class="fa fa-certificate"></i>
|
|
</font>
|
|
</div>
|
|
<!-- if text box -->
|
|
<div ng-if="component.type == 'textbox'">
|
|
<md-input-container>
|
|
<label>{{component.label}}</label>
|
|
<input ng-model="component.value">
|
|
</md-input-container>
|
|
</div>
|
|
<!-- if Text Area -->
|
|
<div ng-if="component.type == 'textarea'">
|
|
<md-input-container>
|
|
<label>{{component.label}}</label>
|
|
<textarea ng-model="component.value"></textarea>
|
|
</md-input-container>
|
|
</div>
|
|
<!-- if Checkbox -->
|
|
<div ng-if="component.type == 'checkbox'">
|
|
<md-checkbox ng-model="component.value" aria-label="Checkbox 1">
|
|
{{ component.label}}
|
|
</md-checkbox>
|
|
</div>
|
|
<!-- if Link -->
|
|
<div ng-if="component.type == 'link'" layout="column" ng-init="initLinkComp(component)" style="width: 100%" layout-align="center">
|
|
<md-button ng-href="{{component.href}}" style="width: 100%" target="_blank">
|
|
<i class="fa fa-link"></i> {{component.title}}
|
|
</md-button>
|
|
</div>
|
|
<!-- if RadioButtons -->
|
|
<div ng-if="component.type == 'radiobuttons'" ng-init="initRadioButtonsComp(component)">
|
|
{{component.title}}
|
|
<md-radio-group ng-model="component.value" ng-change="RB(component)">
|
|
<md-radio-button ng-repeat="option in component.values" value="{{option.text}}" class="md-primary">{{option.text}}</md-radio-button>
|
|
</md-radio-group>
|
|
</div>
|
|
</md-card>
|
|
</div>
|
|
</md-card>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
|
|
|
|
</div> |