<div class="interaction-module-list-wrapper" style="margin: 10px 0;">
    <span class="module-title">List faq</span>
    <table class="table table-hover">
        <thead class="redirect-head">
        <tr>
            <th style="width: 4%;">#</th>
            <th style="width: 30%;">Question</th>
            <th style="width: 50%;">Answer</th>
            <th style="width: 10%;">Status</th>
            <th style="width: 6%;"></th>
        </tr>
        <tr ng-show="isShowLoading">
            <div class="loading" ng-show="isShowLoading">
                <div class="loading_line_wrapper">
                    <div class="loading_line">
                        <div class="loading_line_inner loading_line_inner--1"></div>
                        <div class="loading_line_inner loading_line_inner--2"></div>
                    </div>
                </div>
            </div>
        </tr>
        </thead>
        <tbody class="redirect-body">
        <tr ng-repeat="item in items">
            <td style="vertical-align: middle;">@{{ $index + 1 }}</td>
            <td>
                <span class="t-ellipsis-2">@{{ item.question }}</span>
            </td>
            <td>
                <span class="t-ellipsis-2">@{{ item.answer }}</span>
            </td>
            <td>
                @{{ item.status }}
            </td>
            <td style="vertical-align: middle;">
                <button class="btn btn-primary" role="button" ng-click="openModal(item)">
                    <i class="fa fa-pencil" aria-hidden="true"></i>
                </button>
                <button class="btn btn-danger" role="button" ng-click="delete(item)">
                    <i class="fa fa-times" aria-hidden="true"></i>
                </button>
            </td>
        </tr>
        </tbody>
    </table>
</div>