<mvc:View xmlns:rowmodes='sap.ui.table.rowmodes' xmlns:mvc='sap.ui.core.mvc' xmlns='sap.m' xmlns:core='sap.ui.core' xmlns:t='sap.ui.table' xmlns:l='sap.ui.layout' xmlns:f='sap.ui.layout.form' xmlns:mc='sap.mcsuite.controls' xmlns:dnd='sap.ui.core.dnd' controllerName='sap.mcsuite.modules.shops.tasks.shop_history.controller.Task' xmlns:utils='sap.mcsuite.model.utils' xmlns:cssgrid='sap.ui.layout.cssgrid' xmlns:tcm='sap.m.table.columnmenu' core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }" >
<cssgrid:CSSGrid id='header' class='header-container' width='100%' gridTemplateColumns='1fr 1fr 1fr'>
<HBox id='breadcrumb' class='breadcrumb-container' alignItems='Start' justifyContent='Start'>
  <Breadcrumbs class='breadcrumb' separatorStyle='Slash' currentLocationText='{parts: [{value:"BREADCRUMB"}, {value:"3496"}, {value:"History"}], formatter: "translate.Label.get"}'>
    <Link id='homeLink' press='goHome' text='Home' icon='sap-icon://home'/>
    <Link id='moduleLink' press='taskNav' text='{parts: [{value:"FOLDER"}, {value:"SHOPS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='shops'/>
        <core:CustomData key='task' value='index'/>
      </customData>
    </Link>
    </Breadcrumbs>
    </HBox>
<HBox id='title' class='title-container' alignItems='Center' justifyContent='Center'>
    <Title text='{query>/name}'  level='H1'/>
</HBox>
<HBox id='quicksearch' class='quicksearch-container' alignItems='Center' justifyContent='Center'>
</HBox>
  </cssgrid:CSSGrid>
<VBox id='content' class='content-container' alignItems='Start' justifyContent='Start' width='100%' wrap='Wrap'>
  <HBox class='options hidden-if-empty' width='100%'>
  </HBox>
  <HBox class='aside-main-container' width='100%'>
  <VBox class='aside hidden-if-empty'>
  </VBox>
  <VBox class='main'>
 <VBox class='mc-table' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26304' >
 <HBox id='subtask26304-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' /> 
  <t:Table rows="{ path: '/gpv_routes_dt', parameters: {$count: true}}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask26304-table' threshold='{$count}'
columnSelect='utils.ColumnMenu.onTableColumnPress' 
>
<t:rowMode>
<rowmodes:Fixed rowCount='20'/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear' class='mc-table-toolbar'>
     <Title text='{parts: [{value:"SUBTITLE"}, {value:"26304"}, {value:""}], formatter: "translate.Label.get"}' />
     <ToolbarSpacer/> 
     <HBox id='subtask26304-filters' class='mc-table-filter-container' alignItems='Center' justifyContent='Start' items='{filters>/filters}' wrap='Wrap' width='70%'>
     <Button icon='sap-icon://fa-light/xmark' tooltip='Filter' text='{path: "filters>label"}' press='utils.ColumnMenu.removeFilter' class='sapUiSmallMarginEnd'/>
     </HBox>
     <ToolbarSpacer/>
     <Text id='subtask26304-title' text='{$count}'/>
     <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/>
     <Button id='subtask26304-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/>
     <Button id='subtask26304-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/>
     <Button id='subtask26304-exportButton' icon='sap-icon://fa-light/file-excel' tooltip='Export as Exel'/>
     </OverflowToolbar>
  </t:extension>
  <t:dependents>
  </t:dependents>
  <t:columns>
<t:Column autoResizable='true' resizable='true' id='subtask26304-actions' hAlign='Begin' width='2.5em' class='actions-column'>
    <t:template>
        <HBox width='2.5em' justifyContent='Center' alignContent='Center' class='actions-container'>
            <Button
                class='no-border'
                icon='sap-icon://fa-light/magnifying-glass'
                tooltip='Details'
                press='utils.Table.onActionPress'
                width='2em'
            >
                <customData>
                    <core:CustomData key='module' value='shops'/>
                    <core:CustomData key='task' value=''/>
                    <core:CustomData key='field' value='id'/>
                    <core:CustomData key='value' value='{id}'/>
                </customData>
            </Button>
        </HBox>
    </t:template>
    </t:Column>
    <t:Column width='55px' sortProperty='id' filterProperty='id' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"id"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text="{ path: 'id', type: 'format.Number',  formatOptions: { decimals: 0,groupingEnabled: false } }" />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='_status/name' filterProperty='_status/name' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"status"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text="{_status/name}" wrapping='false'  />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='_cat_id/name' filterProperty='_cat_id/name' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"cat_id"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text="{_cat_id/name}" wrapping='false'  />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_visit' filterProperty='date_visit' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"date_visit"}], formatter: "translate.Field.get"}'/>
      <t:template><Text wrapping='false' text="{ path: 'date_visit', type: 'format.Date',  formatOptions: { } }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='date' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='gpv' filterProperty='gpv' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"gpv"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{gpv}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='time_start' filterProperty='time_start' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"time_start"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{time_start}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='visit_time' filterProperty='visit_time' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"visit_time"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{visit_time}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='resumen' filterProperty='resumen' resizable='true'>
      <Label text='{parts: [{value:"gpv_routes_dt"}, {value:"resumen"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{resumen}' wrapping='false' />      </t:template>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>