<ion-view view-title="汇报详情" hide-back-button="true">
    <ion-nav-buttons side="left">
        <button class="button ion-chevron-left button-clear button-dark" ng-click="goBack()">&nbsp;返回</button>
    </ion-nav-buttons>
    <ion-nav-buttons side="right">
        <button class="button button-icon ion-ios-more" ng-click="popover.show($event)" ng-if="cssstyle"></button>
    </ion-nav-buttons>
    <ion-content>
        <ion-refresher pulling-text="下拉刷新" on-refresh="doRefresh()"></ion-refresher>
        <div ng-if="loading" class="center init-load action-sheet-backdrop">
            <ion-spinner icon="android"></ion-spinner>
        </div>
        <div ng-if="!loading" class="list daily">
            <div class="item item-divider"></div>
            <daily-header daily="daily"></daily-header>
            <daily-content daily="daily"></daily-content>
            <div class="item item-divider" ng-if="reads.length != 0"></div>
            <div class="item" ng-if="reads.length != 0">
                <p>看过&nbsp;{{reads.length == 0 ? "" : reads.length}}</p>
                <div class="list see-list">
                    <img ng-repeat="read in reads" ng-click="showcardinfo(read.create_user)" ng-src="../../../img/cat.png"/>
                    <!--//todo:{{readitem.usrid.photo}}-->
                </div>
            </div>
            <div class="item item-divider"></div>
            <!--//todo:将评论和看过独立出一个指令进行操作-->
            <div class="item">
                <p>评论&nbsp;{{comments.results.length == 0 ? "" : comments.results.length}}</p>
            </div>
            <ion-list>
                <div class="item center" ng-if="comments.results.length == 0">还没有人进行评论哦</div>
                <a class="item item-avatar item-text-wrap" ng-repeat="comment in comments.results" ng-click="popupMessageOpthins(comment.id,comment.create_user)">
                    <img ng-src="../../../img/panda.png" ng-click="showcardinfo()">
                    <!--//todo:查看信息-->
                    <div>
                        <span>{{comment.create_user_name}}</span>
                        <p>{{comment.comment}}</p>
                        <p class="time">{{comment.create_date | getDateDiff}}</p>
                    </div>
                </a>
                <div class='obligate-item'></div>
            </ion-list>
        </div>
        <ion-infinite-scroll spinner="android" ng-if="moreCanBeLoaded()" on-infinite="loadMore()" distance="1%" immediate-check="false"></ion-infinite-scroll>
    </ion-content>
    <ion-footer-bar keyboard-attach class="bar-stable">
        <div class="bar bar-footer item-input-inset">
            <!--<button ng-click="addhappy()" class="button button-clear">
                <i class="icon ion-android-happy clear"></i>
            </button>-->
            <label class="item-input-wrapper radius-30">
                <input type="text" ng-model="data.comment" placeholder="添加评论">
            </label>
            <button class="button button-positive" ng-disabled="data.comment == '' || data.comment == null" ng-click="sendComment()">发送</button>
        </div>
    </ion-footer-bar>
    <script id="templates/detiilsmenu.html" type="text/ng-template">
        <!--<ion-popover-view ng-class="{true:'details-popup',false:'details-popup-other'}[cssstyle]">-->
        <ion-popover-view ng-class="{true:'popver_view',false:'details-popup-other'}[cssstyle]">
            <ion-content>
                <ion-list>
                    <!--<ion-item class="item item-button" type="item-text-wrap" ng-click="transfer()">转发</ion-item>-->
                    <ion-item class="item item-button" type="item-text-wrap" ng-click="edit()" ng-if="cssstyle">编辑</ion-item>
                    <ion-item class="item item-button" type="item-text-wrap" ng-click="remove()" ng-if="cssstyle">删除</ion-item>
                </ion-list>
            </ion-content>
        </ion-popover-view>
    </script>
</ion-view>