</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 class='mc-search-aside' id='subtask26602-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:"authuser"}, {value:"surname"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/surname/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{surname}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"forename"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/forename/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{forename}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {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: '/authuser'}" 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:"authuser"}, {value:"status"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/status/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{status}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"uname"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/uname/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{uname}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"email"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/email/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{email}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"phone"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/phone/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{phone}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"lastlogin"}], formatter: "translate.Field.get"}' /> <DateRangeSelection class='mc-search-input' dateValue="{ path: 'filter>/lastlogin/from'}" secondDateValue="{ path: 'filter>/lastlogin/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:"authuser"}, {value:"comment"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/comment/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{comment}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"user_mod"}], formatter: "translate.Field.get"}' /> <Input class='mc-search-input' placeholder='{parts: [{value:"LITERAL"}, {value:"Search..."}, {value:"Search..."}], formatter: "translate.Label.get"}' value='{filter>/user_mod/value}' suggestionItems="{path: '/authuser'}" showSuggestion='true' > <suggestionItems><core:Item text='{user_mod}'/></suggestionItems> </Input> </VBox> </f:fields> </f:FormElement> <f:FormElement > <f:fields> <VBox class='mc-search-input-container sapUiTinyMarginBottom'> <Text text='{parts: [{value:"authuser"}, {value:"date_mod"}], formatter: "translate.Field.get"}' /> <DateRangeSelection class='mc-search-input' dateValue="{ path: 'filter>/date_mod/from'}" secondDateValue="{ path: 'filter>/date_mod/to'}" > <customData> <core:CustomData key='type' value='date'/> </customData> </DateRangeSelection> </VBox> </f:fields> </f:FormElement> </f:formElements> </f:FormContainer> </f:formContainers> </f:Form> <HBox alignContent='Center' justifyContent='Center' alignItems='Center'> <Button id='subtask26602-searchButton' text='{parts: [{value:"BUTTON"}, {value:"26602"}, {value:"Search"}], formatter: "translate.Label.get"}'/> </HBox> </VBox> </VBox> <VBox class='main'> <VBox class='mc-table' backgroundDesign='Solid' alignContent='SpaceAround' id='subtask26602' > <HBox id='subtask26602-filterBar' class='filter-bar' justifyContent='Start' wrap='Wrap' visible='true' /> <t:Table rows="{ path: '/authuser', parameters: {$count: true}}" selectionMode='None' columnHeaderHeight='20px' class='' rowActionCount='1' id='subtask26602-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:"26602"}, {value:""}], formatter: "translate.Label.get"}' /> <ToolbarSpacer/> <HBox id='subtask26602-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='subtask26602-title' text='{$count}'/> <Text text='{parts: [{value:"LITERAL"}, {value:"ENTRIES"}, {value:"ENTRIES"}], formatter: "translate.Label.get"}'/> <Button id='subtask26602-personalizeButton' icon='sap-icon://fa-light/gear' tooltip='Personalize'/> <Button id='subtask26602-copyButton' icon='sap-icon://fa-light/copy' tooltip='Copy to clipboard'/> <Button id='subtask26602-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='subtask26602-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='users'/> <core:CustomData key='task' value='users_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='surname' filterProperty='surname' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"surname"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{surname}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='forename' filterProperty='forename' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"forename"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{forename}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='name' filterProperty='name' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"name"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{name}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='status' filterProperty='status' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"status"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{status}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='uname' filterProperty='uname' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"uname"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{uname}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='email' filterProperty='email' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"email"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{email}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='phone' filterProperty='phone' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"phone"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{phone}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='lastlogin' filterProperty='lastlogin' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"lastlogin"}], formatter: "translate.Field.get"}'/> <t:template><Text wrapping='false' text="{ path: 'lastlogin', type: 'format.Date', formatOptions: { } }" /> </t:template> <t:customData> <core:CustomData key='type' value='date' /> </t:customData> </t:Column> <t:Column width='auto' sortProperty='comment' filterProperty='comment' resizable='true'> <Label text='{parts: [{value:"authuser"}, {value:"comment"}], formatter: "translate.Field.get"}'/> <t:template><Text text='{comment}' wrapping='false' /></t:template> </t:Column> <t:Column width='auto' sortProperty='user_mod' filterProperty='user_mod' resizable='true'> <Label text='{parts: [{value:"authuser"}, {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_mod' filterProperty='date_mod' resizable='true'> <Label text='{parts: [{value:"authuser"}, {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>