OFBiz › OFBiz - Commits

[ofbiz-framework] branch trunk updated: Improved: Apply CSS Grid to Find Orders (OFBIZ-12116)

_‹ Previous Topic Next Topic _›

Classic

List

Threaded

1 message

James Yong-2

[ofbiz-framework] branch trunk updated: Improved: Apply CSS Grid to Find Orders (OFBIZ-12116)

This is an automated email from the ASF dual-hosted git repository.

jamesyong pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/ofbiz-framework.git

The following commit(s) were added to refs/heads/trunk by this push:
new 6f3c7cb Improved: Apply CSS Grid to Find Orders (OFBIZ-12116)
6f3c7cb is described below

commit 6f3c7cb4c2bfd913bb8748776e7b02c15af41df5
Author: James Yong <[hidden email]>
AuthorDate: Sat Jan 2 12:46:44 2021 +0800

Improved: Apply CSS Grid to Find Orders (OFBIZ-12116)

Apply CSS Grid Layout on the form.
Keep related fields together
---
applications/order/template/order/FindOrders.ftl | 554 +++++++++------------
.../order/widget/ordermgr/OrderViewScreens.xml | 1 -
themes/common-theme/webapp/common/css/info.css | 38 ++
3 files changed, 281 insertions(+), 312 deletions(-)

