<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">{{customerDetail ? setCustomerName(customerDetail.company_name,customerDetail.first_name,customerDetail.last_name) : setCustomerName(detailCustomerData.company_name,detailCustomerData.first_name,detailCustomerData.last_name)}}</div>
                <div class="text-title-header-1 nowrap mgT5">Appointment logs</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#customerDetailPopupAppointmentHistoryViewLog')"></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="scrollDetailPopupAppointmentHistoryViewLog" on-scroll="scrollContent('scrollDetailPopupAppointmentHistoryViewLog')">
            <div class="box-setting-4 no-saperator full-w-i" ng-if="noteViewMode == 'office' || noteViewMode == 'all' ">
                <div class="title">Office note</div>
                <div class="content content-in">
                    <div class="itm" ng-repeat="item in dataViewAppNote.office">
                        <div class="layout-fixed">
                            <div>
                                <div class="text">{{item.contents}}</div>
                                <div class="layout-fixed w-auto-i baseline mgT8">
                                    <div><span class="subname clr-black">{{item.userName}}</span></div>
                                    <div class="text-date-1 pdL4 pdR2">at</div>
                                    <div class="text-date-1 lowercase text-right">{{item.time}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="box-setting-4 full-w-i" ng-if="noteViewMode == 'fieldworker' || noteViewMode == 'all' ">
                <div class="title">Fieldworker note</div>
                <div class="content content-in">
                    <div class="itm" ng-repeat="item in dataViewAppNote.fieldworker">
                        <div class="layout-fixed">
                            <div>
                                <div class="text">{{item.contents}}</div>
                                <div class="layout-fixed w-auto-i baseline mgT10">
                                    <div><span class="subname clr-black">{{item.userName}}</span></div>
                                    <div class="text-date-1 pdL4 pdR2">at</div>
                                    <div class="text-date-1 lowercase text-right">{{item.time}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
