<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.contacts.tasks.contacts_list.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:"6908"}, {value:"List"}], 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:"CONTACTS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='contacts'/>
        <core:CustomData key='task' value='index'/>
      </customData>
    </Link>
    </Breadcrumbs>
    </HBox>
<HBox id='title' class='title-container' alignItems='Center' justifyContent='Center'>
    <Title text='{parts: [{value:"TASK"}, {value:"6908"}, {value:""}], formatter: "translate.Label.get"}' 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='subtask26279' >
 <HBox id='subtask26279-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' /> 
  <t:Table rows="{ path: '/crm_contacts_bs', parameters: {$count: true}}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask26279-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:"26279"}, {value:""}], formatter: "translate.Label.get"}' />
     <ToolbarSpacer/> 
     <HBox id='subtask26279-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='subtask26279-title' text='{$count}'/>
     <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/>
     <Button id='subtask26279-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/>
     <Button id='subtask26279-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/>
     <Button id='subtask26279-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='subtask26279-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='contacts'/>
                    <core:CustomData key='task' value='contacts_show'/>
                    <core:CustomData key='field' value='id'/>
                    <core:CustomData key='value' value='{id}'/>
                </customData>
            </Button>
        </HBox>
    </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='greeting' filterProperty='greeting' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"greeting"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{greeting}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='title' filterProperty='title' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"title"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{title}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='forename' filterProperty='forename' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"forename"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{forename}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='surname' filterProperty='surname' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"surname"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{surname}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='_cat_id/name' filterProperty='_cat_id/name' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {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='_client_id/name' filterProperty='_client_id/name' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"client_id"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text="{_client_id/name}" wrapping='false'  />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='field_free1' filterProperty='field_free1' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"field_free1"}], formatter: "translate.Field.get"}'/>
      <t:template><Text  text="{ path: 'field_free1', type: 'format.Boolean',  formatOptions: {}  }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='checkbox' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='field_free2' filterProperty='field_free2' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"field_free2"}], formatter: "translate.Field.get"}'/>
      <t:template><Text  text="{ path: 'field_free2', type: 'format.Boolean',  formatOptions: {}  }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='checkbox' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='field_free3' filterProperty='field_free3' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"field_free3"}], formatter: "translate.Field.get"}'/>
      <t:template><Text  text="{ path: 'field_free3', type: 'format.Boolean',  formatOptions: {}  }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='checkbox' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='comment' filterProperty='comment' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"comment"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{comment}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_mod' filterProperty='date_mod' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"date_mod"}], formatter: "translate.Field.get"}'/>
      <t:template><Text wrapping='false' text="{ path: 'date_mod', type: 'format.Date',  formatOptions: { } }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='date' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='user_mod' filterProperty='user_mod' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"user_mod"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{user_mod}' wrapping='false' />      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_valid' filterProperty='date_valid' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"date_valid"}], formatter: "translate.Field.get"}'/>
      <t:template><Text wrapping='false' text="{ path: 'date_valid', type: 'format.Date',  formatOptions: { } }" />
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='date' /> 
      </t:customData> 
    </t:Column>
    <t:Column width='auto' sortProperty='user_valid' filterProperty='user_valid' resizable='true'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"user_valid"}], formatter: "translate.Field.get"}'/>
      <t:template><Text text='{user_valid}' wrapping='false' />      </t:template>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>