diff --git a/applications/order/template/order/FindOrders.ftl b/applications/order/template/order/FindOrders.ftl
index d50e07c..21d9e10 100644
--- a/applications/order/template/order/FindOrders.ftl
+++ b/applications/order/template/order/FindOrders.ftl
@@ -155,320 +155,252 @@ function paginateOrderList(viewSize, viewIndex, hideFields) {
<br class="clear"/>
</div>
<#if parameters.hideFields?default("N") != "Y">
- <div class="screenlet-body">
- <table class="basic-table" cellspacing='0'>
- <tr>
- <td align='center' width='100%'>
- <table class="basic-table" cellspacing='0'>
- <tr>
- <td class='label'>${uiLabelMap.OrderOrderId}</td>
- <td><input type='text' name='orderId'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderOrderName}</td>
- <td ><input type='text' name='orderName'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderExternalId}</td>
- <td ><input type='text' name='externalId'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderCustomerPo}</td>
- <td ><input type='text' name='correspondingPoId' value='${requestParameters.correspondingPoId!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderInternalCode}</td>
- <td ><input type='text' name='internalCode' value='${requestParameters.internalCode!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductProductId}</td>
- <td >
- <@htmlTemplate.lookupField value='${requestParameters.productId!}' formName="lookuporder" name="productId" id="productId" fieldFormName="LookupProduct"/>
- </td>
- </tr>
- <#if goodIdentificationTypes?has_content>
- <tr>
- <td class='label'>${uiLabelMap.ProductGoodIdentificationType}</td>
- <td>
- <select name='goodIdentificationTypeId'>
- <#if currentGoodIdentificationType?has_content>
- <option value="${currentGoodIdentificationType.goodIdentificationTypeId}">${currentGoodIdentificationType.get("description", locale)}</option>
- <option value="${currentGoodIdentificationType.goodIdentificationTypeId}">---</option>
- </#if>
- <option value="">${uiLabelMap.ProductAnyGoodIdentification}</option>
- <#list goodIdentificationTypes as goodIdentificationType>
- <option value="${goodIdentificationType.goodIdentificationTypeId}">${goodIdentificationType.get("description", locale)}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductGoodIdentification}</td>
- <td ><input type='text' name='goodIdentificationIdValue' value='${requestParameters.goodIdentificationIdValue!}'/></td>
- </tr>
+ <div class="ofbiz-form">
+
+ <label for="orderId">${uiLabelMap.OrderOrderId}</label>
+ <input id="orderId" type='text' name='orderId'/>
+
+ <label for="orderName">${uiLabelMap.OrderOrderName}</label>
+ <input id="orderName" type='text' name='orderName'/>
+
+ <label for="orderTypeId">${uiLabelMap.OrderOrderType}</label>
+ <select id='orderTypeId' name='orderTypeId'>
+ <#if currentType?has_content>
+ <option value="${currentType.orderTypeId}">${currentType.get("description", locale)}</option>
+ <option value="${currentType.orderTypeId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.OrderAnyOrderType}</option>
+ <#list orderTypes as orderType>
+ <option value="${orderType.orderTypeId}">${orderType.get("description", locale)}</option>
+ </#list>
+ </select>
+
+ <label for="correspondingPoId">${uiLabelMap.OrderCustomerPo}</label>
+ <input id='correspondingPoId' type='text' name='correspondingPoId' value='${requestParameters.correspondingPoId!}'/>
+
+ <label for="correspondingPoId" class="left-column">${uiLabelMap.CommonDateFilter}</label>
+ <div>
+ <@htmlTemplate.renderDateTimeField name="minDate" event="" action="" value="${requestParameters.minDate!}" className="" alert="" title="Format: yyyy-MM-dd HH:mm:ss.SSS" size="25" maxlength="30" id="minDate1" dateType="date" shortDateInput=false timeDropdownParamName="" defaultDateTimeString="" localizedIconTitle="" timeDropdown="" timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" compositeT [...]
+ <span class='label'>${uiLabelMap.CommonFrom}</span>
+ </div>
+
+ <label for="externalId" class="right-column">${uiLabelMap.OrderExternalId}</label>
+ <input id='externalId' type='text' name='externalId'/>
+
+ <label class="left-column"></label>
+ <div>
+ <@htmlTemplate.renderDateTimeField name="maxDate" event="" action="" value="${requestParameters.maxDate!}" className="" alert="" title="Format: yyyy-MM-dd HH:mm:ss.SSS" size="25" maxlength="30" id="maxDate1" dateType="date" shortDateInput=false timeDropdownParamName="" defaultDateTimeString="" localizedIconTitle="" timeDropdown="" timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" compositeT [...]
+ <span class='label'>${uiLabelMap.CommonThru}</span>
+ </div>
+
+ <label for="partyId" class="left-column">${uiLabelMap.PartyPartyId}</label>
+ <@htmlTemplate.lookupField value='${requestParameters.partyId!}' formName="lookuporder" name="partyId" id="partyId" fieldFormName="LookupPartyName"/>
+
+ <label for="userLoginId" class="right-column">${uiLabelMap.CommonUserLoginId}</label>
+ <@htmlTemplate.lookupField value='${requestParameters.userLoginId!}' formName="lookuporder" name="userLoginId" id="userLoginId" fieldFormName="LookupUserLoginAndPartyDetails"/>
+
+ <label for="roleTypeId" class="left-column">${uiLabelMap.PartyRoleType}</label>
+ <select name='roleTypeId' id='roleTypeId' multiple="multiple">
+ <#if currentRole?has_content>
+ <option value="${currentRole.roleTypeId}">${currentRole.get("description", locale)}</option>
</#if>
- <tr>
- <td class='label'>${uiLabelMap.ProductInventoryItemId}</td>
- <td ><input type='text' name='inventoryItemId' value='${requestParameters.inventoryItemId!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductSerialNumber}</td>
- <td ><input type='text' name='serialNumber' value='${requestParameters.serialNumber!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductSoftIdentifier}</td>
- <td ><input type='text' name='softIdentifier' value='${requestParameters.softIdentifier!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.PartyRoleType}</td>
- <td >
- <select name='roleTypeId' id='roleTypeId' multiple="multiple">
- <#if currentRole?has_content>
- <option value="${currentRole.roleTypeId}">${currentRole.get("description", locale)}</option>
- </#if>
- <option value="">${uiLabelMap.CommonAnyRoleType}</option>
- <#list roleTypes as roleType>
- <option value="${roleType.roleTypeId}">${roleType.get("description", locale)}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.PartyPartyId}</td>
- <td>
- <@htmlTemplate.lookupField value='${requestParameters.partyId!}' formName="lookuporder" name="partyId" id="partyId" fieldFormName="LookupPartyName"/>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.CommonUserLoginId}</td>
- <td>
- <@htmlTemplate.lookupField value='${requestParameters.userLoginId!}' formName="lookuporder" name="userLoginId" id="userLoginId" fieldFormName="LookupUserLoginAndPartyDetails"/>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderOrderType}</td>
- <td>
- <select name='orderTypeId'>
- <#if currentType?has_content>
- <option value="${currentType.orderTypeId}">${currentType.get("description", locale)}</option>
- <option value="${currentType.orderTypeId}">---</option>
- </#if>
- <option value="">${uiLabelMap.OrderAnyOrderType}</option>
- <#list orderTypes as orderType>
- <option value="${orderType.orderTypeId}">${orderType.get("description", locale)}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.AccountingBillingAccount}</td>
- <td>
- <@htmlTemplate.lookupField value='${requestParameters.billingAccountId!}' formName="lookuporder" name="billingAccountId" id="billingAccountId" fieldFormName="LookupBillingAccount"/>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.CommonCreatedBy}</td>
- <td><input type='text' name='createdBy' value='${requestParameters.createdBy!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderSalesChannel}</td>
- <td>
- <select name='salesChannelEnumId'>
- <#if currentSalesChannel?has_content>
- <option value="${currentSalesChannel.enumId}">${currentSalesChannel.get("description", locale)}</option>
- <option value="${currentSalesChannel.enumId}">---</option>
- </#if>
- <option value="">${uiLabelMap.CommonAnySalesChannel}</option>
- <#list salesChannels as channel>
- <option value="${channel.enumId}">${channel.get("description", locale)}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductProductStore}</td>
- <td>
- <select name='productStoreId'>
- <#if currentProductStore?has_content>
- <option value="${currentProductStore.productStoreId}">${currentProductStore.storeName!}</option>
- <option value="${currentProductStore.productStoreId}">---</option>
- </#if>
- <option value="">${uiLabelMap.CommonAnyStore}</option>
- <#list productStores as store>
- <option value="${store.productStoreId}">${store.storeName!}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.ProductWebSite}</td>
- <td>
- <select name='orderWebSiteId'>
- <#if currentWebSite?has_content>
- <option value="${currentWebSite.webSiteId}">${currentWebSite.siteName}</option>
- <option value="${currentWebSite.webSiteId}">---</option>
- </#if>
- <option value="">${uiLabelMap.CommonAnyWebSite}</option>
- <#list webSites as webSite>
- <option value="${webSite.webSiteId}">${webSite.siteName!}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.CommonStatus}</td>
- <td>
- <#list orderStatuses as orderStatus>
- <label>
+ <option value="">${uiLabelMap.CommonAnyRoleType}</option>
+ <#list roleTypes as roleType>
+ <option value="${roleType.roleTypeId}">${roleType.get("description", locale)}</option>
+ </#list>
+ </select>
+
+ <label for="createdBy" class="right-column">${uiLabelMap.CommonCreatedBy}</label>
+ <input type='text' id='createdBy' name='createdBy' value='${requestParameters.createdBy!}'/>
+
+ <#if goodIdentificationTypes?has_content>
+ <label for="goodIdentificationTypeId" class="left-column">${uiLabelMap.ProductGoodIdentificationType}</label>
+ <select id="goodIdentificationTypeId" name='goodIdentificationTypeId'>
+ <#if currentGoodIdentificationType?has_content>
+ <option value="${currentGoodIdentificationType.goodIdentificationTypeId}">${currentGoodIdentificationType.get("description", locale)}</option>
+ <option value="${currentGoodIdentificationType.goodIdentificationTypeId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.ProductAnyGoodIdentification}</option>
+ <#list goodIdentificationTypes as goodIdentificationType>
+ <option value="${goodIdentificationType.goodIdentificationTypeId}">${goodIdentificationType.get("description", locale)}</option>
+ </#list>
+ </select>
+
+ <label for="goodIdentificationIdValue" class="right-column">${uiLabelMap.ProductGoodIdentification}</label>
+ <input id='goodIdentificationIdValue' type='text' name='goodIdentificationIdValue' value='${requestParameters.goodIdentificationIdValue!}'/>
+ </#if>
+
+ <label for="productId" class="left-column">${uiLabelMap.ProductProductId}</label>
+ <@htmlTemplate.lookupField value='${requestParameters.productId!}' formName="lookuporder" name="productId" id="productId" fieldFormName="LookupProduct"/>
+
+ <label for="internalCode" class="right-column">${uiLabelMap.OrderInternalCode}</label>
+ <input id='internalCode' type='text' name='internalCode' value='${requestParameters.internalCode!}'/>
+
+ <label for="inventoryItemId" class="left-column">${uiLabelMap.ProductInventoryItemId}</label>
+ <input id='inventoryItemId' type='text' name='inventoryItemId' value='${requestParameters.inventoryItemId!}'/>
+
+ <label for="serialNumber">${uiLabelMap.ProductSerialNumber}</label>
+ <input id='serialNumber' type='text' name='serialNumber' value='${requestParameters.serialNumber!}'/>
+
+ <label for="softIdentifier">${uiLabelMap.ProductSoftIdentifier}</label>
+ <input id='softIdentifier' type='text' name='softIdentifier' value='${requestParameters.softIdentifier!}'/>
+
+ <label class="left-column">${uiLabelMap.CommonStatus}</label>
+ <div class="full-width-control">
+ <#list orderStatuses as orderStatus>
+ <label>
<input type="checkbox" name="orderStatusId" value="${orderStatus.statusId}" <#if currentStatuses?has_content && currentStatuses.contains(orderStatus.statusId)>checked</#if>/>
${orderStatus.get("description", locale)}
- </label>
- </#list>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderContainsBackOrders}</td>
- <td>
- <select name='hasBackOrders'>
- <#if requestParameters.hasBackOrders?has_content>
- <option value="Y">${uiLabelMap.OrderBackOrders}</option>
- <option value="Y">---</option>
- </#if>
- <option value="">${uiLabelMap.CommonShowAll}</option>
- <option value="Y">${uiLabelMap.CommonOnly}</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderSelectShippingMethod}</td>
- <td>
- <select name="shipmentMethod">
- <#if currentCarrierShipmentMethod?has_content>
- <#assign currentShipmentMethodType = currentCarrierShipmentMethod.getRelatedOne("ShipmentMethodType", false)>
- <option value="${currentCarrierShipmentMethod.partyId}@${currentCarrierShipmentMethod.shipmentMethodTypeId}">${currentCarrierShipmentMethod.partyId!} ${currentShipmentMethodType.description!}</option>
- <option value="${currentCarrierShipmentMethod.partyId}@${currentCarrierShipmentMethod.shipmentMethodTypeId}">---</option>
- </#if>
- <option value="">${uiLabelMap.OrderSelectShippingMethod}</option>
- <#list carrierShipmentMethods as carrierShipmentMethod>
- <#assign shipmentMethodType = carrierShipmentMethod.getRelatedOne("ShipmentMethodType", false)>
- <option value="${carrierShipmentMethod.partyId}@${carrierShipmentMethod.shipmentMethodTypeId}">${carrierShipmentMethod.partyId!} ${shipmentMethodType.description!}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderViewed}</td>
- <td>
- <select name="isViewed">
- <#if requestParameters.isViewed?has_content>
- <#assign isViewed = requestParameters.isViewed>
- <option value="${isViewed}"><#if "Y" == isViewed>${uiLabelMap.CommonYes}<#elseif "N" == isViewed>${uiLabelMap.CommonNo}</#if></option>
- </#if>
- <option value=""></option>
- <option value="Y">${uiLabelMap.CommonYes}</option>
- <option value="N">${uiLabelMap.CommonNo}</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderAddressVerification}</td>
- <td><input type='text' name='gatewayAvsResult' value='${requestParameters.gatewayAvsResult!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderScore}</td>
- <td><input type='text' name='gatewayScoreResult' value='${requestParameters.gatewayScoreResult!}'/></td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.CommonDateFilter}</td>
- <td>
- <@htmlTemplate.renderDateTimeField name="minDate" event="" action="" value="${requestParameters.minDate!}" className="" alert="" title="Format: yyyy-MM-dd HH:mm:ss.SSS" size="25" maxlength="30" id="minDate1" dateType="date" shortDateInput=false timeDropdownParamName="" defaultDateTimeString="" localizedIconTitle="" timeDropdown="" timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" compos [...]
- <span class='label'>${uiLabelMap.CommonFrom}</span>
- </td>
- </tr>
- <tr>
- <td class="label"/>
- <td>
- <@htmlTemplate.renderDateTimeField name="maxDate" event="" action="" value="${requestParameters.maxDate!}" className="" alert="" title="Format: yyyy-MM-dd HH:mm:ss.SSS" size="25" maxlength="30" id="maxDate1" dateType="date" shortDateInput=false timeDropdownParamName="" defaultDateTimeString="" localizedIconTitle="" timeDropdown="" timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" comp [...]
- <span class='label'>${uiLabelMap.CommonThru}</span>
- </td>
- </tr>
- <tr>
- <td class='label'><label for="filterInventoryProblems">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterInventoryProblems}</label></td>
- <td>
- <input type="checkbox" id="filterInventoryProblems" name="filterInventoryProblems" value="Y"
- <#if "Y" == requestParameters.filterInventoryProblems?default("N")>checked="checked"</#if> />
- </td>
- </tr>
- <tr>
- <td class='label'><label for="filterPartiallyReceivedPOs">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPartiallyReceivedPOs}</label></td>
- <td>
- <input type="checkbox" id="filterPartiallyReceivedPOs" name="filterPartiallyReceivedPOs" value="Y"
- <#if "Y" == requestParameters.filterPartiallyReceivedPOs?default("N")>checked="checked"</#if> />
- </td>
- </tr>
- <tr>
- <td class='label'><label for="filterPOsOpenPastTheirETA">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPOsOpenPastTheirETA}</label></td>
- <td>
- <input type="checkbox" id="filterPOsOpenPastTheirETA" name="filterPOsOpenPastTheirETA" value="Y"
- <#if "Y" == requestParameters.filterPOsOpenPastTheirETA?default("N")>checked="checked"</#if> />
- </td>
- </tr>
- <tr>
- <td class='label'><label for="filterPOsWithRejectedItems">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPOsWithRejectedItems}</label></td>
- <td>
- <input type="checkbox" id="filterPOsWithRejectedItems" name="filterPOsWithRejectedItems" value="Y"
- <#if "Y" == requestParameters.filterPOsWithRejectedItems?default("N")>checked="checked"</#if> />
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.OrderShipToCountry}</td>
- <td>
- <select name="countryGeoId">
- <#if requestParameters.countryGeoId?has_content>
- <#assign countryGeoId = requestParameters.countryGeoId>
- <#assign geo = delegator.findOne("Geo", Static["org.apache.ofbiz.base.util.UtilMisc"].toMap("geoId", countryGeoId), true)>
- <option value="${countryGeoId}" selected="selected">${geo.geoName!}</option>
- <option value="" >${uiLabelMap.CommonAny}</option>
- <#else>
- <option value="" selected="selected">${uiLabelMap.CommonAny}</option>
- </#if>
- ${screens.render("component://common/widget/CommonScreens.xml#countries")}
- </select>
- <select name="includeCountry">
- <#if requestParameters.includeCountry?has_content>
- <#assign includeCountry = requestParameters.includeCountry>
- <option value="${includeCountry}"><#if "Y" == includeCountry>${uiLabelMap.OrderOnlyInclude}<#elseif "N" == includeCountry>${uiLabelMap.OrderDoNotInclude}</#if></option>
- <option value="${includeCountry}">---</option>
- </#if>
- <option value="Y">${uiLabelMap.OrderOnlyInclude}</option>
- <option value="N">${uiLabelMap.OrderDoNotInclude}</option>
- </select>
- </td>
- </tr>
- <tr>
- <td class='label'>${uiLabelMap.AccountingPaymentStatus}</td>
- <td>
- <select name="paymentStatusId">
- <option value="">${uiLabelMap.CommonAll}</option>
- <#list paymentStatusList as paymentStatus>
- <option value="${paymentStatus.statusId}">${paymentStatus.get("description", locale)}</option>
- </#list>
- </select>
- </td>
- </tr>
- <tr><td colspan="3"><hr /></td></tr>
- <tr>
- <td class="label"/>
- <td>
- <input type="hidden" name="showAll" value="Y"/>
- <input type='submit' value='${uiLabelMap.CommonFind}'/>
- </td>
- </tr>
- </table>
- </td>
- </tr>
- </table>
- </div>
+ </label>
+ </#list>
+ </div>
+
+ <label for="billingAccountId" class="left-column">${uiLabelMap.AccountingBillingAccount}</label>
+ <@htmlTemplate.lookupField value='${requestParameters.billingAccountId!}' formName="lookuporder" name="billingAccountId" id="billingAccountId" fieldFormName="LookupBillingAccount"/>
+
+ <label for="paymentStatusId">${uiLabelMap.AccountingPaymentStatus}</label>
+ <select id='paymentStatusId' name="paymentStatusId">
+ <option value="">${uiLabelMap.CommonAll}</option>
+ <#list paymentStatusList as paymentStatus>
+ <option value="${paymentStatus.statusId}">${paymentStatus.get("description", locale)}</option>
+ </#list>
+ </select>
+
+ <label for="productStoreId" class="left-column">${uiLabelMap.ProductProductStore}</label>
+ <select id='productStoreId' name='productStoreId'>
+ <#if currentProductStore?has_content>
+ <option value="${currentProductStore.productStoreId}">${currentProductStore.storeName!}</option>
+ <option value="${currentProductStore.productStoreId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.CommonAnyStore}</option>
+ <#list productStores as store>
+ <option value="${store.productStoreId}">${store.storeName!}</option>
+ </#list>
+ </select>
+
+ <label for="salesChannelEnumId">${uiLabelMap.OrderSalesChannel}</label>
+ <select id="salesChannelEnumId" name='salesChannelEnumId'>
+ <#if currentSalesChannel?has_content>
+ <option value="${currentSalesChannel.enumId}">${currentSalesChannel.get("description", locale)}</option>
+ <option value="${currentSalesChannel.enumId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.CommonAnySalesChannel}</option>
+ <#list salesChannels as channel>
+ <option value="${channel.enumId}">${channel.get("description", locale)}</option>
+ </#list>
+ </select>
+
+ <label for="orderWebSiteId">${uiLabelMap.ProductWebSite}</label>
+ <select id='orderWebSiteId' name='orderWebSiteId'>
+ <#if currentWebSite?has_content>
+ <option value="${currentWebSite.webSiteId}">${currentWebSite.siteName}</option>
+ <option value="${currentWebSite.webSiteId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.CommonAnyWebSite}</option>
+ <#list webSites as webSite>
+ <option value="${webSite.webSiteId}">${webSite.siteName!}</option>
+ </#list>
+ </select>
+
+ <label for="shipmentMethod" class="left-column">${uiLabelMap.OrderSelectShippingMethod}</label>
+ <select id="shipmentMethod" name="shipmentMethod">
+ <#if currentCarrierShipmentMethod?has_content>
+ <#assign currentShipmentMethodType = currentCarrierShipmentMethod.getRelatedOne("ShipmentMethodType", false)>
+ <option value="${currentCarrierShipmentMethod.partyId}@${currentCarrierShipmentMethod.shipmentMethodTypeId}">${currentCarrierShipmentMethod.partyId!} ${currentShipmentMethodType.description!}</option>
+ <option value="${currentCarrierShipmentMethod.partyId}@${currentCarrierShipmentMethod.shipmentMethodTypeId}">---</option>
+ </#if>
+ <option value="">${uiLabelMap.OrderSelectShippingMethod}</option>
+ <#list carrierShipmentMethods as carrierShipmentMethod>
+ <#assign shipmentMethodType = carrierShipmentMethod.getRelatedOne("ShipmentMethodType", false)>
+ <option value="${carrierShipmentMethod.partyId}@${carrierShipmentMethod.shipmentMethodTypeId}">${carrierShipmentMethod.partyId!} ${shipmentMethodType.description!}</option>
+ </#list>
+ </select>
+
+ <label for="countryGeoId">${uiLabelMap.OrderShipToCountry}</label>
+ <div>
+ <select id="countryGeoId" name="countryGeoId">
+ <#if requestParameters.countryGeoId?has_content>
+ <#assign countryGeoId = requestParameters.countryGeoId>
+ <#assign geo = delegator.findOne("Geo", Static["org.apache.ofbiz.base.util.UtilMisc"].toMap("geoId", countryGeoId), true)>
+ <option value="${countryGeoId}" selected="selected">${geo.geoName!}</option>
+ <option value="" >${uiLabelMap.CommonAny}</option>
+ <#else>
+ <option value="" selected="selected">${uiLabelMap.CommonAny}</option>
+ </#if>
+ ${screens.render("component://common/widget/CommonScreens.xml#countries")}
+ </select>
+ <select name="includeCountry">
+ <#if requestParameters.includeCountry?has_content>
+ <#assign includeCountry = requestParameters.includeCountry>
+ <option value="${includeCountry}"><#if "Y" == includeCountry>${uiLabelMap.OrderOnlyInclude}<#elseif "N" == includeCountry>${uiLabelMap.OrderDoNotInclude}</#if></option>
+ <option value="${includeCountry}">---</option>
+ </#if>
+ <option value="Y">${uiLabelMap.OrderOnlyInclude}</option>
+ <option value="N">${uiLabelMap.OrderDoNotInclude}</option>
+ </select>
+ </div>
+
+ <label for="hasBackOrders">${uiLabelMap.OrderContainsBackOrders}</label>
+ <select id="hasBackOrders" name='hasBackOrders'>
+ <#if requestParameters.hasBackOrders?has_content>
+ <option value="Y">${uiLabelMap.OrderBackOrders}</option>
+ <option value="Y">---</option>
+ </#if>
+ <option value="">${uiLabelMap.CommonShowAll}</option>
+ <option value="Y">${uiLabelMap.CommonOnly}</option>
+ </select>
+
+ <label for="isViewed">${uiLabelMap.OrderViewed}</label>
+ <select id="isViewed" name="isViewed">
+ <#if requestParameters.isViewed?has_content>
+ <#assign isViewed = requestParameters.isViewed>
+ <option value="${isViewed}"><#if "Y" == isViewed>${uiLabelMap.CommonYes}<#elseif "N" == isViewed>${uiLabelMap.CommonNo}</#if></option>
+ </#if>
+ <option value=""></option>
+ <option value="Y">${uiLabelMap.CommonYes}</option>
+ <option value="N">${uiLabelMap.CommonNo}</option>
+ </select>
+
+ <label for="gatewayAvsResult">${uiLabelMap.OrderAddressVerification}</label>
+ <input id="gatewayAvsResult" type='text' name='gatewayAvsResult' value='${requestParameters.gatewayAvsResult!}'/>
+
+ <label for="gatewayScoreResult">${uiLabelMap.OrderScore}</label>
+ <input id="gatewayScoreResult" type='text' name='gatewayScoreResult' value='${requestParameters.gatewayScoreResult!}'/>
+
+ <label class="left-column">Filter</label>
+ <div>
+ <input type="checkbox" id="filterInventoryProblems" name="filterInventoryProblems" value="Y"
+ <#if "Y" == requestParameters.filterInventoryProblems?default("N")>checked="checked"</#if> />
+ <label for="filterInventoryProblems">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterInventoryProblems}</label>
+ </div>
+
+ <label class="left-column"></label>
+ <div>
+ <input type="checkbox" id="filterPartiallyReceivedPOs" name="filterPartiallyReceivedPOs" value="Y"
+ <#if "Y" == requestParameters.filterPartiallyReceivedPOs?default("N")>checked="checked"</#if> />
+ <label for="filterPartiallyReceivedPOs">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPartiallyReceivedPOs}</label>
+ </div>
+
+ <label class="left-column"></label>
+ <div>
+ <input type="checkbox" id="filterPOsOpenPastTheirETA" name="filterPOsOpenPastTheirETA" value="Y"
+ <#if "Y" == requestParameters.filterPOsOpenPastTheirETA?default("N")>checked="checked"</#if> />
+ <label for="filterPOsOpenPastTheirETA">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPOsOpenPastTheirETA}</label>
+ </div>
+
+ <label class="left-column"></label>
+ <div>
+ <input type="checkbox" id="filterPOsWithRejectedItems" name="filterPOsWithRejectedItems" value="Y"
+ <#if "Y" == requestParameters.filterPOsWithRejectedItems?default("N")>checked="checked"</#if> />
+ <label for="filterPOsWithRejectedItems">${uiLabelMap.OrderFilterOn} ${uiLabelMap.OrderFilterPOs} ${uiLabelMap.OrderFilterPOsWithRejectedItems}</label>
+ </div>
+
+ <input type="hidden" name="showAll" value="Y"/>
+ <div class="full-width-center">
+ <input type='submit' value='${uiLabelMap.CommonFind}'/>
+ </div>
+ </div>
+
</#if>
</div>
</form>
diff --git a/applications/order/widget/ordermgr/OrderViewScreens.xml b/applications/order/widget/ordermgr/OrderViewScreens.xml
index 889b615..b1471d3 100644
--- a/applications/order/widget/ordermgr/OrderViewScreens.xml
+++ b/applications/order/widget/ordermgr/OrderViewScreens.xml
@@ -255,7 +255,6 @@ under the License.

