<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.index.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:"TASK"}, {value:"6963"}, {value:""}], 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:"6963"}, {value:""}], formatter: "translate.Label.get"}' level='H1'/>
</HBox>
<HBox id='quicksearch' class='quicksearch-container' alignItems='Center' justifyContent='Center'>
    <VBox class='mc-quicksearch' id='subtask26573' >
      <HBox alignItems='Center'>
        <Input class='mc-quicksearch-input' placeholder='Schnellsuche' suggestionRows='{/crm_contacts_bs}' showSuggestion='true' showTableSuggestionValueHelp='false' id='subtask26573-input'>
<suggestionColumns>
<Column>
  <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"name"}], formatter: "translate.Field.get"}' />
</Column>
</suggestionColumns>
<suggestionRows>
<ColumnListItem>
<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>
  <Label text='{name}' />
</ColumnListItem>
</suggestionRows>
        </Input>
        <Button
          icon='sap-icon://fa-solid/magnifying-glass' 
          type='Transparent'
          tooltip='{parts: [{value:"QUICKSEARCH"}, {value:"26573"}, {value:"Search"}], formatter: "translate.Label.get"}'
          id='subtask26573-searchButton'
        />
      </HBox>
    </VBox>
</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%'>
  <VBox class="mc-options" id="subtask26574" height='100%'>
    <HBox class="mc-options-hbox" backgroundDesign="Solid" alignContent="SpaceAround" justifyContent='Center' >
      <Button class="optionsButton" icon="sap-icon://fa-regular/plus" type="Emphasized"       visible="{parts: [{value: 'CONTACTS.CREATE'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"ADD"}, {value:"ADD"}], formatter: "translate.Label.get"}'
id='subtask26574-optionsButton-1'>
        <customData>
        <core:CustomData key="module" value="contacts"/>
        <core:CustomData key="task" value="contacts_add"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/line-columns" type="Emphasized"       visible="{parts: [{value: 'CONTACTS.READ'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"LIST"}, {value:"LIST"}], formatter: "translate.Label.get"}'
id='subtask26574-optionsButton-2'>
        <customData>
        <core:CustomData key="module" value="contacts"/>
        <core:CustomData key="task" value="contacts_list"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/magnifying-glass" type="Emphasized"       visible="{parts: [{value: 'CONTACTS.READ'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"SEARCH"}, {value:"SEARCH"}], formatter: "translate.Label.get"}'
id='subtask26574-optionsButton-3'>
        <customData>
        <core:CustomData key="module" value="contacts"/>
        <core:CustomData key="task" value="contacts_searchadv"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/gears" type="Emphasized"       visible="{parts: [{value: 'CONTACTS.CONFIG'}, {value: 'CONTACTS.ADMIN'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"CONFIG"}, {value:"CONFIG"}], formatter: "translate.Label.get"}'
id='subtask26574-optionsButton-4'>
        <customData>
        <core:CustomData key="module" value="contacts"/>
        <core:CustomData key="task" value="config"/>
        </customData>
      </Button>
    </HBox>
</VBox>
  </HBox>
  <HBox class='aside-main-container' width='100%'>
  <VBox class='aside hidden-if-empty'>
  </VBox>
  <VBox class='main'>
<VBox id='subtaskContactsIndexList' class='treeview'>
  <HBox id='subtaskContactsIndexList-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' />
  <t:Table 
  	rows="{ path: '/crm_contacts_bs', parameters: {$count: true, $filter: 'status lt 90'}}" 
    selectionMode='None' 
    columnHeaderHeight='20px' 
    class='' 
    rowActionCount='1' 
    id='subtaskContactsIndexList-table' 
    threshold='{$count}'
    columnSelect='utils.ColumnMenu.onTableColumnPress'
>
<t:rowMode>
<rowmodes:Fixed rowCount='20' rowContentHeight="48"/>
</t:rowMode>
  <t:extension>
     <OverflowToolbar style='Clear' class='mc-table-toolbar'>
     <!-- <Title text='{parts: [{value:"SUBTITLE"}, {value:"ContactsIndexList"}, {value:""}], formatter: "translate.Label.get"}' /> -->
     <ToolbarSpacer/> 
     <HBox id='subtaskContactsIndexList-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/> 
     </OverflowToolbar>
  </t:extension>
  <t:dependents>
  </t:dependents>
  <t:columns> 
<t:Column autoResizable='true' resizable='true' sortProperty='name' filterProperty='name'>
      <Label text='{parts: [{value:"crm_contacts_bs"}, {value:"name"}], formatter: "translate.Field.get"}'/>
    <t:template>
        <HBox justifyContent='Start' alignContent='Center' class='actions-container sapUiSmallMargin' width="100%">
            <Link
                class='no-border'
                text="{name}"
                tooltip='Details'
                press='utils.Table.onActionPress'
            >
                <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>
            </Link>
        </HBox>
    </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>
        <Link text='{_client_id/name}' wrapping='false' press="openDialog" enabled="{parts: [{value: 'CLIENTS.READ'}], formatter: '.checkScopes'}">
          <customData>
              <core:CustomData key='module' value='clients'/>
              <core:CustomData key='dialogName' value='overview'/>
              <core:CustomData key='tableName' value='crm_clients_bs'/>
              <core:CustomData key='field' value='id'/>
              <core:CustomData key='value' value='{_client_id/id}'/>
              <core:CustomData key='scope' value='CLIENTS.READ'/>
          </customData>
        </Link>
        </t:template>
    </t:Column>
    <t:Column width='auto' resizable='true'>
      <Label text='{parts: [{value:"LABEL"}, {value:"CONTACTS_INDEX_LIST_SHOPS_COL"}, {value: "Objekte"}], formatter: "translate.Field.get"}'/>
    </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='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' resizable='true' filterProperty='@date_valid'>
      <Label text='{parts: [{value:"LITERAL"}, {value:"VALIDATE"}, {value:"Pr?fen"}], formatter: "translate.Label.get"}'/>
      <t:template>
        <core:Icon
          src="{parts: [{path: 'date_valid'}, {value: '180'}, {value: '180'}], formatter: '.getValidateIcon'}"
          color="{parts: [{path: 'date_valid'}, {value: '200'}, {value: '210'}], formatter: '.getValidateColor'}"
          tooltip="{parts: [{path: 'date_valid'}, {value: '200'}, {value: '210'}], formatter: '.getValidateMessage'}"
          press='onTaskNav'
        >
          <core: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}'/>
          </core:customData>
        </core:Icon>
      </t:template>
      <t:customData>
         <core:CustomData key='type' value='validate' /> 
      </t:customData>
    </t:Column>
  </t:columns>
</t:Table>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>