Commit 56d182c8 authored by prahate's avatar prahate

Updated xsl,js for Report Request


git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@98964 ce508802-f39f-4f6c-b175-0d175dae99d5
parent aa025e73
...@@ -229,6 +229,22 @@ function setActionVal(value) ...@@ -229,6 +229,22 @@ function setActionVal(value)
document.getElementById("action").value = value; document.getElementById("action").value = value;
}
function doHideMsg(str)
{
document.getElementById(str).style.display = 'none';
}
function setChecked(obj)
{
if( obj.value == 'false' )
{
obj.value ='true';
}
else
{
obj.value = 'false';
}
} }
//Added on 13 OCT 2015 by Pankaj //Added on 13 OCT 2015 by Pankaj
......
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<xsl:template match="/"> <xsl:template match="/">
<html> <html>
<head> <head>
<title>Generate Receipt</title> <title>Report Generation</title>
<!--<script type="text/javascript" src="../js/supp_info_upd.js"></script> <!--<script type="text/javascript" src="../js/supp_info_upd.js"></script>
--><script type="text/javascript" src="../js/datetimepicker.js"></script> --><script type="text/javascript" src="../js/datetimepicker.js"></script>
<script type="text/javascript" src="/ibase/webitm/js/ReportRequestWiz.js"></script> <script type="text/javascript" src="/ibase/webitm/js/ReportRequestWiz.js"></script>
...@@ -33,17 +33,805 @@ ...@@ -33,17 +33,805 @@
document.getElementById( selectedObj document.getElementById( selectedObj
).focus(); ).focus();
} }
</script> </script>
<style type="text/css">
body
{
background-color:#f7f8fa;
/*margin:0;
padding:0;*/
font-weight:normal;
overflow-x: hidden;
overflow-x: hidden;
}
@font-face { /* declare fonts */
font-family: "MuseoLight";
src: url("/css/fonts/Museo300-Regular.eot");
src: local("Museo 300"), local("Museo-300"),
url("/css/fonts/Museo300-Regular.woff") format("woff"),
url("/css/fonts/Museo300-Regular.otf") format("opentype"),
url("/css/fonts/Museo300-Regular.svg#Museo-300") format("svg");
}
.mainDiv
{
width:100%;
height:100%;
text-align:center;
font-size : 10px;
color:black;
left:0px;
top:0px;
position:fixed;
overflow:auto;
background:#f8f7fa;
}
.tranDiv
{
width:100%;
height:100%;
left:0px;
top:0px;
overflow:auto;
}
.headerTable
{
width:100%;
font-size :12px;
color:black;
overflow:auto;
background:#FFF;
/*border-bottom:1px solid #ccc;
border-top:1px solid #ccc;*/
padding: 5px 0;
}
.headerTableComp
{
width:100%;
font-size :12px;
color:black;
overflow:auto;
background:#FFF;
border-top:yellow;
padding: 5px 0;
}
.headerTable td
{
width:auto;
text-align:left;
padding:3px 0;
padding-top: 8px;}
.innerHeaderTable
{
width:100%;
text-align:center;
font-size :12px;
color:black;
padding-right: 14px;
}
.innerHeaderTable1
{
width:100%;
text-align:left;
font-size :12px;
color:black;
padding-right: 14px;
}
.headerLable
{
top :50px;
left:5px;
width:100%;
background-color:#E0EFEF;
border-width:1px;
text-align:center;
font-size : 12px;
}
.headerLable1
{
top :50px;
left:5px;
width:100%;
/*background-color:#E0EFEF;*/
border-width:1px;
text-align:left;
font-size : 12px;
}
.heading
{
font-size : 16px;
padding:0px;
font-weight:normal;
color:#000;
}
.heading91
{
font-size : 16px;
padding:10px;
font-weight:normal;
color:#000;
border-top: 2px solid blue;
}
.detailsLable4
{
/* top :50px;
left:5px;*/
width:100%;
overflow:auto;
border-width:1px;
/*text-align:center*/
font-size : 12px;
background:#FFF;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
.detailsLable4 td
{
padding:5px;
font-size:14px;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}
.headerTextCol
{
left:8px;
width:100px;
font-size : 12px;
text-align:left;
}
.headerTextCol1
{
left:10px;
width:100px;
font-size : 12px;
text-align:left;
}
.headerTextCol2
{
left:8px;
width:30px;
font-size : 12px;
text-align:left;
}
.headerTextCol3
{
left:8px;
width:100px;
font-size : 12px;
text-align:left;
}
.headerTextCol4
{
left:8px;
width:20px;
font-size : 12px;
text-align:left;
}
.headerTextCol6
{
left:8px;
width:18%;
font-size : 12px;
text-align:left;
}
.headerTextCol7
{
left:8px;
/*width:20%;*/
font-size : 12px;
text-align:left;
}
.headerTextCol8
{
left:8px;
width:25%;
font-size : 12px;
text-align:left;
}
.headerTextCol9
{
left:8px;
width:20%;
font-size : 12px;
text-align:left;
}
.headerTextCol10
{
left:8px;
/*width:25%;*/
font-size : 12px;
text-align:left;
}
.headerTextCol11
{
left:8px;
/*width:30%;*/
font-size : 12px;
text-align:left;
}
.headerTextColForFSHS
{
left:8px;
font-size : 15px;
text-align:left;
}
.headerFieldCol
{
text-align:left;
}
.headerInputField {
position: relative;
font-family:'MuseoLight', sans-serif;
border-right:0;
border-top:0;
border-left:0;
border-bottom:#ccc solid 1px;
margin-left: 10px;
line-height:15px;
width:200px;
}
.headerInputField:focus {
outline: 0;
font-family:'MuseoLight', sans-serif;
}
.headerInputField:focus > select {
height: 33px;
margin-bottom: -1px;
border-color: #2196F3;
border-width: 2px;
font-family:'MuseoLight', sans-serif;
}
.headerInputField > select {
-webkit-animation-duration: 0.0001s;
animation-duration: 0.0001s;
-webkit-animation-name: mui-node-inserted;
animation-name: mui-node-inserted;
display: block;
height: 32px;
width: 100%;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.26);
border-radius: 0px;
box-shadow: none;
background-color: transparent;
background-image: url("arrow.png");
background-repeat: no-repeat;
background-position: right center;
cursor: pointer;
color: rgba(0, 0, 0, 0.87);
font-size: 16px;
padding: 0 25px 0 0;
font-family:'MuseoLight', sans-serif;
}
.headerInputField > select::-ms-expand {
display: none;
font-family:'MuseoLight', sans-serif;
}
.headerInputField > select:focus {
outline: 0;
height: 33px;
margin-bottom: -1px;
border-color: #2196F3;
border-width: 2px;
font-family:'MuseoLight', sans-serif;
}
.headerInputField > select:disabled {
color: rgba(0, 0, 0, 0.26);
cursor: not-allowed;
background-color: transparent;
opacity: 1;
font-family:'MuseoLight', sans-serif;
}
.detailTextCol
{
left:8px;
width:50px;
font-size :12px;
text-align:left;
}
.detailTextColData
{
background-color:#E0EFEF;
left:8px;
width:70px;
font-size : 11px;
text-align:left;
}
.detailFieldCol
{
left:8px;
width:50px;
text-align:left;
}
.headerField,.detailField
{
width : 100%;
height:14px;
font-size:9px;
}
.selectedDetailRow
{
width : 100%;
height:14px;
font-size:9px;
background-color:#E0FFFF;
border-style:groove;
}
.popupField
{
width : 100px;
height:14px;
font-size:9px;
}
.popupFieldDisable
{
color : blue;
background-color:silver;
border-style:hidden;
width : 250px;
height:13px;
font-size:9px;
}
.headerFieldDisable
{
color: #ccc;
border-bottom: 1px solid #ccc;
border-top:0;
border-right:0;
border-left:0;
cursor: default;
font-family:'MuseoLight', sans-serif;
}
.detailFieldDisable
{
color:#7bc6ff;
border-style:hidden;
width:100%;
height:13px;
font-size:14px;
}
.detailCol
{
border-width:1px;
border-style:groove;
}
.detailDiv
{
max-height:300px;
width:100%;
overflow-x:auto;
}
.detailTable
{
overflow:auto;
font-size :10px;
color:black;
width:100%;
}
.detailTable1
{
border-top:1px;
overflow-x:auto;
padding-right:5px;
font-size : 10px;
color:black;
}
.detailTable2
{
overflow:auto;
font-size :10px;
color:black;
width:90%;
}
.buttondata
{
text-align:left;
padding:10px;
/*position: absolute;*/
top: 40;
left: 670;
}
.buttondata1 {
text-align: left;
padding: 10px;
/*position: absolute;*/
top: 40;
left: 603;
}
.headerWhiteSpaceCol
{
width:90px;
}
.otherHelpDiv
{
position : absolute;
width : 180px;
right : 20px;
top : 50px;
height : 70px;
border:2px groove black;
border-radius:5px;
padding:5px;
text-align:left;
font-size : 10px;
}
.fieldSuggestionDiv
{
position:absolute;
right:30px;
bottom:0px;
visibility:hidden;
border:2px groove black;
border-radius:8px;
overflow:auto;
width:550px;
height:380px;
/*
width:100%;
height:100%;
* */
}
.fieldSuggFrame
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#E0EFEF;
border-width:0px;
font-size : 10px;
overflow:auto;
}
.tableRowHeader
{
text-align:center;
}
.popupFooter
{
position:fixed;
bottom:0;
left:0;
padding:5px;
width: 100%;
height:10px;
background-color:#E0EFEF;
font-size : 9px;
}
.selectRow
{
background-color:#E0FFFF;
}
.deSelectRow
{
background-color:white;
}
.selectRowField
{/*
background-color:#BDFFFF;*/
width : 100%;
height:15px;
font-size:9px;
}
.selectRowFieldDisable
{
height:16px;
width : 250px;
font-size:9px;
color : blue; /*
background-color:#BDFFFF;*/
border-style:hidden;
}
.selectDetailFieldDisable
{
height:14px;
width : 100%;
font-size:9px;
color : blue;
background-color:#BDFFFF;
border-style:hidden;
}
#popupTable
{
font-size : 10px;
}
#popupTable1
{
font-size : 10px;
}
.popupTable
{
left:0px;
top:0px;
width:800%;
height:350px;
overflow:auto;
}
.seperator
{
color:blue;
}
.deleteRowTable
{
visibility:hidden;
}
.detail3Table
{
border-top:1px;
overflow-x:auto;
padding-right:5px;
font-size : 10px;
color:black;
}
#loading {
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}
#loading-image {
position: absolute;
top: 40%;
left: 45%;
z-index: 100;
width:50px;
}
.transactionBody
{
overflow:scroll;
}
.innerTable
{
font-size :12px;
color:black;
}
.detailTextCol1
{
font-size :12px;
text-align:left;
}
.transition,
form button,
form .question1 label,
form .question1 input[type="text"] {
-moz-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
-o-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
-webkit-transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
}
form .question1 {
position: relative;
margin:0auto;
}
form .question1:first-of-type {
padding-top: 0;
}
form .question1:last-of-type {
padding-bottom: 0;
}
form .question1 label {
transform-origin: left center;
color: #555;
padding: 5px 10px;
display: block;
position: absolute;
margin-top: -30px;
z-index: 2;
pointer-events: none;
font-size:14px;
}
form .question1 input[type="text"] {
appearance: none;
border-bottom: 1px solid #ccc;
border-top:none;
border-left:none;
border-right:none;
line-height: 0;
font-size: 12px;
width: 250px;
display: block;
box-sizing: border-box;
padding: 15px 0 5px 0;
color: #999;
position: relative;
z-index: 1;
background-color:transparent;
margin-left:10px;
font-family:'MuseoLight', sans-serif;
font-size:14px;
}
form .question1 input[type="text"]:focus {
outline: none;
color: #555;
margin-top: 0px;
}
form .question1 input[type="text"]:valid {
margin-top: 0px;
}
form .question1 input[type="text"]:focus ~ label {
-moz-transform: translate(0, -15px);
-ms-transform: translate(0, -15px);
-webkit-transform: translate(0, -15px);
transform: translate(0, -15px);
}
form .question1 input[type="text"]:valid ~ label {
-moz-transform: translate(0px, -15px) scale(0.9);
-ms-transform: translate(0px, -15px) scale(0.9);
-webkit-transform: translate(0px, -15px) scale(0.9);
transform: translate(0px, -15px) scale(0.9);
}
/*button*/
.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;
}
.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;
}
.button:disabled
{
text-shadow: none;
background-color: #f3f1f1 !important;
color: #999; !important;
}
.readonlyField
{
margin-top:-45px;
transform:none;
/* readonly="readonly"; */
}
.group {
position:relative;
margin-bottom:45px;
}
.wfstatuscss
{
margin-top:-35px;
transform:none;
}
.complete {
border-bottom: #D3D3D3 1PX SOLID;
border-top: #77c9ff 2PX SOLID;
margin-left: 10PX;
background: WHITE;
border-left: #D3D3D3 1PX SOLID;
border-right: #D3D3D3 1PX SOLID;
}
.tdss_leftAlign
{
<!--background:#FFF;-->
background: rgba(255, 204, 0, 0.66);
text-align:left;
font-size:12px;
color: #555;
border-right:none;border-left:none;border-top:none;border-bottom:none;
padding-left:5px;
font-family: 'MuseoLight', sans-serif;
}
</style>
</head> </head>
<form name = "Wizard_activity" METHOD="POST" ACTION="/ibase/ITMWizardHandlerServlet" autocomplete="off" onSubmit="javascript:return validateActivity('1') ;"> <body>
<form name = "Wizard_activity" METHOD="POST" style="font-family: 'MuseoLight', sans-serif;" ACTION="/ibase/ITMWizardHandlerServlet" autocomplete="off" onSubmit="javascript:return validateActivity('1') ;">
<xsl:for-each select="//Detail1"> <xsl:for-each select="//Detail1">
<xsl:variable name="updateFlagHeader"> <xsl:variable name="updateFlagHeader">
<xsl:value-of select="attribute/@updateFlag" /> <xsl:value-of select="attribute/@updateFlag" />
</xsl:variable> </xsl:variable>
<body onload="windowOnLoad();">
<form name="form1" method="POST" action=""> <form name="form1" method="POST" action="">
<div class="heading"> <div class="heading">
<table width="100%" border="0" cellspacing="0" cellpadding="10"> <table width="100%" border="0" cellspacing="0" cellpadding="10">
...@@ -76,6 +864,62 @@ ...@@ -76,6 +864,62 @@
</table> </table>
</div> </div>
<table id="errorTravelTable" width="100%" class="tableClass" style="margin: 15px 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: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:if test="position() = 1">
<tr style="background: rgba(255, 204, 0, 0.66);">
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66); padding-right:5px; padding-left:5xp" nowrap="true" valign="bottom">
Message :
</td>
<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('errorTravelTable')"><font style="color:#000;text-decoration:none;padding-right:5px;" ><b>X</b></font></a>
</td>
</tr>
</xsl:if>
<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>
<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>
</tr>
</xsl:for-each>
<xsl:for-each select="//error">
<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">
Override Warnings :
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true" valign="bottom">
<input type="checkbox" name="forceSave" value="false" onClick="javascript:setChecked(this)"/>
</td>
<td class="tdss_leftAlign" style="background: rgba(255, 204, 0, 0.66);" nowrap="true">
</td>
</tr>
</xsl:if>
</xsl:if>
</xsl:for-each>
</table>
<xsl:variable name="domIDHeader"> <xsl:variable name="domIDHeader">
<xsl:value-of select="@domID" /> <xsl:value-of select="@domID" />
</xsl:variable> </xsl:variable>
...@@ -115,7 +959,7 @@ ...@@ -115,7 +959,7 @@
<input type="text" <input type="text"
id="Detail1.{normalize-space($dbID)}.report_name" name="Detail1.{normalize-space($dbID)}.report_name" id="Detail1.{normalize-space($dbID)}.report_name" name="Detail1.{normalize-space($dbID)}.report_name"
value="{$report_name}" size="12" tabindex="-1" value="{$report_name}" size="12" tabindex="-1"
style="margin-left:10px; width:350px;" maxlength="10" required="true" /> style="margin-left:10px; width:350px;" maxlength="25" required="true" />
<label >Please Select The Report Name</label> <label >Please Select The Report Name</label>
</td> </td>
<td class="headerTextCol6"> <td class="headerTextCol6">
...@@ -146,9 +990,12 @@ ...@@ -146,9 +990,12 @@
</table> </table>
</body>
</xsl:for-each> </xsl:for-each>
</form> </form>
</body>
</html> </html>
</xsl:template> </xsl:template>
</xsl:stylesheet> </xsl:stylesheet>
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