<?xml version="1.0" encoding="UTF-8" ?>
<!-- Copyright (c) 2009-2017 SAP SE, All Rights Reserved -->
<core:View controllerName="sap.ushell.components.tiles.applauncher.Configuration"
    xmlns="sap.m" 
    xmlns:core="sap.ui.core"
    xmlns:form="sap.ui.layout.form"
     xmlns:layout="sap.ui.layout"
     xmlns:table="sap.ui.table"
     xmlns:clayout="sap.ui.commons.layout"
     xmlns:common="sap.ui.commons">
<MessageStrip id="messageStrip" showIcon="true" showCloseButton="false" visible="false"/>
<form:SimpleForm id="configuration" maxContainerCols="2"
    minWidth="1024" editable="true">
    <form:content>
        <core:Title id="categoryCommon" text="{i18n>configuration.category.general}"></core:Title>
        <Label text="{i18n>configuration.display_title_text}"></Label>
        <Input id="titleInput" value="{/config/display_title_text}" enabled="{/config/editable}"
            width="100%" tooltip="{i18n>configuration.display_title_text.tooltip}"
            editable="{/config/isLocaleSuitable}" />
        <Label text="{i18n>configuration.display_subtitle_text}"></Label>
        <Input id="subtitleInput" value="{/config/display_subtitle_text}" enabled="{/config/editable}"
            width="100%" tooltip="{i18n>configuration.display_subtitle_text.tooltip}"
            editable="{/config/isLocaleSuitable}"/>
        <Label text="{i18n>configuration.keywords}"></Label>
        <Input id="keywordsInput" value="{/config/display_search_keywords}" enabled="{/config/editable}"
            width="100%" tooltip="{i18n>configuration.keywords.tooltip}"
            editable="{/config/isLocaleSuitable}" />
        <Label text="{i18n>configuration.display_icon_url}"></Label>
        <Input id="iconInput" value="{/config/display_icon_url}" enabled="{/config/editable}"
            placeholder="sap-icon://inbox" tooltip="{i18n>configuration.display_icon_url.tooltip}"
            liveChange="onConfigurationInputChange" valueHelpRequest="onIconValueHelpRequest" showValueHelp="true" />
        <Label text="{i18n>configuration.display_info_text}"></Label>
        <Input id="infoInput" value="{/config/display_info_text}" enabled="{/config/editable}"
            width="100%" tooltip="{i18n>configuration.display_info_text.tooltip}"
            editable="{/config/isLocaleSuitable}" />
        <core:Title id="categoryNavigation" text="{i18n>configuration.category.navigation}"></core:Title>
        <Label text="{i18n>configuration.navigation_use_semantic_object}"></Label>
        <CheckBox id="useLpdCheckbox" selected="{/config/navigation_use_semantic_object}"
            tooltip="{i18n>configuration.navigation_use_semantic_object.tooltip}"
            select="onCheckBoxChange" enabled="{/config/editable}" />
        <Label text="{i18n>configuration.semantic_object}"></Label>
        <Input id="navigation_semantic_objectInput" width="100%" 
            tooltip="{i18n>configuration.semantic_object.tooltip}" maxLength="30"
            liveChange="onConfigurationInputChange" valueHelpRequest="onValueHelpRequest"
            showValueHelp="true" showSuggestion="true" enabled="{= ${/enabled} &amp;&amp; ${/config/editable}}"
            value="{/value}" />
        <Label text="{i18n>configuration.navigation_semantic_action}"></Label>
        <Input id="navigation_semantic_actionInput" value="{/config/navigation_semantic_action}"
            width="100%" enabled="{= ${/config/navigation_use_semantic_object} &amp;&amp; ${/config/editable}}" maxLength="50"
            valueHelpRequest="onActionValueHelpRequest" showValueHelp="true" showSuggestion="true"
            tooltip="{i18n>configuration.navigation_semantic_action.tooltip}"
            liveChange="onConfigurationInputChange" />
        <Label text="{i18n>configuration.navigation_semantic_parameters}"></Label>
        <Input id="navigation_semantic_parametersInput" value="{/config/navigation_semantic_parameters}"
            width="100%" enabled="{= ${/config/navigation_use_semantic_object} &amp;&amp; ${/config/editable}}"
            tooltip="{i18n>configuration.navigation_semantic_parameters.tooltip}"/>
        <Label text="{i18n>configuration.navigation_target_url}"></Label>
        <Input id="targetUrl" value="{/config/navigation_target_url}"
            type="Url" width="100%"
            tooltip="{i18n>configuration.navigation_target_url.tooltip}"/>
        <Label />

        <core:Title id="categoryTileActions"
          text="{i18n>configuration.category.tile_actions}"></core:Title>
        <table:Table id="tileActions"
          rows="{/config/tile_actions_rows}"
          selectionBehavior="Row"
          selectionMode="Multi"
          visibleRowCount="3"
          enableColumnReordering="false"
          rowHeight="30px"
        >
        <table:Column id="menuItem" width="80px" tooltip="{i18n>configuration.tile_actions.table.menu_item_tooltip}">
          <Label text="{i18n>configuration.tile_actions.table.menu_item}"/>
          <table:template>
            <common:TextField value="{menu_title}" editable="{editable}" valueState="{valueState}"></common:TextField>
          </table:template>
        </table:Column>

        <table:Column id="targetType" width="85px" tooltip="{i18n>configuration.tile_actions.table.target_type_tooltip}">
          <Label text="{i18n>configuration.tile_actions.table.target_type}"/>
          <table:template>
            <common:ComboBox id="targetTypeCB" value="{target_type}" editable="{editable}" change="handleTargetTypeChange"></common:ComboBox>
          </table:template>
        </table:Column>

        <table:Column id="navigationTarget" width="162px" tooltip="{i18n>configuration.tile_actions.table.navigation_target_tooltip}">
          <Label text="{i18n>configuration.tile_actions.table.navigation_target}"/>
          <table:template>
            <Input liveChange="onConfigurationInputChange" valueHelpRequest="onTileActionValueHelp" showValueHelp="{isTargetTypeIntent}"
              showSuggestion="{isTargetTypeIntent}" value="{navigation_target}" editable="{editable}"/>
          </table:template>
        </table:Column>

        <table:Column id="action" width="85px" tooltip="{i18n>configuration.tile_actions.table.action_tooltip}">
          <Label text="{i18n>configuration.tile_actions.table.action}"/>
          <table:template>
            <common:TextField value="{action}" enabled="{isTargetTypeIntent}" editable="{editable}"></common:TextField>
          </table:template>
        </table:Column>

        <table:Column id="icon" width="110px" tooltip="{i18n>configuration.tile_actions.table.icon_tooltip}">
          <Label text="{i18n>configuration.tile_actions.table.icon}"/>
          <table:template>
            <Input value="{icon}" placeholder="sap-icon://inbox" editable="{editable}" valueStateText="{iconValueStateText}" valueState="{iconValueState}"
              liveChange="onConfigurationInputChange" valueHelpRequest="onTileActionIconValueHelp" showValueHelp="true" />
          </table:template>
        </table:Column>
        </table:Table>
        <Label/>

        <clayout:MatrixLayout>
          <clayout:MatrixLayoutRow>
            <clayout:MatrixLayoutCell hAlign="End">
              <common:Button id="addRow" text="{i18n>configuration.tile_actions.table.add}" enabled="{/config/editable}" tooltip="{i18n>configuration.tile_actions.table.add_tooltip}" press="addRow" width="100px"/>
              <common:Button id="deleteRow" text="{i18n>configuration.tile_actions.table.remove}" enabled="{/config/editable}" tooltip="{i18n>configuration.tile_actions.table.remove_tooltip}" press="deleteRow" width="100px"/>
            </clayout:MatrixLayoutCell>
          </clayout:MatrixLayoutRow>
        </clayout:MatrixLayout>

    </form:content>
</form:SimpleForm>

<HBox visible="false">
    <Dialog id="selectIconDialog" leftButton="ok" rightButton="cancel"
        title="{i18n>configuration.select_icon}">
        <content>
        <layout:ResponsiveFlowLayout id="icons" />
        <HBox visible="true">
            <Button id="ok" enabled="{/config/ok.enabled}" text="{i18n>configuration.ok}" />
            <Button id="cancel" text="{i18n>configuration.cancel}" press="onSelectIconClose" />
        </HBox>
        </content>
    </Dialog>
</HBox>
</core:View>