<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.jobs.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:"7010"}, {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:"JOBS"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='jobs'/>
        <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:"7010"}, {value:""}], formatter: "translate.Label.get"}' level='H1'/>
</HBox>
<HBox id='quicksearch' class='quicksearch-container' alignItems='Center' justifyContent='Center'>
    <VBox class='mc-quicksearch' id='subtask26808' >
      <HBox alignItems='Center'>
        <Input class='mc-quicksearch-input' placeholder='Schnellsuche' suggestionRows='{/erp_jobs_bs}' showSuggestion='true' showTableSuggestionValueHelp='false' id='subtask26808-input'>
<suggestionColumns>
<Column>
  <Label text='{parts: [{value:"erp_jobs_bs"}, {value:"name"}], formatter: "translate.Field.get"}' />
</Column>
</suggestionColumns>
<suggestionRows>
<ColumnListItem>
<customData>
  <core:CustomData key='module' value='jobs' />
  <core:CustomData key='task' value='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:"26808"}, {value:"Search"}], formatter: "translate.Label.get"}'
          id='subtask26808-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="subtask26810" 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: 'JOBS.CREATE'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"ADD"}, {value:"ADD"}], formatter: "translate.Label.get"}'
id='subtask26810-optionsButton-1'>
        <customData>
        <core:CustomData key="module" value="jobs"/>
        <core:CustomData key="task" value="add"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/line-columns" type="Emphasized"       visible="{parts: [{value: 'JOBS.READ'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"LIST"}, {value:"LIST"}], formatter: "translate.Label.get"}'
id='subtask26810-optionsButton-2'>
        <customData>
        <core:CustomData key="module" value="jobs"/>
        <core:CustomData key="task" value="list"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/magnifying-glass" type="Emphasized"       visible="{parts: [{value: 'JOBS.READ'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"SEARCH"}, {value:"SEARCH"}], formatter: "translate.Label.get"}'
id='subtask26810-optionsButton-3'>
        <customData>
        <core:CustomData key="module" value="jobs"/>
        <core:CustomData key="task" value="search"/>
        </customData>
      </Button>
      <Button class="optionsButton" icon="sap-icon://fa-regular/gears" type="Emphasized"       visible="{parts: [{value: 'JOBS.CONFIG'}, {value: 'JOBS.ADMIN'}], formatter: '.checkScopes'}" tooltip='{parts: [{value:"ACTIONS"}, {value:"CONFIG"}, {value:"CONFIG"}], formatter: "translate.Label.get"}'
id='subtask26810-optionsButton-4'>
        <customData>
        <core:CustomData key="module" value="jobs"/>
        <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='subtaskJobsIndexList' class='treeview'>
	<HBox id='subtaskJobsIndexList-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' />
  <t:Table 
  	rows="{ path: '/erp_jobs_bs', parameters: {$count: true, $filter: 'status lt 90'}}" 
    selectionMode='None' 
    columnHeaderHeight='20px' 
    class='' 
    rowActionCount='1' 
    id='subtaskJobsIndexList-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:"JobsIndexList"}, {value:""}], formatter: "translate.Label.get"}' /> -->
     <ToolbarSpacer/> 
     <HBox id='subtaskJobsIndexList-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='subtaskJobsIndexList-title' text='{$count}'/>
     <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/> -->
     <!-- <Button id='subtaskJobsIndexList-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/>
     <Button id='subtaskJobsIndexList-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/>
     <Button id='subtaskJobsIndexList-exportButton' icon='sap-icon://fa-light/file-excel' tooltip='Export as Exel'/> -->
     </OverflowToolbar>
  </t:extension>
  <t:dependents>
    <!--<tcm:Menu id='subtaskJobsIndexList-dateMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <DateRangeSelection change='utils.ColumnMenu.onDateRangeChange' displayFormat='dd.MM.yyyy'>
          </DateRangeSelection>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>
    <tcm:Menu id='subtaskJobsIndexList-stringMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <Input submit='utils.ColumnMenu.onStringInputChange'>
          </Input>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>-->
    <tcm:Menu id='subtaskJobsIndexList-integerMenu' beforeOpen='utils.ColumnMenu.onBeforeOpen'>
      <tcm:QuickAction category='Filter'>
        <HBox alignItems='Center'>
          <Input submit='utils.ColumnMenu.onIntegerInputChange'>
          </Input>
          <Button class='no-border menu-button' icon='sap-icon://fa-light/trash' press='utils.ColumnMenu.onClearFilter'
           tooltip='{parts: [{value:"LABEL"}, {value:"CLEAR FILTERS"}, {value:"Filter leeren"}], formatter: "translate.Label.get"}'/>
        </HBox>
      </tcm:QuickAction>
    </tcm:Menu>
  </t:dependents>
  <t:columns>
<t:Column autoResizable='true' resizable='true' sortProperty='name' filterProperty='name'>
      <Label text='{parts: [{value:"erp_jobs_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='jobs'/>
                    <core:CustomData key='task' value='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:"erp_jobs_bs"}, {value:"client_id"}], formatter: "translate.Field.get"}'/>
      <t:template>
        <Link text='{_client_id/name}' wrapping='false' press="openDialog">
          <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}'/>
          </customData>
        </Link>
        </t:template>
    </t:Column>
     <t:Column width='auto' sortProperty='_shop_id/name' filterProperty='_shop_id/name' resizable='true'>
      <Label text='{parts: [{value:"erp_jobs_bs"}, {value:"shop_id"}], formatter: "translate.Field.get"}'/>
      <t:template>
        <Link text='{_shop_id/name}' wrapping='false' press="openDialog">
          <customData>
              <core:CustomData key='module' value='shops'/>
              <core:CustomData key='dialogName' value='overview'/>
              <core:CustomData key='tableName' value='crm_shops_bs'/>
              <core:CustomData key='field' value='id'/>
              <core:CustomData key='value' value='{_shop_id/id}'/>
          </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:template>
        <HBox items="{  
          path: '_erp_jobs_dt', 
          parameters: {
            $filter: '_job_id/_shop_id ne null and _job_id/status lt 90'
          }
        }">
          <Link text="{_job_id/_shop_id/name}" wrapping='false' press="openDialog">
            <customData>
                <core:CustomData key='module' value='shops'/>
                <core:CustomData key='dialogName' value='overview'/>
                <core:CustomData key='field' value='id'/>
                <core:CustomData key='value' value='{_job_id/_shop_id/id}'/>
            </customData>
          </Link>
        </HBox>
      </t:template> -->
    </t:Column>
    <t:Column width='auto' sortProperty='type' filterProperty='type' resizable='true'>
      <Label text='{parts: [{value:"erp_jobs_bs"}, {value:"type"}], formatter: "translate.Field.get"}'/>
      <t:template><Text wrapping='false' text="{ path:'type'}" />
      </t:template>
    </t:Column>
    <t:Column width='auto' sortProperty='date_mod' filterProperty='date_mod' resizable='true'>
      <Label text='{parts: [{value:"erp_jobs_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:columns> 
</t:Table>
</VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>