Commit 08171776 authored by psawant's avatar psawant

Css related changes for the multiopt format.

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@199623 ce508802-f39f-4f6c-b175-0d175dae99d5
parent 6074c171
<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html"/>
<xsl:decimal-format NaN="0"/>
<xsl:template match="/">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="/ibase/webitm/js/SalesForecast.js"></script>
</head>
<body style="font-family: 'MuseoLight-300', sans-serif; border-color: lightgrey;color : #COCOCO; background-color: #f7f8fa; text-align : left; font-size: 14px;">
<script>
</script>
<LINK HREF="/ibase/webitm/css/theme/galaxy-theme.css" TYPE="text/css" REL="stylesheet"></LINK>
<style type="text/css">
.header_class
{border:inset 0;font-family: 'MuseoLight-300', sans-serif; color : #COCOCO; background : #FFF; text-align : left; font-size: 14px;}
.input_editablecenter
{border:solid 0; font-family: 'MuseoLight-300', sans-serif; border-color: lightgrey;color : #COCOCO; background : #FFF; text-align : left; font-size: 14px;}
.tableClass_rep
{margin-left:0px}
.td_leftAlign{
background-color: #FFF;
font-family: "MuseoLight-300",sans-serif;
font-size: 14px;
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" />
<xsl:decimal-format NaN="0" />
<xsl:template match="/">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="/ibase/webitm/js/SalesForecast.js"></script>
</head>
<body
style="font-family: 'MuseoLight-300', sans-serif; border-color: lightgrey;color : #COCOCO; background-color: #f7f8fa; text-align : left; font-size: 14px;">
<script>
</script>
<LINK HREF="/ibase/webitm/css/theme/galaxy-theme.css" TYPE="text/css"
REL="stylesheet"></LINK>
<style type="text/css">
.gwtTextFieldEditor {
width: 97%;
border-bottom: 1px solid #dbdbdb;
border-top: none;
border-left: none;
border-right: none;
font-size:
14px;
box-sizing: border-box;
padding: 0 30px 0 0;
position: relative;
background-color: transparent;
margin: 0 5px;
font-weight: normal;
border-radius: 0;
margin-bottom: -7px;
margin-top: 2px;
line-height:
0;
outline: none;
}
.responsivePnlWidth {
width: 100%;
}
.fontstylewidget {
font-size: small;
font-weight: normal;
}
* {
font-family: "MuseoLight-300", sans-serif !important;
font-size:
normal;
}
* {
font-family: "Roboto", Arial, sans-serif !important;
}
user agent stylesheet
input {
padding: 1px 0px;
}
user agent stylesheet
input {
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
cursor: text;
padding: 1px;
border-width: 2px;
border-style: inset;
border-color: initial;
border-image: initial;
}
user agent stylesheet
input, textarea,
select, button {
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align:left;
}
.input_editable
{border:solid 1px;font-family: 'MuseoLight-300', sans-serif; border-color: #ccc;color : #COCOCO; background : #FFF; text-align : left; font-size: 14px;}
.td_rightAlign{
background-color: #FFF;
font-family: "MuseoLight-300",sans-serif;
display: inline-block;
text-align: start;
margin: 0em;
font: 400 13.3333px Arial;
}
user agent
stylesheet
input, textarea, select, button, meter, progress {
-webkit-writing-mode: horizontal-tb !important;
}
.gwtTextFieldEditor:focus+.gwtLabelflickerEditor,
.gwtTextFieldEditor:valid+.gwtLabelflickerEditor,
.gwtTextAreaStyleEditor:focus+.gwtLabelflickerEditor,
.gwtTextAreaStyleEditor:valid+.gwtLabelflickerEditor,
.customTextAreaStyleEditor:focus+.gwtLabelflickerEditor,
.customTextAreaStyleEditor:valid+.gwtLabelflickerEditor,
.gwtDateFieldEditor:focus+.dateBoxLabel,
.gwtDateFieldEditor:valid+.dateBoxLabel,
.gwtDateFieldEditor:focus+.gwtLabelflickerEditor,
.gwtDateFieldEditor:valid+.gwtLabelflickerEditor,
.labelflickerFixPosition {
outline: none;
color: #666 !important;
font-size: 14px;
text-shadow: none;
text-align:right;
}
.editDisplayheder
{readOnly:true; TEXT-ALIGN:left; color:#000; padding:5px 5px 10px 5px; font-size:16px; }
.editDisplayColumnClass
{readOnly:true; margin-left:2px; BACKGROUND:#fff; TEXT-ALIGN:LEFT; margin-bottom:10px; border-top: #6cf 3px solid; border-bottom:solid 1px #ebebeb; border-right:solid 1px #ebebeb; border-left:solid 1px #ebebeb;}
.editDisplayColumnClass td
{ padding:5px; border-bottom: none; font-size:14px;}
.button{
border: 1px solid #E7E7E7;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
color: #333;
height: 22px;
font-family: 'MuseoLight-300', sans-serif;
font-size: 12px;
background-color: #e7e7e7;
cursor: pointer;
margin-left:10px;
}
.button:hover
{
border: 1px solid #E7E7E7 !important;
background-color: #e7e7e7 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
text-shadow: none;
}
.button:active
{
text-shadow: none;
background-color: #d6d6d6 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
border: 1px solid #E7E7E7 !important;
}
.divclass
{
border : solid 1px lightgray;
line-height : 23px;
width:99.5%
}
.button.disabled {
background: #EBEBEB !important;
color:gray !IMPORTANT;
pointer-events:none !IMPORTANT;
}
.button.enabled {
color:#333 !IMPORTANT;
pointer-events:auto !IMPORTANT;
}
</style>
<link type="text/css" rel="stylesheet" href="/ibase/webitm/xsl/Standard/WIZARD/css/htmlWizard.css"/>
<form name = "Wizard_activity" METHOD="POST" ACTION="/ibase/ITMWizardHandlerServlet" style="background-color: #f7f8fa;" onSubmit="javascript:disableButtons(1);">
<TABLE border="0" width="99%" height="2%" class="header_td" cellpadding="0" cellspacing="0" style="background-color: #f7f8fa;">
font-weight: normal;
transform: translateY(-14px);
-webkit-transform: translateY(-17px);
}
.gwtLabelflickerEditor {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s
ease-in-out;
-o-transition: all 0.3s ease-in-out;
-moz-transition:
all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
padding:
5px;
display: block;
position: absolute;
margin-top: 15px;
width: auto
!important;
font-size: 16px;
font-weight: normal;
pointer-events:
none;
line-height: 7px;
-webkit-backface-visibility: hidden;
}
.fontstylewidget {
font-size: small;
font-weight: normal;
}
.label1,
.e12-TextBox-readonly {
font-weight: lighter;
text-align: left;
position: relative;
color: #666 !important;
font-size: 14px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
text-rendering:
optimizeLegibility;
}
.e12CustomInputPanel {
width: 200px;
height: 20px;
padding-top: 15px;
overflow: visible !important;
}
.fieldFormFlowPanel {
display: inline-block;
width: 100%;
}
.responsiveHoriPnlWidth {
width: 100%;
}
.horWizardTextPnl {
padding:
5px;
float: left;
width: 97%;
margin-top: 19px;
-webkit-column-break-inside: avoid;
}
.textBox1, .dateBoxStyle, .numberTextBox1 {
<!-- border: 1px solid lightgray;
background-color: #fff; -->
<!-- font-size: 12px; -->
text-align: left;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
text-rendering: optimizeLegibility;
padding: 2px;
}
</style>
<link type="text/css" rel="stylesheet"
href="/ibase/webitm/xsl/Standard/WIZARD/css/htmlWizard.css" />
<form name="Wizard_activity" METHOD="POST"
ACTION="/ibase/ITMWizardHandlerServlet" style="background-color: #f7f8fa;"
onSubmit="javascript:disableButtons(1);">
<TABLE border="0" width="100%" height="2%" class="header_td"
cellpadding="0" cellspacing="0" style="background-color: #f7f8fa; height: 38px; padding-left: 0px;">
<TR>
<TD class="header_main" nowrap="true" align="left" valign="middle" style="padding-left: 10px;font-size:16px;" width="2%" >
<TD class="header_main" nowrap="true" align="left" valign="middle"
style=" padding-left: 10px;
font-size: 16px;
border-bottom: 3px solid;
border-bottom-color: #5fdeb2 !important;" width="2%">
Sales Forecast
</TD>
</TR>
</TABLE>
<table id="errorActivityTable" width="100%" class="tableClass" style="margin: 0px 0px 0px 0px;position: relative;width: calc(literal('100% - 15px'));width: -moz-calc(literal('100% - 15px'));padding-right:0px; padding-left:5xp; width: -webkit-calc(literal('100% - 15px'));box-shadow: 3px 3px 3px gray;-moz-box-shadow:3px 3px 3px gray;-webkit-box-shadow: 3px 3px 3px gray;-o-box-shadow: 3px 3px 3px gray;background: rgba(255, 204, 0, 0.66);min-height: 50px;bottom:10px" border="0" cellspacing="0" cellpadding="0">
<table id="errorActivityTable" width="100%" class="tableClass"
style="margin: 0px 0px 0px 0px;position: relative;width: calc(literal('100% - 15px'));width: -moz-calc(literal('100% - 15px'));padding-right:0px; padding-left:5xp; width: -webkit-calc(literal('100% - 15px'));box-shadow: 3px 3px 3px gray;-moz-box-shadow:3px 3px 3px gray;-webkit-box-shadow: 3px 3px 3px gray;-o-box-shadow: 3px 3px 3px gray;background: rgba(255, 204, 0, 0.66);min-height: 50px;bottom:10px"
border="0" cellspacing="0" cellpadding="0">
<xsl:for-each select="//error">
<xsl:if test="position() = 1">
<tr>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true" valign="bottom">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true" valign="bottom">
Message :
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true" valign="bottom">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true" valign="bottom">
Description :
</td>
<td class="tdss_rightAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true" valign="bottom" colspan="2">
<a href="#" style="text-decoration:none;" onclick="doHideMsg('errorActivityTable')"><font style="color:#000;text-decoration:none;padding-right:5px;" ><b>X</b></font></a>
<td class="tdss_rightAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true" valign="bottom" colspan="2">
<a href="#" style="text-decoration:none;" onclick="doHideMsg('errorActivityTable')">
<font style="color:#000;text-decoration:none;padding-right:5px;">
<b>X</b>
</font>
</a>
</td>
</tr>
</xsl:if>
<xsl:variable name="message"><xsl:value-of select="message"/></xsl:variable>
<xsl:variable name="description"><xsl:value-of select="description"/></xsl:variable>
<xsl:variable name="type"><xsl:value-of select="type"/></xsl:variable>
<xsl:variable name="dbID"><xsl:value-of select="@domId"/></xsl:variable>
<xsl:variable name="column_name"><xsl:value-of select="@column_name"/></xsl:variable>
<xsl:variable name="message">
<xsl:value-of select="message" />
</xsl:variable>
<xsl:variable name="description">
<xsl:value-of select="description" />
</xsl:variable>
<xsl:variable name="type">
<xsl:value-of select="type" />
</xsl:variable>
<xsl:variable name="dbID">
<xsl:value-of select="@domId" />
</xsl:variable>
<xsl:variable name="column_name">
<xsl:value-of select="@column_name" />
</xsl:variable>
<tr style="background: rgba(255, 204, 0, 0.66);">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true">
<xsl:value-of select="message"/>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true">
<xsl:value-of select="message" />
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true">
<xsl:value-of select="description"/>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true">
<xsl:value-of select="description" />
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true">
</td>
</tr>
</xsl:for-each>
<xsl:for-each select="//error">
<xsl:variable name="type"><xsl:value-of select="type"/></xsl:variable>
<xsl:variable name="type">
<xsl:value-of select="type" />
</xsl:variable>
<xsl:if test="position() = 1">
<xsl:if test="$type = 'W'">
<tr style="background: rgba(255, 204, 0, 0.66);">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true" valign="bottom">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true" valign="bottom">
<input type="checkbox" name="forceSave" value="true" checked="checked" onClick="setChecked(this)"/>
<input type="checkbox" name="forceSave" value="true"
checked="checked" onClick="setChecked(this)" />
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);"
nowrap="true">
</td>
</tr>
</xsl:if>
</xsl:if>
</xsl:for-each>
</table>
<table id="activityTable" Class="editDisplayColumnClass" border="0" cellSpacing="0" width="100%" cellPadding="5">
<div>
<table id="activityTable" Class="editDisplayColumnClass"
border="0" cellSpacing="0" width="100%" cellPadding="5">
<xsl:for-each select="//Detail1">
<xsl:variable name="tran_id"><xsl:value-of select="tran_id"/></xsl:variable>
<xsl:variable name="tran_date"><xsl:value-of select="tran_date"/></xsl:variable>
<xsl:variable name="item_ser"><xsl:value-of select="item_ser"/></xsl:variable>
<xsl:variable name="site_code"><xsl:value-of select="site_code"/></xsl:variable>
<xsl:variable name="site_descr"><xsl:value-of select="site_descr"/></xsl:variable>
<xsl:variable name="prd_code__from"><xsl:value-of select="prd_code__from"/></xsl:variable>
<xsl:variable name="prd_code__to"><xsl:value-of select="prd_code__to"/></xsl:variable>
<xsl:variable name="emp_code__aprv"><xsl:value-of select="emp_code__aprv"/></xsl:variable>
<xsl:variable name="employee_emp_fname"><xsl:value-of select="employee_emp_fname"/></xsl:variable>
<xsl:variable name="employee_emp_lname"><xsl:value-of select="employee_emp_lname"/></xsl:variable>
<xsl:variable name="dbID"><xsl:value-of select="@domID"/></xsl:variable>
<tr width ="100%">
<td class="td_rightAlign" nowrap="true" width = "1%">
<strong>Period Code From :</strong>
</td>
<td class="td_leftAlign" >
<input type="text" value="{$prd_code__from}" name="Detail1.{normalize-space($dbID)}.prd_code__from" id="Detail1.{normalize-space($dbID)}.prd_code__from" placeholder="YYYYMM" ISCHANGED="false"/>
<xsl:variable name="tran_id">
<xsl:value-of select="tran_id" />
</xsl:variable>
<xsl:variable name="tran_date">
<xsl:value-of select="tran_date" />
</xsl:variable>
<xsl:variable name="item_ser">
<xsl:value-of select="item_ser" />
</xsl:variable>
<xsl:variable name="site_code">
<xsl:value-of select="site_code" />
</xsl:variable>
<xsl:variable name="site_descr">
<xsl:value-of select="site_descr" />
</xsl:variable>
<xsl:variable name="prd_code__from">
<xsl:value-of select="prd_code__from" />
</xsl:variable>
<xsl:variable name="prd_code__to">
<xsl:value-of select="prd_code__to" />
</xsl:variable>
<xsl:variable name="emp_code__aprv">
<xsl:value-of select="emp_code__aprv" />
</xsl:variable>
<xsl:variable name="employee_emp_fname">
<xsl:value-of select="employee_emp_fname" />
</xsl:variable>
<xsl:variable name="employee_emp_lname">
<xsl:value-of select="employee_emp_lname" />
</xsl:variable>
<xsl:variable name="dbID">
<xsl:value-of select="@domID" />
</xsl:variable>
<div class="fieldFormFlowPanel" >
<table cellspacing="0" cellpadding="0"
class="horWizardTextPnl responsiveHoriPnlWidth" id="Basic">
<tbody>
<tr>
<td align="left" style="vertical-align: top;">
<div class="e12CustomInputPanel" id="remarks"
style="position: relative; overflow: hidden;">
<input type="text"
class="textBox1 responsivePnlWidth gwtTextFieldEditor fontstylewidget gwt-field-groupbox"
fieldid="Detail1.{normalize-space($dbID)}.prd_code__from" value="{$prd_code__from}" name="Detail1.{normalize-space($dbID)}.prd_code__from"
format="TextBox" groupboxid="Basic" maxlength="60" placeholder="YYYYMM"
required=""/>
<div
class="label1 fontstylewidget gwtLabelflickerEditor gwt-label-groupbox" style =" margin-top: -26px;"
required="">Period Code From :</div>
</div>
</td>
</tr>
<tr width ="100%">
<td class="td_rightAlign" nowrap="true" width = "1%">
<strong>Period Code To :</strong>
</td>
<td class="td_leftAlign" >
<input type="text" value="{$prd_code__to}" name="Detail1.{normalize-space($dbID)}.prd_code__to" id="Detail1.{normalize-space($dbID)}.prd_code__to" placeholder="YYYYMM" ISCHANGED="false"/>
</td>
</tr >
<!-- <tr width ="100%" visibility="hidden" >
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;">
<strong>Tran Id:</strong>
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$tran_id}" name="Detail1.{normalize-space($dbID)}.sales_pers" id="Detail1.{normalize-space($dbID)}.sales_pers" ISCHANGED="false" readonly="true"/>
</td>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;" >
<strong>Tran Date :</strong>
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$tran_date}" name="Detail1.{normalize-space($dbID)}.tran_date" id="Detail1.{normalize-space($dbID)}.tran_date" ISCHANGED="false"/>
</td>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;" >
<strong>Item Series :</strong>
</td>
<td class="td_leftAlign" style =" visibility: hidden;" >
<input type="hidden" value="{$item_ser}" name="Detail1.{normalize-space($dbID)}.item_ser" id="Detail1.{normalize-space($dbID)}.item_ser" ISCHANGED="false"/>
<a href="javascript:callPrdCode( '{normalize-space($dbID)}','{normalize-space($item_ser)}' );"> <img src="/ibase/webitm/images/pophelp.png" border="0" style =" visibility: hidden;"/> </a>
</td>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;">
<strong>Site Code :</strong>
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$site_code}" name="Detail1.{normalize-space($dbID)}.site_code" id="Detail1.{normalize-space($dbID)}.site_code" ISCHANGED="false"/>
<a href="javascript:callPrdCode( '{normalize-space($dbID)}','{normalize-space($site_code)}' );"> <img src="/ibase/webitm/images/pophelp.png" border="0" style =" visibility: hidden;"/> </a>
<input type="hidden" value="{$site_descr}" name="Detail1.{normalize-space($dbID)}.site_descr" id="Detail1.{normalize-space($dbID)}.site_descr" ISCHANGED="false" readonly="true"/>
</td>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;">
<strong>Emp Approve :</strong>
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$emp_code__aprv}" name="Detail1.{normalize-space($dbID)}.emp_code__aprv" id="Detail1.{normalize-space($dbID)}.emp_code__aprv" ISCHANGED="false" readonly="true"/>
</tbody>
</table>
</div>
<div class="fieldFormFlowPanel" >
<table cellspacing="0" cellpadding="0"
class="horWizardTextPnl responsiveHoriPnlWidth" id="Basic">
<tbody>
<tr>
<td align="left" style="vertical-align: top;">
<div class="e12CustomInputPanel" id="remarks"
style="position: relative; overflow: hidden;">
<input type="text"
class="textBox1 responsivePnlWidth gwtTextFieldEditor fontstylewidget gwt-field-groupbox"
fieldid="Detail1.{normalize-space($dbID)}.prd_code__to" value="{$prd_code__to}" name="Detail1.{normalize-space($dbID)}.prd_code__to"
format="TextBox" groupboxid="Basic" maxlength="60" placeholder="YYYYMM"
required=""/>
<div
class="label1 fontstylewidget gwtLabelflickerEditor gwt-label-groupbox" style =" margin-top: -26px;"
required="">Period Code To :</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;">
<strong>Emp First Name :</strong>
<!-- <tr>
<td class="txtlbl txtdark">
Period Code From :
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$employee_emp_fname}" name="Detail1.{normalize-space($dbID)}.employee_emp_fname" id="Detail1.{normalize-space($dbID)}.employee_emp_fname" ISCHANGED="false" readonly="true"/>
</tr>
<tr>
<td class="txtData" contentEditable="false">
<input type="text" value="{$prd_code__from}"
name="Detail1.{normalize-space($dbID)}.prd_code__from" id="Detail1.{normalize-space($dbID)}.prd_code__from"
placeholder="YYYYMM" ISCHANGED="false" style="border:none; "
class="input_editable" />
</td>
<td class="td_rightAlign" nowrap="true" width = "1%" style =" visibility: hidden;">
<strong>Emp Last Name :</strong>
</tr>
<tr>
<td class="txtlbl txtdark">
Period Code To :
</td>
<td class="td_leftAlign" >
<input type="hidden" value="{$employee_emp_lname}" name="Detail1.{normalize-space($dbID)}.employee_emp_lname" id="Detail1.{normalize-space($dbID)}.employee_emp_lname" ISCHANGED="false" readonly="true"/>
</tr>
<tr>
<td class="txtData" contentEditable="false">
<input type="text" value="{$prd_code__to}"
name="Detail1.{normalize-space($dbID)}.prd_code__to" id="Detail1.{normalize-space($dbID)}.prd_code__to"
placeholder="YYYYMM" ISCHANGED="false" style="border:none;"
class="input_editable" />
</td>
</tr> -->
</xsl:for-each>
</table>
</div>
<table>
<tr width ="100%">
<tr width="100%">
<td colspan="2">
<input type="hidden" value="1" name="FORM_NO" ID="FORM_NO" />
<input type="hidden" value="salesforecast_wiz" name="OBJ_NAME" />
<input type="hidden" value="" name="action" id="action" />
<input type="submit" style="cursor:hand" CLASS="button" value="Next" name = "ActNext" id = "ActNext" title='' onclick="return setActionVal('next')"/>
<input type="submit" style="cursor:hand" CLASS="button"
value="Next" name="ActNext" id="ActNext" title=''
onclick="return setActionVal('next')" />
</td>
</tr>
</table>
</form>
</body>
</form>
</body>
</html>
</xsl:template>
</html>
</xsl:template>
</xsl:stylesheet>
<?xml version='1.0' encoding='UTF-8'?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="html" />
<xsl:stylesheet version="2.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" />
<xsl:decimal-format NaN="0" />
<xsl:key name="site_code" match="//Detail2/site_code/text()" use="." />
<xsl:key name="item_descr" match="//Detail2/item_descr/text()" use="." />
<xsl:key name="site_code" match="//Detail2/site_code/text()"
use="." />
<xsl:key name="item_descr" match="//Detail2/item_descr/text()"
use="." />
<xsl:key name="tran_id" match="//Detail2/tran_id/text()" use="." />
<xsl:key name="prd_code" match="//Detail2/prd_code/text()" use="." />
......@@ -16,75 +20,325 @@
<body
style="font-family: 'MuseoLight-300', sans-serif; border-color: lightgrey;color : #COCOCO; background-color: #f7f8fa; text-align : left; font-size: 14px;">
<LINK HREF="/ibase/webitm/css/theme/galaxy-theme.css" TYPE="text/css" REL="stylesheet"></LINK>
<LINK HREF="/ibase/webitm/css/Standard/default.css" TYPE="text/css" REL="stylesheet"></LINK>
<LINK HREF="/ibase/webitm/css/theme/galaxy-theme.css" TYPE="text/css"
REL="stylesheet"></LINK>
<style type="text/css">
.header_class
{border:inset 0;font-family:
'MuseoLight-300', sans-serif; color : #COCOCO;
background : #FFF;
text-align : left; font-size: 14px;}
.input_editablecenter
{border:solid 0; font-family: 'MuseoLight-300', sans-serif;
border-color:
lightgrey;color : #COCOCO; background : #FFF;
text-align : left;
font-size: 14px;}
.tableClass_rep
{margin-left:0px}
.td_leftAlign{
background-color: #FFF;
font-family:
"MuseoLight-300",sans-serif;
font-size: 14px;
.button.disabled { background: #EBEBEB !important; color:gray
!IMPORTANT; pointer-events:none !IMPORTANT; }
.button.enabled {
color:#333
!IMPORTANT; pointer-events:auto !IMPORTANT; }
body{
font-size: 100%;
opacity: 1;
background: #eff3f7;
margin: 0;
padding:
0;
font-family: 'Roboto',
sans-serif;
text-rendering:
optimizeLegibility;
-webkit-text-size-adjust: none;
}
input{
height:
inherit;
min-height:
40px;
font-size: 1em;
font-weight: 400;
color:
#000;
white-space:
nowrap;
width: 100%;
font-family: roboto;
opacity:
1;
background-color:
transparent;
-webkit-writing-mode: horizontal-tb
!important;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
text-align:left;
display:
inline-block;
margin: 0em;
-webkit-appearance: textfield;
-webkit-rtl-ordering: logical;
cursor: text;
padding: 0;
border-width: 1px;
border-style: none;
border-color: initial;
border-image: initial;
}
input:focus{
outline:
none !important;
}
.input_editable
{border:solid 1px;font-family:
'MuseoLight-300', sans-serif; border-color:
#ccc;color : #COCOCO;
background : #FFF; text-align : left;
font-size: 14px;
width: 60px;}
::placeholder { /* Chrome, Firefox, Opera, Safari
10.1+ */
color:
#aaa;
font-size: 1em;
font-weight: 400;
opacity: 1; /*
Firefox */
}
.td_rightAlign{
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #aaa;
font-size: 1em;
font-weight: 400;
}
background-color: #FFF;
font-family:
"MuseoLight-300",sans-serif;
font-size: 14px;
text-shadow: none;
text-align:right;
::-ms-input-placeholder { /*
Microsoft Edge */
color: #aaa;
font-size: 1em;
font-weight: 400;
}
/*
Container */
.container {
width:
calc(100% - 8px);
height: calc(100% -
94px);
margin: auto;
box-shadow:
0 0 1px 0px rgba(0,0,0,.2);
overflow: hidden;
position:
inherit;
top:
45px;
left: 8px;
}
.scroll_table {
overflow: auto;
height: 100%;
display: flex;
display:
-webkit-flex;
flex-direction:
column;
-webkit-flex-direction: column;
background: #fff;
}
.table_header_row{
position: absolute;
display:
inline-flex;
width:
100%;
top: 0;
padding: .3em 0;
}
.cell_row {
align-items: center;
min-height: 30px;
display: -webkit-inline-box;
line-height: 1;
width:
100%;
padding: 0;
margin: 0;
height: auto;
background: #fff;
}
.align_center{
align-items: center !important;
}
.editDisplayheder
{readOnly:true; TEXT-ALIGN:left;
color:#000; padding:5px 5px 10px 5px;
font-size:16px; }
.table_BG{
background: #fff;
padding: 0;
width: 100%;
overflow-x: auto;
overflow-y: hidden;
height: 100%;
}
.table_data_vs{
height: calc(100% -
41px);
}
.cell_first{
padding: 0 0 0 1rem !important;
text-align: left
!important;
justify-content: flex-start;
flex-direction: row;
}
.cell_last{
padding: 0 1rem 0 0 !important;
text-align: right
!important;
justify-content: flex-end;
flex-direction: row;
}
.mouse_hover:hover{
transition:.5s;
background: #f2f2f2;
cursor:pointer;
}
.editDisplayColumnClass
{readOnly:true; margin-left:2px;
BACKGROUND:#fff; TEXT-ALIGN:LEFT;
margin-bottom:10px; border-top:
#6cf 3px solid; border-bottom:solid
1px #ebebeb; border-right:solid
1px #ebebeb; border-left:solid 1px
#ebebeb;}
.editDisplayColumnClass
td
{ padding:5px; border-bottom: none; font-size:14px;}
.pdLeft_16{
padding-right: 1em;
}
.th_Num{
width: 100%;
justify-content: flex-end;
flex-direction: row;
text-align: right;
}
.txtdark {
font-weight: 600;
font-size: 1em;
color: #252525;
}
.edit_input{
}
<!-- .cell_pd { width: 100%; padding: 4px !important; } -->
.cell_pd {
width: 100%;
padding: 4px !important;
text-overflow:
ellipsis;
overflow: hidden;
}
.edit_input:hover {
background: #fafafa;
cursor: pointer;
<!-- outline: 1px solid #18d094 -->
!important;
outline-offset: -1px;
}
.devider{
border-bottom: 1px solid
#f7f7f7;
}
.cell_container{
min-width: 100px;
text-align: right;
max-width: 100%;
padding:
0;
display: flex;
align-items: center;
height: inherit;
min-height:
40px;
background-color: #ffffff;
width:
200px;
opacity: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.header {
position: sticky;
top: 0;
z-index:
2;
background: #ffffff;
padding: 0 !important;
}
.footer {
box-shadow:
0px -1px 4px
-1px
rgba(0,0,0,.1);
position:
sticky;
bottom: 0;
z-index:
2;
background:
#fff;
}
.fix_left {
box-shadow: inset -1px 0px 0px 0px
rgb(0, 0, 0,
.1);
position:
sticky;
left: 0;
z-index: 1;
background:
#fbfbfb;
}
.table_container {
width:
-webkit-fit-content;
flex: 1;
-webkit-flex:
1;
}
.button{
.button {
min-width:
60px;
padding: 4px 8px;
<!-- max-width: 120px; -->
border: 1px solid #E7E7E7;
border-radius: 2px;
-moz-border-radius:
......@@ -92,74 +346,74 @@
-webkit-border-radius: 2px;
-moz-box-shadow: 0 1px 1px rgba(0,
0, 0, 0.5);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0
1px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0,
0.5);
color: #333;
height: 22px;
font-family: 'MuseoLight-300', sans-serif;
height: 25px;
font-family: 'MuseoLight-300',
sans-serif;
font-size: 12px;
background-color: #e7e7e7;
cursor: pointer;
margin-left:10px;
cursor:
pointer;
margin: 0 8px 0 0;
}
.button:hover
{
border: 1px solid #E7E7E7 !important;
.button:hover {
border: 1px solid #E7E7E7
!important;
background-color: #e7e7e7 !important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5) !important;
color: #000
!important;
-moz-box-shadow:
0 2px 1px rgba(0, 0, 0,
0.5) !important;
-webkit-box-shadow: 0 2px
1px rgba(0,
0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5)
!important;
text-shadow:
none;
}
.button:active
{
.button:active {
text-shadow: none;
background-color: #d6d6d6
background-color:#d6d6d6
!important;
color: #000 !important; -moz-box-shadow: 0 2px
1px
rgba(0,
0, 0, 0.5)
!important;
color: #000 !important;
-moz-box-shadow: 0 2px 1px
rgba(0, 0, 0, 0.5) !important;
-webkit-box-shadow: 0 2px 1px rgba(0,
0, 0, 0.5) !important;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5)
0, 0,
0.5) !important;
box-shadow: 0 2px 1px
rgba(0, 0, 0, 0.5)
!important; border: 1px solid #E7E7E7
!important;
border: 1px solid #E7E7E7 !important;
}
.divclass
{
border :
solid 1px lightgray;
line-height : 23px;
width:99.5%
}
.button.disabled {
background: #EBEBEB !important;
color:gray
!IMPORTANT;
pointer-events:none !IMPORTANT;
}
.button.enabled {
color:#333 !IMPORTANT;
pointer-events:auto !IMPORTANT;
}
</style>
<link type="text/css" rel="stylesheet" href="/ibase/webitm/xsl/Standard/WIZARD/css/htmlWizard.css" />
<link type="text/css" rel="stylesheet"
href="/ibase/webitm/xsl/Standard/WIZARD/css/htmlWizard.css" />
<form name="Wizard_activity" METHOD="POST" ACTION="/ibase/ITMWizardHandlerServlet" style="background-color: #f7f8fa;" onSubmit="disableButtons()">
<form name="Wizard_activity" METHOD="POST"
ACTION="/ibase/ITMWizardHandlerServlet" style="background-color: #f7f8fa;"
onSubmit="disableButtons()">
<TABLE border="0" width="99%" height="2%" class="header_td"
cellpadding="0" cellspacing="0" style="background-color: #f7f8fa;">
<TABLE border="0" width="100%" height="2%" class="header_td"
cellpadding="0" cellspacing="0"
style="background-color: #f7f8fa; padding-left: 7px;height: 46px;">
<TR>
<TD class="header_main" nowrap="true" align="left" valign="middle" style="padding-left: 10px;font-size:16px;" width="2%">
<TD class="header_main" nowrap="true" align="left" valign="middle"
style="padding-left: 10px;font-size: 16px; padding-top: 10px; border-bottom: 3px solid;border-bottom-color: #5fdeb2 !important;"
width="2%">
Sales Forecast
</TD>
......@@ -296,72 +550,83 @@
</tr>
</table>
<div class="editDisplayColumnClass" id="dataDiv" style="overflow: auto;">
<table id="activityTable" border="0" cellSpacing="0" width1="100%"
cellPadding="5">
<tr>
<td>
</td>
<div class="container">
<div class="scroll_table">
<div class="table_container">
<div class="header txtdark">
<div class="cell_row ">
<div class="fix_left cell_first cell_container align_center">
<div class="cell_pd"></div>
</div>
<xsl:for-each
select="//Detail2/site_code/text()[generate-id()= generate-id(key('site_code',.)[1])]">
<td class="td_leftAlign" style="text-align:center"
colspan="{count(//Detail2/prd_code/text()[generate-id()= generate-id(key('prd_code',.)[1])])}">
<div class="cell_container align_center "
style=" width: calc(100 * {count(//Detail2/prd_code/text()[generate-id()= generate-id(key('prd_code',.)[1])])}px); display: inline-grid; text-align: -webkit-center;">
<div class="cell_pd">
<xsl:value-of select="." />
</td>
</div>
</div>
</xsl:for-each>
</tr>
<tr>
<td></td>
</div>
</div>
<div class="header txtdark" style="top: 40px !important;">
<div class="cell_row ">
<div class="fix_left cell_first cell_container align_center"
style="align: centre">
<div class="cell_pd">
</div>
</div>
<xsl:for-each select="//Detail2">
<xsl:variable name="prd_code"><xsl:value-of select="prd_code" />
<xsl:variable name="tmp"
select="count(//Detail2/prd_code/text()[generate-id()= generate-id(key('prd_code',.)[1])])"></xsl:variable>
<xsl:variable name="prd_code">
<xsl:value-of select="prd_code" />
</xsl:variable>
<xsl:variable name="dbID">
<xsl:value-of select="@domID" />
</xsl:variable>
<xsl:if test="$prd_code != ''">
<td class="td_leftAlign" style="width: 70px;text-align:center1">
<!-- <xsl:choose> <xsl:when test="(position() mod ($tmp)) = 0"> -->
<div class="cell_container align_center" style=" width: 100px !important;">
<div class="cell_pd th_Num" style="padding-right: 18px !important; ">
&#160;&#160;
<xsl:value-of select="prd_code" />
<input type="checkbox"
name="Detail2.{normalize-space($dbID)}.selectbox" id="Detail2.{normalize-space($dbID)}.selectbox"
checked='N' value="true" style="display:none;" />
<input type="hidden" value="{$prd_code}" class="input_editable"
name="Detail2.{normalize-space($dbID)}.prd_code" id="Detail2.{normalize-space($dbID)}.prd_code"
ISCHANGED="false" style="text-align: center;" />
</td>
</div>
</div>
</xsl:if>
</xsl:for-each>
</tr>
</div>
</div>
<xsl:for-each
select="//Detail2/item_descr/text()[generate-id()= generate-id(key('item_descr',.)[1])]">
<xsl:variable name="tmp"
select="count(//Detail2/prd_code/text()[generate-id()= generate-id(key('prd_code',.)[1])])"></xsl:variable>
<xsl:variable name="parent_item_descr">
<xsl:value-of select="." />
</xsl:variable>
<tr width1="100%">
<td class="td_leftAlign" nowrap="true" style="max-width: 333px;">
<strong>
<div class="cell_row">
<div class="fix_left cell_first cell_container"
contenteditable="false">
<div class="cell_pd">
<xsl:value-of select="$parent_item_descr" />
</strong>
</td>
</div>
</div>
<xsl:for-each select="//Detail2">
<xsl:sort select="site_code"/>
<xsl:sort select="site_code" />
<xsl:sort select="tran_id" />
<xsl:sort select="item_code" />
<xsl:sort select="prd_code__for" />
......@@ -392,18 +657,21 @@
</xsl:variable>
<xsl:if test="$parent_item_descr = $item_descr ">
<td class="td_leftAlign" style="width: 70px;">
<xsl:choose>
<xsl:when test="$parent_item_descr = $item_descr ">
<div class="edit_input cell_container" style="width: 100px !important;">
<input type="checkbox"
name="Detail2.{normalize-space($dbID)}.selectbox" id="Detail2.{normalize-space($dbID)}.selectbox"
value="true" style="display:none;" />
<input type="number" value="{$quantity}" class="input_editable"
<input type="number"
oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
maxlength="14" value="{$quantity}" class="th_Num cell_pd"
name="Detail2.{normalize-space($dbID)}.quantity" id="Detail2.{normalize-space($dbID)}.quantity"
ISCHANGED="false" style="text-align: right;" onchange="setQuantity ( this,'{normalize-space($dbID)}' ,{old_quantity} )" />
ISCHANGED="false"
onchange="setQuantity ( this,'{normalize-space($dbID)}' ,{old_quantity} )" />
<input type="hidden" value="{$old_quantity}" class="input_editable"
name="Detail2.{normalize-space($dbID)}.old_quantity" id="Detail2.{normalize-space($dbID)}.old_quantity"
ISCHANGED="false" style="text-align: right;"/>
ISCHANGED="false" style="text-align: right;" />
<input type="hidden" value="{$item_code}" class="input_editable"
name="Detail2.{normalize-space($dbID)}.item_code" id="Detail2.{normalize-space($dbID)}.item_code"
ISCHANGED="false" style="text-align: right;" />
......@@ -419,35 +687,30 @@
<input type="hidden" value="{$item_descr}" class="input_editable"
name="Detail2.{normalize-space($dbID)}.item_descr" id="Detail2.{normalize-space($dbID)}.item_descr"
ISCHANGED="false" style="text-align: right;" />
</td>
</xsl:if>
</div>
</xsl:when>
</xsl:choose>
</xsl:for-each>
</tr>
</div>
</xsl:for-each>
</table>
</div>
<table>
<tr width="100%">
<td colspan="2">
</div>
</div>
<div style="padding: 5 5 0px 20px;">
<div>
<input type="hidden" value="2" name="FORM_NO" ID="FORM_NO" />
<input type="hidden" value="salesforecast_wiz" name="OBJ_NAME" />
<input type="hidden" value="" name="action" id="action" />
<input type="button" style="cursor:hand;"
CLASS="button" value="Cancel" name="ActCancel" id="ActCancel"
title=''
onclick="window.location.href='/ibase/webitm/jsp/E12WizardPage.jsp?OBJ_NAME=salesforecast_wiz&amp;FORM_NO=1'" />
<button type="button" style="cursor:hand;" CLASS="button"
value="Cancel" name="ActCancel" id="ActCancel" title=''
onclick="window.location.href='/ibase/webitm/jsp/E12WizardPage.jsp?OBJ_NAME=salesforecast_wiz&amp;FORM_NO=1'">Cancel</button>
<input type="submit" style="cursor:hand" CLASS="button"
<button type="submit" style="cursor:hand" CLASS="button"
value="Finish" name="ActFinish" id="ActFinish" title=''
onclick="return checkActionVal('finish')" />
</td>
</tr>
</table>
onclick="return checkActionVal('finish')">Finish</button>
</div>
</div>
</form>
</body>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment