<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.pgr.tasks.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:"7140"}, {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:"PGR"}, {value:""}], formatter: "translate.Label.get"}'>
      <customData>
        <core:CustomData key='module' value='pgr'/>
        <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:"7140"}, {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-search-aside' id='subtask28515-search-form' height='100%'>
      <f:Form editable='true'>
      <f:layout>
      <f:ResponsiveGridLayout
      labelSpanXL='4'
      labelSpanL='3'
      labelSpanM='4'
      labelSpanS='12'
      adjustLabelSpan='false'
      emptySpanXL='0'
      emptySpanL='4'
      emptySpanM='0'
      emptySpanS='0'
      columnsXL='1'
      columnsL='1'
      columnsM='1'
      singleContainerFullSize='false'
      />
      </f:layout>
      <f:formContainers>
      <f:FormContainer>
      <f:formElements>
      <f:FormElement >
        <f:fields>
          <VBox class='mc-search-input-container sapUiTinyMarginBottom'> 
            <Text text='{parts: [{value:"cfr_history_bs"}, {value:"date_create"}], formatter: "translate.Field.get"}' /> 
            <DateRangeSelection 
               class='mc-search-input' 
               dateValue="{ path: 'filter>/date_create/from'}" 
               secondDateValue="{ path: 'filter>/date_create/to'}" 
            >
              <customData> 
                <core:CustomData key='type' value='date'/> 
              </customData> 
            </DateRangeSelection> 
          </VBox> 
        </f:fields>
      </f:FormElement>
      <f:FormElement >
        <f:fields>
       <VBox class='mc-search-input-container sapUiTinyMarginBottom'> 
        <Text text='{parts: [{value:"cfr_history_bs"}, {value:"user_create"}], formatter: "translate.Field.get"}' /> 
          <Input 
            class='mc-search-input' 
            placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' 
            value='{filter>/user_create/value}' 
            suggestionItems="{path: '/cfr_history_bs'}" 
            showSuggestion='true' 
          >
            <suggestionItems><core:Item text='{user_create}'/></suggestionItems>
          </Input>
       </VBox> 
        </f:fields>
      </f:FormElement>
      <f:FormElement >
        <f:fields>
       <VBox class='mc-search-input-container sapUiTinyMarginBottom'> 
        <Text text='{parts: [{value:"cfr_history_bs"}, {value:"name"}], formatter: "translate.Field.get"}' /> 
          <Input 
            class='mc-search-input' 
            placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' 
            value='{filter>/name/value}' 
            suggestionItems="{path: '/cfr_history_bs'}" 
            showSuggestion='true' 
          >
            <suggestionItems><core:Item text='{name}'/></suggestionItems>
          </Input>
       </VBox> 
        </f:fields>
      </f:FormElement>
      <f:FormElement >
        <f:fields>
       <VBox class='mc-search-input-container sapUiTinyMarginBottom'> 
        <Text text='{parts: [{value:"cfr_history_bs"}, {value:"description"}], formatter: "translate.Field.get"}' /> 
          <Input 
            class='mc-search-input' 
            placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' 
            value='{filter>/description/value}' 
            suggestionItems="{path: '/cfr_history_bs'}" 
            showSuggestion='true' 
          >
            <suggestionItems><core:Item text='{description}'/></suggestionItems>
          </Input>
       </VBox> 
        </f:fields>
      </f:FormElement>
      </f:formElements>
      </f:FormContainer>
      </f:formContainers>
      </f:Form>
      <HBox alignContent='Center' justifyContent='Center' alignItems='Center'>
      <Button id='subtask28515-searchButton' text='{parts: [{value:"BUTTON"}, {value:"28515"}, {value:"Search"}], formatter: "translate.Label.get"}'/>
      </HBox>
      </VBox>
        </VBox>
        <VBox class='main'>
       <VBox class='mc-table' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask28515' >
       <HBox id='subtask28515-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' /> 
        <t:Table rows="{ path: '/cfr_history_bs', parameters: {$count: true}}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask28515-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:"28515"}, {value:""}], formatter: "translate.Label.get"}' />
           <ToolbarSpacer/> 
           <HBox id='subtask28515-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='subtask28515-title' text='{$count}'/>
           <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/>
           <Button id='subtask28515-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/>
           <Button id='subtask28515-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/>
           <Button id='subtask28515-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='subtask28515-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'
                            enabled="{= !!${path:'master', targetType:'any'} }"
                      >
                          <customData>
                              <core:CustomData key='module' value='{master}'/>
                              <core:CustomData key='task' value='{target}'/>
                              <core:CustomData key='field' value='id'/>
                              <core:CustomData key='value' value='{target_id}'/>
                          </customData>
                      </Button>
                   </HBox>
               </t:template>
           </t:Column>
          <t:Column width='auto' sortProperty='date_create' filterProperty='date_create' resizable='true'>
            <Label text='{parts: [{value:"cfr_history_bs"}, {value:"date_create"}], formatter: "translate.Field.get"}'/>
            <t:template><Text wrapping='false' text="{ path: 'date_create', type: 'format.Date',  formatOptions: { } }" />
      </t:template>
      <t:customData>
          <core:CustomData key='type' value='date' /> 
      </t:customData> 
          </t:Column>
          <t:Column width='auto' sortProperty='timestamp' filterProperty='timestamp' resizable='true'>
            <Label text='{parts: [{value:"cfr_history_bs"}, {value:"timestamp"}], formatter: "translate.Field.get"}'/>
            <t:template><Text wrapping='false' text="{ path: 'timestamp', type: 'format.Time',  formatOptions: { } }" />
      </t:template>
      <t:customData>
          <core:CustomData key='type' value='timestamp' /> 
      </t:customData> 
          </t:Column>
          <t:Column width='auto' sortProperty='user_create' filterProperty='user_create' resizable='true'>
            <Label text='{parts: [{value:"cfr_history_bs"}, {value:"user_create"}], formatter: "translate.Field.get"}'/>
            <t:template><Text text='{user_create}' wrapping='false' /></t:template>
          </t:Column>
          <t:Column width='auto' sortProperty='name' filterProperty='name' resizable='true'>
            <Label text='{parts: [{value:"cfr_history_bs"}, {value:"name"}], formatter: "translate.Field.get"}'/>
            <t:template><Text text='{name}' wrapping='false' /></t:template>
          </t:Column>
          <t:Column width='auto' sortProperty='description' filterProperty='description' resizable='true'>
            <Label text='{parts: [{value:"cfr_history_bs"}, {value:"description"}], formatter: "translate.Field.get"}'/>
            <t:template>
            	<Link
                text="{description}"
                press="utils.Search.onOpenDetail"
                class="mcSearchLink"
              />
            </t:template>
          </t:Column>
        </t:columns>
      </t:Table>
      </VBox>
  </VBox>
  </HBox>
</VBox>
</mvc:View>