<div class="col-xxl-6">
|
<div class="element-box">
|
<div class="os-progress-bar">
|
<div class="bar-labels">
|
<div class="bar-label-left">
|
<h5 translate="dashboard.progressByMember">멤버별 진행률</h5>
|
</div>
|
<div class="bar-label-right">
|
<form class="form-inline justify-content-sm-end" method="post" action="/widget/downloadExcel" name="memberProgressWidgetForm">
|
<input type="hidden" name="downloadWidgetType" value="MEMBER_PROGRESS">
|
<input type="hidden" name="projectId" value="{{vm.projectId}}">
|
<div class="btn-group">
|
<button class="btn btn-light btn-rounded dropdown-toggle" data-toggle="dropdown"
|
type="button"><i class="os-icon os-icon-download"></i></button>
|
<div class="dropdown-menu">
|
<a class="dropdown-item cursor" form-submit="memberProgressWidgetForm">
|
<i class="fa fa-download"></i>
|
<span translate="dashboard.downloadToExcel">엑셀로 다운로드</span>
|
</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
|
<div class="os-tabs-w mt-20">
|
<div class="os-tabs-controls" ng-if="$root.workProject == null">
|
<ul class="nav nav-tabs smaller">
|
<li class="nav-item" ng-repeat="projectVo in vm.memberProgressWidget.projectVos">
|
<a class="nav-link cursor" ng-class="{ 'active' : projectVo.checked }"
|
ng-click="fn.findMemberProgressWidget(projectVo.id)">
|
<span ng-if="projectVo.name.length > 15">{{projectVo.name.slice(0, 15)}}...</span>
|
<span ng-if="projectVo.name.length < 16">{{projectVo.name}}</span>
|
</a>
|
</li>
|
</ul>
|
</div>
|
|
<div class="tab-content">
|
<div class="tab-pane active">
|
<div class="mt-30" style="height:250px; overflow-y: auto;">
|
<table class="table table-dash table-bordered width600 table-layout-fixed">
|
<thead>
|
<tr>
|
<th class="text-center" translate="dashboard.teamMember">
|
팀원
|
</th>
|
<th class="text-center" translate="dashboard.progressPercent">
|
진행률
|
</th>
|
<th class="text-center" translate="dashboard.assignedIssue">
|
담당이슈
|
</th>
|
<th class="text-center" translate="dashboard.delaying">
|
지연 중
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr ng-repeat="member in vm.memberProgressWidget.members">
|
<td class="text-center">
|
<div class="os-dropdown-trigger os-dropdown-position-left user-with-avatar"
|
owl-profile-over>
|
<span class="avatar">
|
<img alt="" ng-src="{{member.profile}}"> {{member.name}}
|
</span>
|
<div class="os-dropdown light message-list">
|
<ul>
|
<li>
|
<a>
|
<div class="message-content">
|
<h6 class="message-from">
|
{{member.name}}
|
</h6>
|
<h6 class="message-title">
|
{{member.account}}
|
</h6>
|
</div>
|
</a>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</td>
|
<td class="text-center">
|
<div class="os-progress-bar info">
|
<div class="bar-labels">
|
<div class="bar-label-right">
|
<span class="info">{{member.projectProgressPercent | number : 1}}% </span>
|
</div>
|
</div>
|
<div class="bar-level-2" style="width: 100%">
|
<div class="bar-level-3"
|
ng-style="{ width: member.projectProgressPercent + '%' }">
|
</div>
|
</div>
|
</div>
|
</td>
|
<td class="text-center">
|
{{member.completeCount | number}}/{{member.completeCount +
|
member.remainCount | number}}
|
</td>
|
<td class="text-center">
|
{{member.delayCount | number}}
|
</td>
|
</tr>
|
<tr ng-show="vm.memberProgressWidget.members.length < 1">
|
<td colspan="4" translate="common.noData">데이터가 없습니다.</td>
|
</tr>
|
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
