
<div class="container">
    <div class="row">
        <div class="col-md-8">

            <tr>
                <td><a ui-sref="addproject" class="btn btn-success" data-toggle="modal"><i
                        class="fa fa-user-plus"></i> <span>Thêm Dự Án Mới</span></a></a></td>
            </tr>
            <h4></h4>
            <tr></tr>
            <!--            <input type="text" ng-model="search" placeholder="Search">-->
            <input class="search" ng-model="keyword" type="text" placeholder="Search" ng-change="currentPage =1">
            <tr></tr>
            <h2 style="text-align: center">Thông tin dự án</h2>

            <table class="table">

                <thead>

                <tr>
                    <th>Tên Dự Án</th>
                    <th>Mô tả ngắn</th>
                    <th>Ngày bắt đầu</th>
                    <th>Hạn giao</th>
                    <th>Trạng Thái</th>
                    <th style="width: 250px">Thao Tác</th>
                </tr>
                </thead>
                <tbody>
                <tr class="vide"
                    ng-repeat="project in listProject| filter:{name:keyword} | lmto:3:3*(currentPage-1) track by $index">
                    <td>{{ project.name }}</td>
                    <td>{{ project.descriptions }}</td>
                    <td>{{ project.startDate | date:"dd/MM/yyyy" }}</td>
                    <td>{{ project.endDate | date:"dd/MM/yyyy" }}</td>
                    <td>
                        <span ng-if="project.status == 0" style="color: #34ce57">Dự Kiến</span>
                        <span ng-if="project.status == 1" style="color: #0e90d2">Đang Tiến Hành</span>
                        <span ng-if="project.status == 2" style="color: #b21f2d">Hoàn Thành</span>
                    </td>
                    <!--                    thao tác-->
                    <td style="width: 250px">
                        <a ui-sref="groupProjectByProjectId({ID: project.id})" class="btn btn-info btn-circle btn-sm">
                            Chi Tiết Nhóm</a>

                        <a ui-sref="editproject({ID: project.id})">
                            <button class="btn btn-primary btn-xs" data-title="Edit" data-toggle="modal"
                                    data-target="#edit"><span class="glyphicon glyphicon-pencil"></span></button>
                        </a>
                        <a ng-controller="deleteProject" data-ng-click="deleteProject(project.id)">
                            <button class="btn btn-danger btn-xs" data-title="Delete" data-toggle="modal"
                                    data-target="#delete">
                                <span class="glyphicon glyphicon-trash"></span></button>
                        </a>
                    </td>

                </tr>


                </tbody>
            </table>
            <uib-pagination total-items="getTotalItems()" boundary-link-numbers="true" ng-model="currentPage"
                            ng-change="pageChangedIndex()" rotate="true"
                            items-per-page="numPerPage"></uib-pagination>
        </div>
    </div>

</div>
