<div class="app-header bg-header-1">
    <div class="layout-fixed full-h text-center">
        <div class="full-h v-bottom-i pdB15">
            <div class="app-content-header bg-header-1">
                <div class="text-name-header-1 nowrap">{{dataComment.title}}</div>
                <div class="text-title-header-1 nowrap mgT10">{{dataComment.data.length}} Feed comment</div>
            </div>
        </div>
    </div>
    <button type="button" class="popup-back-button bg-transparent pd0-i biger-3-time" ng-click="displayComment('close')"></button>
</div>
<div class="app-content">
    <div class="app-content-inner content-pd">
        <ion-scroll class="scroll-area" direction="y" has-bouncing="false" overflow-scroll="false" delegate-handle="scrollNewsfeedComment" on-scroll="scrollContent('scrollNewsfeedComment')">
            <div class="box-setting-4 form-field-container full-w-i" ng-repeat="itm in dataComment.data">
                <div class="content content-in">
                    <div class="itm">
                        <div class="layout-fixed">
                            <div class="w50px v-top-i">
                                <div class="box-image-thumnail-2 w40px h40px">
                                    <a class="image-outer" href="javascript:void(0)">
                                        <img ng-src="{{itm.image_pic}}" check-image />
                                    </a>
                                </div>
                            </div>
                            <div>
                                <div class="text">{{itm.contents}}</div>
                                <div class="layout-fixed w-auto-i baseline mgT8">
                                    <div class="subname clr-black capitalize">{{itm.name}}</div>
                                    <div class="text-date-1 pdL4 pdR2">at</div>
                                    <div class="text-date-1 lowercase text-right" ng-bind-html="displayTime(itm.time, false)"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
<div class="app-comment">
    <div class="box-comment-1 layout-fixed full">
        <div class="input">
            <textarea placeholder="Comment" ng-model="$parent.contentComment" id="contentComment"></textarea>
        </div>
        <div class="send w50px" ng-click="comment(dataComment,$parent.contentComment)">
            <button class="bg-transparent full text-right pdR10 relative">
                <svg class="h25px" viewBox="0 79.3 511.6 353"> <g> <g> <path style="fill: #1075BB" d="M511.6,152.1H418.7l20.1-72.8L511.6,152.1z" /> <path style="fill: #FFF" d="M438.9,152.1v81.6l-77.2-77.2l77.2-77.2V152.1L438.9,152.1z" /> </g> <path style="fill: #FFF" d="M317.5,355.1l-77.2,77.2V277.9h40.2L317.5,355.1z" /> <path style="fill: #FFF" d="M296.7,91.6l-81.1,121.3h-40.2L54.1,91.6H296.7z" /> <path style="fill: #1075BB" d="M296.7,91.6L175.4,212.9l142.1,142.2l121.3-121.3C438.9,233.7,296.7,91.6,296.7,91.6L296.7,91.6z" /> <path style="fill: #FFF" d="M316.8,275.4c0,4.199-3.399,7.5-7.5,7.5c-4.2,0-7.5-3.4-7.5-7.5c0-4.2,3.4-7.5,7.5-7.5 C313.4,267.9,316.8,271.3,316.8,275.4L316.8,275.4z" /> <path style="fill: #FFF" d="M336.9,235.2c0,4.2-3.4,7.5-7.5,7.5c-4.2,0-7.5-3.4-7.5-7.5c0-4.2,3.399-7.5,7.5-7.5C333.6,227.7,336.9,231,336.9,235.2 L336.9,235.2z" /> </g> <path style="fill: #FFF" d="M180.3,267.7c0,4.899-4,8.8-8.8,9.8H8.8c-4.9-1-8.8-5-8.8-9.8l0,0c0-4.9,4-8.8,8.8-8.8h162.7 C176.4,258.8,180.3,262.8,180.3,267.7L180.3,267.7z" /> <path style="fill: #FFF" d="M194.5,345.5c0,4.9-4,8.8-8.8,8.8H74.3c-4.9,0-8.8-4-8.8-8.8l0,0c0-4.9,4-8.8,8.8-8.8h111.3 C190.5,336.7,194.5,340.7,194.5,345.5L194.5,345.5z" /> </svg>
            </button>
        </div>
    </div>
</div>