Author: smukhina
Date: 2009-05-29 12:03:34 -0400 (Fri, 29 May 2009)
New Revision: 15607
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/images/feedback_logo.png
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/images/feedback_logo.png
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js
Log:
JBDS-741 Feedback form on JBDS and Tools guides is implemented
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/common.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -11,6 +11,46 @@
<!-- XHTML settings -->
<xsl:param name="html.stylesheet"
select="'css/tools.css'"/>
+ <xsl:template name="feedback">
+ <!--[if IE 6]><iframe frameborder="0"
class="problemLayer" id="place"><xsl:text>
</xsl:text></iframe><![endif]-->
+ <div class="time_out_div" id="timeOutDiv"><xsl:text>
</xsl:text></div>
+ <div id="feedback-maincontainer">
+ <h3 id="feedback-header">
+ Create new JBDS Documentation Jira issue
+ <a href="javascript:void(0);"
onclick="hidePopup('feedback-maincontainer', 'feedback-mailform',
'feedback-iFrame','feedback-submit',
'feedback-maincontainer');" id="feedback-close">
+ <img src="images/close.png" class="feedback-images"
/>
+ </a>
+ </h3>
+ <iframe id='feedback-iFrame'
name="feedback-iFrame"><xsl:text> </xsl:text></iframe>
+ <form onsubmit="return validate_form()"
id="feedback-mailform" method="post"
action="https://jira.jboss.org/jira/secure/CreateIssueDetails!init.j...
target="feedback-iFrame">
+ <input type="hidden" id="priority"
name="priority" value="3" />
+ <input type="hidden" id="components"
name="components" value="12311170" />
+ <input type="hidden" id="versions"
name="versions" value="12312451" />
+ <input type="hidden" id="customfield_12310031"
name="customfield_12310031" value="Documentation (Ref Guide, User Guide,
etc.)" />
+
+ <label for="summary">Summary</label>
+ <input type="text" id="feedback-summary"
name="feedback-summary" title="Summarize the subject of the issue in a few
words" maxlength="255"
onKeyDown="countLeft('feedback-summary', 'left', 255);"
+ onKeyUp="countLeft('feedback-summary', 'left',
255);"/>
+ <div id="summary-helper-left" class="feedback-helper">
+ <span id="left">255</span> characters left
+ </div>
+ <div class="clear"><xsl:text>
</xsl:text></div>
+ <label for="feedback-description">Description</label>
+ <textarea id="feedback-description"
name="feedback-description" title="Provide more details about the
issue" onKeyDown="countLeft('feedback-description', 'none',
500);"
+ onKeyUp="countLeft('feedback-description', 'none',
500);"><xsl:text> </xsl:text></textarea>
+ <div class="clear"><xsl:text>
</xsl:text></div>
+ <label for="feedback-environment">Environment</label>
+ <textarea id="feedback-environment"
name="feedback-environment" title="Describe your
environment"><xsl:text> </xsl:text></textarea>
+ </form>
+ <div id="guide_words">This will launch the RichFaces Jira page - to
complete your feedback please login if needed, and submit the Jira.</div>
+ <input type="button" id="feedback-submit"
value="Proceed to Jira" name="submit"
class="feedback-formbutton" title="Proceed to create new issue"
onclick="fillForm('feedback-mailform');
submitForm('feedback-mailform', 'feedback-iFrame',
'feedback-submit', 'feedback-maincontainer');"/>
+ </div>
+ <div id="feedback-wrapper">
+ <a id="feedback-link"
onclick="showPopup('feedback-maincontainer');">
+ <img src="images/feedback_logo.png"
class="feedback-images" onload="init('feedback-summary',
'feedback-description');"/>
+ </a>
+ </div>
+ </xsl:template>
<xsl:template name="head.content">
@@ -54,17 +94,12 @@
</meta>
</xsl:if>
</xsl:if>
-
- <link rel="shortcut icon" type="image/vnd.microsoft.icon"
href="images/favicon0.ico" />
-
+ <link rel="shortcut icon" type="image/vnd.microsoft.icon"
href="images/favicon0.ico" />
+ <script type="text/javascript"
src="script/toggle.js"><xsl:comment>If you see this message, your web
browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
<xsl:apply-templates select="."
mode="head.keywords.content"/>
</xsl:template>
-
-
-
-
-
+
<!-- Overriding toc.line -->
<xsl:template name="toc.line">
<xsl:param name="toc-context" select="."/>
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml-single.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -15,6 +15,9 @@
<div id="overlay">
<xsl:text> </xsl:text>
</div>
+
+ <!-- FEEDBACK -->
+ <xsl:call-template name="feedback" />
<p
xmlns="http://www.w3.org/1999/xhtml">
<xsl:attribute name="id">
<xsl:text>title</xsl:text>
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/com/jboss/tools/xhtml.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -34,6 +34,8 @@
<xsl:text> </xsl:text>
</div>
+ <!-- FEEDBACK -->
+ <xsl:call-template name="feedback" />
<p
xmlns="http://www.w3.org/1999/xhtml">
<xsl:attribute name="id">
<xsl:text>title</xsl:text>
@@ -97,6 +99,9 @@
</xsl:if>
</li>
</ul>
+
+
+
</xsl:if>
</xsl:if>
<xsl:if test="$header.rule != 0">
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/common.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -10,8 +10,47 @@
<!-- XHTML settings -->
<xsl:param name="html.stylesheet"
select="'css/tools.css'"/>
+ <xsl:template name="feedback">
+ <!--[if IE 6]><iframe frameborder="0"
class="problemLayer" id="place"><xsl:text>
</xsl:text></iframe><![endif]-->
+ <div class="time_out_div" id="timeOutDiv"><xsl:text>
</xsl:text></div>
+ <div id="feedback-maincontainer">
+ <h3 id="feedback-header">
+ Create new JBoss Tools Documentation Jira issue
+ <a href="javascript:void(0);"
onclick="hidePopup('feedback-maincontainer', 'feedback-mailform',
'feedback-iFrame','feedback-submit',
'feedback-maincontainer');" id="feedback-close">
+ <img src="images/close_org.png" class="feedback-images"
/>
+ </a>
+ </h3>
+ <iframe id='feedback-iFrame'
name="feedback-iFrame"><xsl:text> </xsl:text></iframe>
+ <form onsubmit="return validate_form()"
id="feedback-mailform" method="post"
action="https://jira.jboss.org/jira/secure/CreateIssueDetails!init.j...
target="feedback-iFrame">
+ <input type="hidden" id="priority"
name="priority" value="3" />
+ <input type="hidden" id="components"
name="components" value="12311170" />
+ <input type="hidden" id="versions"
name="versions" value="12312451" />
+ <input type="hidden" id="customfield_12310031"
name="customfield_12310031" value="Documentation (Ref Guide, User Guide,
etc.)" />
+
+ <label for="summary">Summary</label>
+ <input type="text" id="feedback-summary"
name="feedback-summary" title="Summarize the subject of the issue in a few
words" maxlength="255"
onKeyDown="countLeft('feedback-summary', 'left', 255);"
+ onKeyUp="countLeft('feedback-summary', 'left',
255);"/>
+ <div id="summary-helper-left" class="feedback-helper">
+ <span id="left">255</span> characters left
+ </div>
+ <div class="clear"><xsl:text>
</xsl:text></div>
+ <label for="feedback-description">Description</label>
+ <textarea id="feedback-description"
name="feedback-description" title="Provide more details about the
issue" onKeyDown="countLeft('feedback-description', 'none',
500);"
+ onKeyUp="countLeft('feedback-description', 'none',
500);"><xsl:text> </xsl:text></textarea>
+ <div class="clear"><xsl:text>
</xsl:text></div>
+ <label for="feedback-environment">Environment</label>
+ <textarea id="feedback-environment"
name="feedback-environment" title="Describe your
environment"><xsl:text> </xsl:text></textarea>
+ </form>
+ <div id="guide_words">This will launch the RichFaces Jira page - to
complete your feedback please login if needed, and submit the Jira.</div>
+ <input type="button" id="feedback-submit"
value="Proceed to Jira" name="submit"
class="feedback-formbutton" title="Proceed to create new issue"
onclick="fillForm('feedback-mailform');
submitForm('feedback-mailform', 'feedback-iFrame',
'feedback-submit', 'feedback-maincontainer');"/>
+ </div>
+ <div id="feedback-wrapper">
+ <a id="feedback-link"
onclick="showPopup('feedback-maincontainer');">
+ <img src="images/feedback_logo.png"
class="feedback-images" onload="init('feedback-summary',
'feedback-description');"/>
+ </a>
+ </div>
+ </xsl:template>
-
<xsl:template name="head.content">
<xsl:param name="node" select="."/>
@@ -56,7 +95,7 @@
</xsl:if>
<link rel="shortcut icon" type="image/vnd.microsoft.icon"
href="images/favicon.ico" />
-
+ <script type="text/javascript"
src="script/toggle.js"><xsl:comment>If you see this message, your web
browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
<xsl:apply-templates select="."
mode="head.keywords.content"/>
</xsl:template>
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml-single.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -14,6 +14,8 @@
<div id="overlay">
<xsl:text> </xsl:text>
</div>
+ <!-- FEEDBACK -->
+ <xsl:call-template name="feedback" />
<p
xmlns="http://www.w3.org/1999/xhtml">
<xsl:attribute name="id">
<xsl:text>title</xsl:text>
Modified:
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl
===================================================================
---
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-docbook-xslt/src/main/resources/xslt/org/jboss/tools/xhtml.xsl 2009-05-29
16:03:34 UTC (rev 15607)
@@ -16,7 +16,7 @@
<script type="text/javascript"
src="script/prototype-1.6.0.2.js"><xsl:comment>If you see this message,
your web browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
<script type="text/javascript"
src="script/effects.js"><xsl:comment>If you see this message, your web
browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
<script type="text/javascript"
src="script/scriptaculous.js"><xsl:comment>If you see this message,
your web browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
- <script type="text/javascript"
src="script/toggle.js"><xsl:comment>If you see this message, your web
browser doesn't support JavaScript or JavaScript is
disabled.</xsl:comment></script>
+
</xsl:template>
<xsl:template name="header.navigation">
@@ -34,6 +34,8 @@
<xsl:text> </xsl:text>
</div>
+ <!-- FEEDBACK -->
+ <xsl:call-template name="feedback" />
<p
xmlns="http://www.w3.org/1999/xhtml">
<xsl:attribute name="id">
<xsl:text>title</xsl:text>
Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css
===================================================================
---
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/css/tools.css 2009-05-29
16:03:34 UTC (rev 15607)
@@ -126,3 +126,205 @@
h1.title {
display:block;
}
+
+/* Feedback styles */
+
+.problemLayer {
+ position: absolute;
+ left: 34%;
+ top: 20%;
+ width: 400px;
+ height: 110px;
+ z-index: 2;
+ background: #fff;
+ display: none;
+}
+
+.time_out_div {
+ height: 100%;
+ width: 100%;
+ min-height: 100%;
+ background-color: #5781AF;
+ filter:alpha(opacity=50);
+ opacity: 0.5;
+ -moz-opacity: 0.5;
+ -khtml-opacity: 0.5;
+ z-index: 99;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: none;
+}
+
+* html div#feedback-wrapper, * html div#feedback-maincontainer, * html div#time_out_div
{
+position: absolute;
+top:expression(eval(document.compatMode &&
+document.compatMode=='CSS1Compat') ?
+documentElement.scrollTop
++(documentElement.clientHeight-this.clientHeight)
+: document.body.scrollTop
++(document.body.clientHeight-this.clientHeight));
+}
+
+#feedback-maincontainer{
+ font-family: Arial;
+ font-size: 14px;
+ display:none;
+ background: #F5F5F5;
+ border: 8px solid #ababab;
+ height:440px;
+ left:30%;
+ position:fixed;
+ text-align:left;
+ top:20%;
+ bottom:20%;
+ width:500px;
+ z-index:100;
+}
+* html #feedback-maincontainer {
+ width:480px;
+}
+#feedback-maincontainer div#guide_words{
+ margin: 0px 20px 0px 20px !important;
+ font-size: 12px;
+}
+.feedback-helper, #summary-helper-left{
+ color: #ff3333;
+ font-size: 10px;
+ float:left;
+
+}
+#summary-helper-left{
+ float:right;
+ color: #5781AF;
+ padding-right:5px;
+}
+
+.clear{
+ clear:both;
+}
+*html #feedback-maincontainer{
+ width: 500px;
+}
+*html #feedback-header{
+ width: 100%;
+}
+#feedback-header{
+ background-color:#880001;
+ border-bottom: 2px solid #ccc;
+ color:white;
+ font-weight:bold;
+ font-size: 16px;
+ height:20px;
+ margin:0;
+ padding:10px 0 10px 20px;
+ position:relative;
+ text-align:left;
+}
+
+#feedback-close{
+ display:block;
+ position:absolute;
+ right:9px;
+ top:6px;
+ width:12px;
+ border: 0px;
+}
+
+#feedback-mailform{
+ margin: 0px 20px 0px 20px !important;
+ padding-bottom:5px;
+ text-align:left;
+}
+
+*html #feedback-mailform{
+ margin: 0px 20px 0px 0px;
+ padding-bottom:5px;
+}
+#feedback-mailform textarea, #feedback-mailform input, #feedback-mailform label{
+ font-family: Arial,Helvetica,sans-serif;
+ width:450px;
+}
+#feedback-mailform input, #feedback-mailform label{
+ display:block;
+}
+#feedback-mailform label{
+ margin-top: 10px;
+}
+#feedback-mailform label span{
+ color: #ff0000
+}
+#feedback-mailform textarea{
+ font-size: 14px;
+ height: 100px;
+ padding: 2px;
+}
+#feedback-mailform textarea#feedback-environment{
+ height: 50px;
+}
+
+.feedback-formbutton{
+ font-size: 12px;
+ font-family: Arial, Helvetica, sans-serif;
+ color: #999;
+ margin: 15px 20px;
+}
+
+
+.feedback-images{
+ border:0;
+ margin:0;
+ display: inline;
+}
+#feedback-iFrame {
+ background-color:#F5F5F5;
+ border:medium none;
+ height:90%;
+ line-height:20px;
+ overflow:visible;
+ width:100%;
+ display:none;
+}
+
+#feedback-wrapper{
+ margin: 0px;
+ padding: 0px;
+ position:fixed;
+ bottom:0px;
+ right:0px;
+ height:315px;
+ width: 47px;
+ overflow: hidden;
+ cursor:pointer;
+}
+
+#feedback-link{
+ float: left;
+ display: block;
+}
+
+#feedback-link img{
+ width: 47px;
+ height:315px;
+}
+h3#feedback-header{
+ display:block;
+ }
+
+.remark{
+ font-size: 11px;
+ margin-top: -15px;
+ margin-bottom:25px;
+ padding:0px;
+}
+.remark ul{
+ list-style: none;
+}
+.remark ul li{
+ margin:0px;
+ padding:0px;
+}
+p.remark i{
+ font-style:normal;
+}
+
Modified:
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/images/feedback_logo.png
===================================================================
(Binary files differ)
Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js
===================================================================
---
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-jdocbook-style/src/main/com/css/script/toggle.js 2009-05-29
16:03:34 UTC (rev 15607)
@@ -1,3 +1,115 @@
+var inputCorrect = false;
+var textCorrect = false;
+
+function getPlace(){
+ if(navigator.appName=="Microsoft Internet Explorer" &&
parseFloat(navigator.appVersion) < 7){
+ document.getElementById('place').style.display = "block";
+ }
+}
+
+function showPopup(_popupId) {
+ document.getElementById(_popupId).style.display = "block";
+ document.getElementById('timeOutDiv').style.display = "block";
+ document.getElementById("feedback-maincontainer").style.display =
"block";
+ document.getElementById("guide_words").style.display = "block";
+ getPlace();
+}
+
+function hidePopup(_popupId, form, iFrame, but, container) {
+ document.getElementById(_popupId).style.display = "none";
+ document.getElementById('timeOutDiv').style.display = "none";
+ document.getElementById(iFrame).style.display = "none";
+ document.getElementById(form).style.display = "block";
+ document.getElementById(but).style.display = "inline";
+ document.getElementById(container).style.left="30%";
+ document.getElementById(container).style.top="20%";
+ document.getElementById(container).style.width="500px";
+ document.getElementById(container).style.height="440px";
+ getPlace();
+}
+
+function showIFrame(form, iFrame, but, container){
+ document.getElementById(form).style.display = "none";
+ document.getElementById(but).style.display = "none";
+ document.getElementById(iFrame).style.display = "block";
+ document.getElementById(container).style.height="99%";
+ document.getElementById(container).style.left="10%";
+ document.getElementById(container).style.top="0";
+ document.getElementById(container).style.width="80%";
+ document.getElementById("guide_words").style.display = "none";
+
+}
+function fillForm(form){
+ document.getElementById(form).attributes['action'].value =
+ document.getElementById(form).attributes['action'].value
+ +'&priority='+document.getElementById('priority').value
+ +'&summary='+document.getElementById('feedback-summary').value
+ +'&description='+document.getElementById('feedback-description').value
+ +'&environment='+document.getElementById('feedback-environment').value
+ +'&components='+document.getElementById('components').value
+ +'&versions='+document.getElementById('versions').value
+ +'&customfield_12310031='+document.getElementById('customfield_12310031').value;
+}
+
+function submitForm(form, iFrame, but, container){
+ document.getElementById(form).submit();
+ showIFrame(form, iFrame, but, container);
+}
+
+function setFieldFlag(type, flag){
+ if(type=="textarea"){
+ textCorrect = flag;
+ }else if(type=="text"){
+ inputCorrect = flag;
+ }
+}
+function countLeft(fieldToCheck, count, max) {
+ var field = document.getElementById(fieldToCheck);
+ var left = 'none';
+ var char_count = field.value.length;
+ var fullStr = field.value + " ";
+ var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi;
+ var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, "");
+ var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi;
+ var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " ");
+ var splitString = cleanedStr.split(" ");
+ var word_count = splitString.length -1;
+ if (fullStr.length <2) {
+ word_count = 0;
+ }
+ if (field.value.length > max){
+ field.value = field.value.substring(0, max);
+ }else if(count != "none"){
+ left = document.getElementById(count);
+ if(navigator.appName=="Microsoft Internet Explorer"){
+ left.innerText = max - field.value.length;
+ }else{
+ left.textContent = max - field.value.length;
+ }
+
+ }
+ if (word_count >= 1){
+ setFieldFlag(field.type, true);
+ }else{
+ setFieldFlag(field.type, false);
+ }
+ if(inputCorrect && textCorrect){
+ document.getElementById("feedback-submit").disabled=false;
+ document.getElementById("feedback-submit").style.color="#415973";
+ }else{
+ document.getElementById("feedback-submit").disabled=true;
+ document.getElementById("feedback-submit").style.color="#999";
+ }
+}
+
+
+function init(input, textarea){
+ document.getElementById("feedback-submit").disabled=true;
+ countLeft(input, "left", 255);
+ countLeft(textarea, "none", 500);
+}
+
+
// attach handler to window object
Event.observe(window,'load',initializeEmailClient,false);
Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css
===================================================================
---
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/css/tools.css 2009-05-29
16:03:34 UTC (rev 15607)
@@ -123,3 +123,204 @@
display:block;
}
+/* Feedback styles */
+
+.problemLayer {
+ position: absolute;
+ left: 34%;
+ top: 20%;
+ width: 400px;
+ height: 110px;
+ z-index: 2;
+ background: #fff;
+ display: none;
+}
+
+.time_out_div {
+ height: 100%;
+ width: 100%;
+ min-height: 100%;
+ background-color: #5781AF;
+ filter:alpha(opacity=50);
+ opacity: 0.5;
+ -moz-opacity: 0.5;
+ -khtml-opacity: 0.5;
+ z-index: 99;
+ position: fixed;
+ top: 0;
+ left: 0;
+ display: none;
+}
+
+* html div#feedback-wrapper, * html div#feedback-maincontainer, * html div#time_out_div
{
+position: absolute;
+top:expression(eval(document.compatMode &&
+document.compatMode=='CSS1Compat') ?
+documentElement.scrollTop
++(documentElement.clientHeight-this.clientHeight)
+: document.body.scrollTop
++(document.body.clientHeight-this.clientHeight));
+}
+
+#feedback-maincontainer{
+ font-family: Arial;
+ font-size: 14px;
+ display:none;
+ background: #F5F5F5;
+ border: 8px solid #7F9DB9;
+ height:440px;
+ left:30%;
+ position:fixed;
+ text-align:left;
+ top:20%;
+ bottom:20%;
+ width:500px;
+ z-index:100;
+}
+* html #feedback-maincontainer {
+ width:480px;
+}
+#feedback-maincontainer div#guide_words{
+ margin: 0px 20px 0px 20px !important;
+ font-size: 12px;
+}
+.feedback-helper, #summary-helper-left{
+ color: #ff3333;
+ font-size: 10px;
+ float:left;
+
+}
+#summary-helper-left{
+ float:right;
+ color: #5781AF;
+ padding-right:5px;
+}
+
+.clear{
+ clear:both;
+}
+*html #feedback-maincontainer{
+ width: 500px;
+}
+*html #feedback-header{
+ width: 100%;
+}
+#feedback-header{
+ background-color:#5781AF;
+ border-bottom: 2px solid #ccc;
+ color:white;
+ font-weight:bold;
+ font-size: 16px;
+ height:20px;
+ margin:0;
+ padding:10px 0 10px 20px;
+ position:relative;
+ text-align:left;
+}
+
+#feedback-close{
+ display:block;
+ position:absolute;
+ right:9px;
+ top:6px;
+ width:12px;
+ border: 0px;
+}
+
+#feedback-mailform{
+ margin: 0px 20px 0px 20px !important;
+ padding-bottom:5px;
+ text-align:left;
+}
+
+*html #feedback-mailform{
+ margin: 0px 20px 0px 0px;
+ padding-bottom:5px;
+}
+#feedback-mailform textarea, #feedback-mailform input, #feedback-mailform label{
+ font-family: Arial,Helvetica,sans-serif;
+ width:450px;
+}
+#feedback-mailform input, #feedback-mailform label{
+ display:block;
+}
+#feedback-mailform label{
+ margin-top: 10px;
+}
+#feedback-mailform label span{
+ color: #ff0000
+}
+#feedback-mailform textarea{
+ font-size: 14px;
+ height: 100px;
+ padding: 2px;
+}
+#feedback-mailform textarea#feedback-environment{
+ height: 50px;
+}
+
+.feedback-formbutton{
+ font-size: 12px;
+ font-family: Arial, Helvetica, sans-serif;
+ color: #999;
+ margin: 15px 20px;
+}
+
+
+.feedback-images{
+ border:0;
+ margin:0;
+ display: inline;
+}
+#feedback-iFrame {
+ background-color:#F5F5F5;
+ border:medium none;
+ height:90%;
+ line-height:20px;
+ overflow:visible;
+ width:100%;
+ display:none;
+}
+
+#feedback-wrapper{
+ margin: 0px;
+ padding: 0px;
+ position:fixed;
+ bottom:0px;
+ right:0px;
+ height:315px;
+ width: 47px;
+ overflow: hidden;
+ cursor:pointer;
+}
+
+#feedback-link{
+ float: left;
+ display: block;
+}
+
+#feedback-link img{
+ width: 47px;
+ height:315px;
+}
+h3#feedback-header{
+ display:block;
+ }
+
+.remark{
+ font-size: 11px;
+ margin-top: -15px;
+ margin-bottom:25px;
+ padding:0px;
+}
+.remark ul{
+ list-style: none;
+}
+.remark ul li{
+ margin:0px;
+ padding:0px;
+}
+p.remark i{
+ font-style:normal;
+}
+
Modified:
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/images/feedback_logo.png
===================================================================
(Binary files differ)
Modified: trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js
===================================================================
---
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js 2009-05-29
15:48:53 UTC (rev 15606)
+++
trunk/documentation/jbosstools-jdocbook-style/src/main/org/css/script/toggle.js 2009-05-29
16:03:34 UTC (rev 15607)
@@ -1,3 +1,114 @@
+var inputCorrect = false;
+var textCorrect = false;
+
+function getPlace(){
+ if(navigator.appName=="Microsoft Internet Explorer" &&
parseFloat(navigator.appVersion) < 7){
+ document.getElementById('place').style.display = "block";
+ }
+}
+
+function showPopup(_popupId) {
+ document.getElementById(_popupId).style.display = "block";
+ document.getElementById('timeOutDiv').style.display = "block";
+ document.getElementById("feedback-maincontainer").style.display =
"block";
+ document.getElementById("guide_words").style.display = "block";
+ getPlace();
+}
+
+function hidePopup(_popupId, form, iFrame, but, container) {
+ document.getElementById(_popupId).style.display = "none";
+ document.getElementById('timeOutDiv').style.display = "none";
+ document.getElementById(iFrame).style.display = "none";
+ document.getElementById(form).style.display = "block";
+ document.getElementById(but).style.display = "inline";
+ document.getElementById(container).style.left="30%";
+ document.getElementById(container).style.top="20%";
+ document.getElementById(container).style.width="500px";
+ document.getElementById(container).style.height="440px";
+ getPlace();
+}
+
+function showIFrame(form, iFrame, but, container){
+ document.getElementById(form).style.display = "none";
+ document.getElementById(but).style.display = "none";
+ document.getElementById(iFrame).style.display = "block";
+ document.getElementById(container).style.height="99%";
+ document.getElementById(container).style.left="10%";
+ document.getElementById(container).style.top="0";
+ document.getElementById(container).style.width="80%";
+ document.getElementById("guide_words").style.display = "none";
+
+}
+function fillForm(form){
+ document.getElementById(form).attributes['action'].value =
+ document.getElementById(form).attributes['action'].value
+ +'&priority='+document.getElementById('priority').value
+ +'&summary='+document.getElementById('feedback-summary').value
+ +'&description='+document.getElementById('feedback-description').value
+ +'&environment='+document.getElementById('feedback-environment').value
+ +'&components='+document.getElementById('components').value
+ +'&versions='+document.getElementById('versions').value
+ +'&customfield_12310031='+document.getElementById('customfield_12310031').value;
+}
+
+function submitForm(form, iFrame, but, container){
+ document.getElementById(form).submit();
+ showIFrame(form, iFrame, but, container);
+}
+
+function setFieldFlag(type, flag){
+ if(type=="textarea"){
+ textCorrect = flag;
+ }else if(type=="text"){
+ inputCorrect = flag;
+ }
+}
+function countLeft(fieldToCheck, count, max) {
+ var field = document.getElementById(fieldToCheck);
+ var left = 'none';
+ var char_count = field.value.length;
+ var fullStr = field.value + " ";
+ var initial_whitespace_rExp = /^[^A-Za-z0-9]+/gi;
+ var left_trimmedStr = fullStr.replace(initial_whitespace_rExp, "");
+ var non_alphanumerics_rExp = rExp = /[^A-Za-z0-9]+/gi;
+ var cleanedStr = left_trimmedStr.replace(non_alphanumerics_rExp, " ");
+ var splitString = cleanedStr.split(" ");
+ var word_count = splitString.length -1;
+ if (fullStr.length <2) {
+ word_count = 0;
+ }
+ if (field.value.length > max){
+ field.value = field.value.substring(0, max);
+ }else if(count != "none"){
+ left = document.getElementById(count);
+ if(navigator.appName=="Microsoft Internet Explorer"){
+ left.innerText = max - field.value.length;
+ }else{
+ left.textContent = max - field.value.length;
+ }
+
+ }
+ if (word_count >= 1){
+ setFieldFlag(field.type, true);
+ }else{
+ setFieldFlag(field.type, false);
+ }
+ if(inputCorrect && textCorrect){
+ document.getElementById("feedback-submit").disabled=false;
+ document.getElementById("feedback-submit").style.color="#415973";
+ }else{
+ document.getElementById("feedback-submit").disabled=true;
+ document.getElementById("feedback-submit").style.color="#999";
+ }
+}
+
+
+function init(input, textarea){
+ document.getElementById("feedback-submit").disabled=true;
+ countLeft(input, "left", 255);
+ countLeft(textarea, "none", 500);
+}
+
// attach handler to window object
Event.observe(window,'load',initializeEmailClient,false);