<set field="asm_multipleSelectForm" value="lookuporder"/>
<set field="asm_multipleSelect" value="roleTypeId"/>
- <set field="asm_formSize" value="1000"/>
<set field="asm_asmListItemPercentOfForm" value="95"/>
<set field="asm_sortable" value="false"/>
<property-map resource="OrderUiLabels" map-name="uiLabelMap" global="true"/>
diff --git a/themes/common-theme/webapp/common/css/info.css b/themes/common-theme/webapp/common/css/info.css
index c7aa241..f791b3e 100644
--- a/themes/common-theme/webapp/common/css/info.css
+++ b/themes/common-theme/webapp/common/css/info.css
@@ -36,3 +36,41 @@ limitations under the License.
.hidden {
display: none;
}
+
+/* used by ofbiz-form on CSS Grid Layout */
+.ofbiz-form {
+ display: grid;
+ grid-template-columns: [col1-label] minmax(150px, auto) 1fr [col2-label] minmax(150px, auto) 1fr;
+ grid-auto-flow: row;
+ grid-gap: .4em;
+ padding: 1em;
+}
+.ofbiz-form label {
+ text-align: right;
+ padding: 0.4em;
+ font-weight: bold;
+}
+.ofbiz-form > label {
+ grid-row: auto;
+}
+.ofbiz-form > label.left-column,
+.ofbiz-form > fieldset.left-column {
+ grid-column: col1-label;
+}
+.ofbiz-form > label.right-column {
+ grid-column: col2-label;
+}
+.ofbiz-form > input,
+.ofbiz-form > select,
+.ofbiz-form > textarea {
+ grid-row: auto;
+ padding: .1em;
+ border: 1px solid lightgray;
+}
+.ofbiz-form .full-width-control {
+ grid-column: 2 / span 3;
+}
+.ofbiz-form .full-width-center {
+ display: flex;
+ justify-items: center;
+}