<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.inProgressStatusOfProject">진행 중인 프로젝트 현황</h5>
|
</div>
|
<div class="bar-label-right">
|
<form class="form-inline justify-content-sm-end" method="post" action="/widget/downloadExcel" name="projectProgressWidgetForm">
|
<input type="hidden" name="downloadWidgetType" value="PROJECT_PROGRESS">
|
<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 left-menu">
|
<a class="dropdown-item cursor" form-submit="projectProgressWidgetForm">
|
<i class="fa fa-download"></i>
|
<span translate="dashboard.downloadToExcel">엑셀로 다운로드</span>
|
</a>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<div class="row mt-20">
|
<div class="col-sm-3 b-r">
|
<div class="el-tablo centered">
|
<div class="label" translate="dashboard.progressProject">
|
진행 프로젝트
|
</div>
|
<div class="value">
|
{{vm.projectProgressWidget.projects.length | number}}
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-3 b-r">
|
<div class="el-tablo centered">
|
<div class="label" translate="dashboard.issueAll">
|
전체 이슈
|
</div>
|
<div class="value">
|
{{vm.projectProgressWidget.totalIssueCount | number}}
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-3 b-r">
|
<div class="el-tablo centered">
|
<div class="label" translate="dashboard.completionIssue">
|
완료 이슈
|
</div>
|
<div class="value">
|
{{vm.projectProgressWidget.completeIssueCount | number}}
|
</div>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="el-tablo centered">
|
<div class="label" translate="dashboard.remainedIssue">
|
잔여 이슈
|
</div>
|
<div class="value">
|
{{vm.projectProgressWidget.remainIssueCount | number}}
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="mt-30">
|
<h6 translate="dashboard.projectProgress">
|
프로젝트 진행률
|
</h6>
|
</div>
|
<div class="os-progress-bar primary">
|
<div class="bar-labels">
|
<div class="bar-label-right">
|
<span class="bigger fc-blue bold">{{vm.projectProgressWidget.progressPercent | number:1}}% </span>
|
</div>
|
</div>
|
<div class="bar-level-2" style="width: 100%">
|
<div class="bar-level-3"
|
ng-style="{ width: vm.projectProgressWidget.progressPercent + '%' }">
|
</div>
|
</div>
|
</div>
|
<div class="mt-30 dashboard-widget-height">
|
<table class="table table-dash table-lightborder width600 table-layout-fixed">
|
<thead>
|
<tr>
|
<th class="text-center">
|
<span translate="common.project">프로젝트</span>
|
</th>
|
<th class="text-center width-120-p">
|
<span translate="dashboard.admin">관리자</span>
|
</th>
|
<th class="text-center width-80-p">
|
<span translate="dashboard.progressPercent">진행률</span>
|
</th>
|
<th class="text-center width-80-p">
|
<span translate="common.issue">이슈</span>
|
</th>
|
<th class="text-center width-80-p">
|
<span translate="dashboard.teamMember">팀원</span>
|
</th>
|
<th class="text-center width-80-p">
|
<span translate="common.period">기간</span>
|
</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr ng-repeat="project in vm.projectProgressWidget.projects">
|
<td class="text-center">
|
{{project.name}}
|
</td>
|
<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="{{project.managerProfile}}">
|
</span>
|
<div class="os-dropdown light message-list">
|
<ul>
|
<li>
|
<a>
|
<div class="message-content">
|
<h6 class="message-from">
|
{{project.managerName}}
|
</h6>
|
<h6 class="message-title">
|
{{project.managerEmail}}
|
</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">{{ project.projectProgressPercent | number:1 }}%
|
</span>
|
</div>
|
</div>
|
<div class="bar-level-2" style="width: 100%">
|
<div class="bar-level-3"
|
ng-style="{ width: project.projectProgressPercent + '%' }">
|
</div>
|
</div>
|
</div>
|
</td>
|
<td class="text-center">
|
<span>{{project.close | number}} / {{project.close + project.remain | number}}</span>
|
</td>
|
<td class="text-center">
|
<a href="" ng-click="fn.projectMember(project.id)">{{project.teamCount}}</a>
|
</td>
|
<td class="text-center">
|
<small>{{project.startDate}}-{{project.endDate}}</small>
|
</td>
|
</tr>
|
<tr ng-show="vm.projectProgressWidget.projects.length < 1">
|
<td colspan="6">
|
<span translate="common.noData">데이터가 없습니다.</span>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
</div>
|
</div>
|
