<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">{{searchMapInfo.fromDate| date: 'MM/dd/yyyy'}} - {{searchMapInfo.toDate| date: 'MM/dd/yyyy'}}</div>
                <div class="text-title-header-1 nowrap mgT10">{{totalAppoinment}} appointment</div>
            </div>
        </div>
    </div>
    <button class="popup-back-button bg-transparent pd0-i biger-3-time" type="button" ng-click="closeTarget('#popupListMapAppointment')"></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="scrollListMapAppointment" on-scroll="scrollContent('scrollListMapAppointment')">
            <div class="box-setting-4 form-field-container full-w-i">
                <div class="content content-in">
                    <div class="itm row-one-content" ng-repeat="item in dataListAppSort" ng-click="beforesetCenterMaker(item)">
                        <div class="layout-fixed" ng-click="viewAppDetail(item.id)">
                            <div class="w30px v-top-i pdT5">
                                <div class="box-image-thumnail-3 rounded w18px h25px" style="background-color: {{item.userColor != '' && item.userColor != null ? item.userColor : '#000000'}}"></div>
                            </div>
                            <div class="v-top-i">
                                <div class="name clr-black first-capitalize">{{item.jsCity!=null && item.jsCity!='' ? item.jsCity : item.ctCity}} {{item.startimeView}}-{{item.endtimeView}}</div>
                                <div class="text">{{item.appointmentgroupsName}}</div>
                                <div class="subname clr-black mgT8" ng-if="item.prefieldworkerName!=null">{{item.prefieldworkerName}}</div>
                            </div>
                            <div class="w50px clear">
                                <button class="app-item-next-icon bg-transparent pd0-i right" type="button"></button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </ion-scroll>
    </div>
</div>
