[Libreoffice-commits] .: bug/bug bug/bug.xhtml
Loic Dachary
loic at kemper.freedesktop.org
Wed Sep 21 00:42:24 PDT 2011
bug/bug.xhtml | 232 ++++++++++++++++++++++----------------------
bug/bug/bug.css | 15 ++
bug/bug/images/noscript.png |binary
3 files changed, 136 insertions(+), 111 deletions(-)
New commits:
commit 397aecfb4e74c080478317da03ad0bad135a9d97
Author: Loic Dachary <loic at dachary.org>
Date: Wed Sep 21 09:42:13 2011 +0200
fallback when javascript is not active
diff --git a/bug/bug.xhtml b/bug/bug.xhtml
index dc8b193..b7c955c 100644
--- a/bug/bug.xhtml
+++ b/bug/bug.xhtml
@@ -21,150 +21,160 @@
<link rel="stylesheet" href="bug.css" type="text/css" media="screen"></link>
</head>
<body>
- <div class="skin"><a href="?skin=login">login</a> <a href="?skin=component">component</a> <a href="?skin=subcomponent">subcomponent</a> <a href="?skin=version">version</a> <a href="?skin=description">description</a> <a href="?skin=submit">submit</a> <a href="?skin=complete">complete</a> </div>
- <div class="header">
- <div class="title">Bug</div>
- <div class="submission">
- Thank you for using LibreOffice, we regret that you seem to have found a problem in our software, so that you decided to report a bug. This assistant will lead you step by step through the bug report process.
+ <div class="nojavascript">
+ <div class="message">
+ JavaScript is disabled, use <a href="/enter_bug.cgi?product=LibreOffice;bug_status=UNCONFIRMED;version=?">bugzilla</a> to report a problem.
</div>
+ <div class="eyecandy"></div>
</div>
- <div class="content">
- <div class="left">
- <div>
- <div class="step step_signin"><div class="count">1</div><div class="label">Sign in</div></div>
- <div class="step step_component"><div class="count">2</div><div class="label">Component</div></div>
- <div class="step step_subcomponent"><div class="count">3</div><div class="label">Subcomponent</div></div>
- <div class="step step_version"><div class="count">4</div><div class="label">Version</div></div>
- <div class="step step_description"><div class="count">5</div><div class="label">Description</div></div>
- <div class="step step_submit"><div class="count">6</div><div class="label">Submit</div></div>
- <div class="step step_attach"><div class="count">7</div><div class="label">Attach</div></div>
- </div>
- <div class="copyright">
- <a href="http://wiki.documentfoundation.org/Bug_Submission_Assistant">Bug Submission Assistant</a> is copyright (C) 2011 Loic Dachary published under <a href="http://www.gnu.org/licenses/gpl.txt">GNU GPLv3+</a> : download the <a href="bug.js">sources</a>.
+ <div class="javascript">
+ <div class="skin"><a href="?skin=login">login</a> <a href="?skin=component">component</a> <a href="?skin=subcomponent">subcomponent</a> <a href="?skin=version">version</a> <a href="?skin=description">description</a> <a href="?skin=submit">submit</a> <a href="?skin=complete">complete</a> </div>
+ <div class="header">
+ <div class="title">Bug</div>
+ <div class="submission">
+ Thank you for using LibreOffice, we regret that you seem to have found a problem in our software, so that you decided to report a bug. This assistant will lead you step by step through the bug report process.
</div>
</div>
- <div class="right">
+ <div class="content">
+ <div class="left">
+ <div>
+ <div class="step step_signin"><div class="count">1</div><div class="label">Sign in</div></div>
+ <div class="step step_component"><div class="count">2</div><div class="label">Component</div></div>
+ <div class="step step_subcomponent"><div class="count">3</div><div class="label">Subcomponent</div></div>
+ <div class="step step_version"><div class="count">4</div><div class="label">Version</div></div>
+ <div class="step step_description"><div class="count">5</div><div class="label">Description</div></div>
+ <div class="step step_submit"><div class="count">6</div><div class="label">Submit</div></div>
+ <div class="step step_attach"><div class="count">7</div><div class="label">Attach</div></div>
+ </div>
+ <div class="copyright">
+ <a href="http://wiki.documentfoundation.org/Bug_Submission_Assistant">Bug Submission Assistant</a> is copyright (C) 2011 Loic Dachary published under <a href="http://www.gnu.org/licenses/gpl.txt">GNU GPLv3+</a> : download the <a href="bug.js">sources</a>.
+ </div>
+ </div>
+ <div class="right">
- <div class="error-container">
- <div class="error-top">
- <div class="error-left">
- <div class="error-bottom">
- <div class="error-right">
- <div class="error-top-left"></div>
- <div class="error-top-right"></div>
- <div class="error-bottom-left"></div>
- <div class="error-bottom-right"></div>
- <div class="error">
+ <div class="error-container">
+ <div class="error-top">
+ <div class="error-left">
+ <div class="error-bottom">
+ <div class="error-right">
+ <div class="error-top-left"></div>
+ <div class="error-top-right"></div>
+ <div class="error-bottom-left"></div>
+ <div class="error-bottom-right"></div>
+ <div class="error">
+ </div>
</div>
</div>
</div>
</div>
</div>
- </div>
-
- <div class="username"></div>
+
+ <div class="username"></div>
- <div class="state signin">
- <div class="signin-invite">
- Please login using your <a href="/">bugzilla account</a>.
- </div>
- <div class="signin-container">
- <div>User:</div>
- <div class="signin-input"><input class='user' type="text" name="user"></input></div>
- <div>Password:</div>
- <div class="signin-input"><input class='password' type="password" name="password"></input></div>
- <div class="go">Sign in</div>
- <div class="signin-create">
- or <a href="/enter_bug.cgi" target="_blank">create an account</a>
- </div>
+ <div class="state signin">
+ <div class="signin-invite">
+ Please login using your <a href="/">bugzilla account</a>.
+ </div>
+ <div class="signin-container">
+ <div>User:</div>
+ <div class="signin-input"><input class='user' type="text" name="user"></input></div>
+ <div>Password:</div>
+ <div class="signin-input"><input class='password' type="password" name="password"></input></div>
+ <div class="go">Sign in</div>
+ <div class="signin-create">
+ or <a href="/enter_bug.cgi" target="_blank">create an account</a>
+ </div>
+ </div>
</div>
- </div>
- <div class="submission">
- <div class="state state_component">
- <div>
- <div>Select component</div>
- <div>&components;</div>
- </div>
- <div>
- <div class="components_icons">
- <div><img src="icons/Libreoffice.png" title="BASIC" data="BASIC" alt="BASIC" /><img src="icons/Chart.png" title="Chart" data="Chart" alt="Chart" /><img src="icons/Libreoffice.png" title="Contrib" data="Contrib" alt="Contrib" /><img src="icons/Database.png" title="Database" data="Database" alt="Database" /><img src="icons/Documentation.png" title="Documentation" data="Documentation" alt="Documentation" /><img src="icons/Drawing.png" title="Drawing" data="Drawing" alt="Drawing" /></div><div><img src="icons/Extensions.png" title="Extensions" data="Extensions" alt="Extensions" /><img src="icons/Formula_editor.png" title="Formula" data="Formula_editor" alt="Formula" /><img src="icons/Installation.png" title="Installation" data="Installation" alt="Installation" /><img src="icons/Libreoffice.png" title="Libreoffice" data="Libreoffice" alt="Libreoffice" /><img src="icons/Libreoffice.png" title="Linguistic" data="Linguistic" alt="Linguistic" /><img src="icons/Libreoff
ice.png" title="Localization" data="Localization" alt="Localization" /></div><div><img src="icons/PDF_export.png" title="PDF" data="PDF_Export" alt="PDF" /><img src="icons/Presentation.png" title="Presentation" data="Presentation" alt="Presentation" /><img src="icons/Spreadsheet.png" title="Spreadsheet" data="Spreadsheet" alt="Spreadsheet" /><img src="icons/Libreoffice.png" title="UI" data="UI" alt="UI" /><img src="icons/WRITER.png" title="WRITER" data="WRITER" alt="WRITER" /><img src="icons/WWW.png" title="WWW" data="WWW" alt="WWW" /></div>
+ <div class="submission">
+ <div class="state state_component">
+ <div>
+ <div>Select component</div>
+ <div>&components;</div>
+ </div>
+ <div>
+ <div class="components_icons">
+ <div><img src="icons/Libreoffice.png" title="BASIC" data="BASIC" alt="BASIC" /><img src="icons/Chart.png" title="Chart" data="Chart" alt="Chart" /><img src="icons/Libreoffice.png" title="Contrib" data="Contrib" alt="Contrib" /><img src="icons/Database.png" title="Database" data="Database" alt="Database" /><img src="icons/Documentation.png" title="Documentation" data="Documentation" alt="Documentation" /><img src="icons/Drawing.png" title="Drawing" data="Drawing" alt="Drawing" /></div><div><img src="icons/Extensions.png" title="Extensions" data="Extensions" alt="Extensions" /><img src="icons/Formula_editor.png" title="Formula" data="Formula_editor" alt="Formula" /><img src="icons/Installation.png" title="Installation" data="Installation" alt="Installation" /><img src="icons/Libreoffice.png" title="Libreoffice" data="Libreoffice" alt="Libreoffice" /><img src="icons/Libreoffice.png" title="Linguistic" data="Linguistic" alt="Linguistic" /><img src="icons/Libreo
ffice.png" title="Localization" data="Localization" alt="Localization" /></div><div><img src="icons/PDF_export.png" title="PDF" data="PDF_Export" alt="PDF" /><img src="icons/Presentation.png" title="Presentation" data="Presentation" alt="Presentation" /><img src="icons/Spreadsheet.png" title="Spreadsheet" data="Spreadsheet" alt="Spreadsheet" /><img src="icons/Libreoffice.png" title="UI" data="UI" alt="UI" /><img src="icons/WRITER.png" title="WRITER" data="WRITER" alt="WRITER" /><img src="icons/WWW.png" title="WWW" data="WWW" alt="WWW" /></div>
+ </div>
+ <div>&component_comments;</div>
</div>
- <div>&component_comments;</div>
</div>
- </div>
- <div class="version_and_subcomponent">
- <div>
- <div class="state state_subcomponent">
- Sub component <div class="active_subcomponent"></div>
+ <div class="version_and_subcomponent">
+ <div>
+ <div class="state state_subcomponent">
+ Sub component <div class="active_subcomponent"></div>
+ </div>
</div>
- </div>
- <div>
- <div class="state state_version">
- Version &versions;
+ <div>
+ <div class="state state_version">
+ Version &versions;
+ </div>
</div>
</div>
- </div>
- <div class="state state_description">
- <div class="subject">Subject:</div>
- <div class="subject-input"><input type="text" class="short" size="50"></input></div>
- <div class="desciption">Long description:</div>
- <div class="description-input"><textarea rows="10" cols="60" class="long"></textarea></div>
- </div>
+ <div class="state state_description">
+ <div class="subject">Subject:</div>
+ <div class="subject-input"><input type="text" class="short" size="50"></input></div>
+ <div class="desciption">Long description:</div>
+ <div class="description-input"><textarea rows="10" cols="60" class="long"></textarea></div>
+ </div>
- <div class="state state_submit">
- <div class="go">Submit</div>
- <div class="bug"></div>
- </div>
+ <div class="state state_submit">
+ <div class="go">Submit</div>
+ <div class="bug"></div>
+ </div>
+
+ <div class="state state_subcomponent state_duplicates">
+ Related bug reports
+ <div class="related_bugs"></div>
+ </div>
+
+ <div class="state_subcomponent">
+ <div class="subcomponents">&subcomponents;</div>
+ </div>
- <div class="state state_subcomponent state_duplicates">
- Related bug reports
- <div class="related_bugs"></div>
</div>
- <div class="state_subcomponent">
- <div class="subcomponents">&subcomponents;</div>
+ <div class="state_success">
+ The bug report has been <a class="bug">successfully submitted</a>
</div>
- </div>
+ <div class="state_attach">
+ <div class="attach-invite">
+ Upload an attachment illustrating the problem
+ </div>
+ <form action='/attachment.cgi' method='post' enctype='multipart/form-data'>
+ <input type="hidden" name="action" value="insert"></input>
+ <input class="bug" type="hidden" name="bugid"></input>
+ <input type="hidden" name="description" value="SCREENSHOT"></input>
+ <input type="hidden" name="comment" value="SCREENSHOT COMMENT"></input>
+ <input type="hidden" name="contenttypemethod" value="autodetect"></input>
+ <div class="attach-file-and-submit">
+ <div class="attach-file">
+ <input type="file" name="data" />
+ <div class="attach-file-style">
+ <div><input type="text" name="ignored"></input></div>
+ <div class="attach-browse">Browse</div>
+ </div>
+ </div>
+ <div class="attach-submit">
+ <input type="submit" value="Upload"></input>
+ </div>
+ </div>
+ </form>
+ <img title="screenshot" />
+ </div>
- <div class="state_success">
- The bug report has been <a class="bug">successfully submitted</a>
</div>
-
- <div class="state_attach">
- <div class="attach-invite">
- Upload an attachment illustrating the problem
- </div>
- <form action='/attachment.cgi' method='post' enctype='multipart/form-data'>
- <input type="hidden" name="action" value="insert"></input>
- <input class="bug" type="hidden" name="bugid"></input>
- <input type="hidden" name="description" value="SCREENSHOT"></input>
- <input type="hidden" name="comment" value="SCREENSHOT COMMENT"></input>
- <input type="hidden" name="contenttypemethod" value="autodetect"></input>
- <div class="attach-file-and-submit">
- <div class="attach-file">
- <input type="file" name="data" />
- <div class="attach-file-style">
- <div><input type="text" name="ignored"></input></div>
- <div class="attach-browse">Browse</div>
- </div>
- </div>
- <div class="attach-submit">
- <input type="submit" value="Upload"></input>
- </div>
- </div>
- </form>
- <img title="screenshot" />
- </div>
-
</div>
</div>
<script>
$(document).ready(function() {
+ $('.nojavascript').hide();
+ $('.javascript').show();
if(location.search.indexOf('skin') >= 0) {
$.skin();
} else {
diff --git a/bug/bug/bug.css b/bug/bug/bug.css
index 0829dba..c5230c6 100644
--- a/bug/bug/bug.css
+++ b/bug/bug/bug.css
@@ -1,3 +1,18 @@
+/* javascript fallback */
+.javascript {
+ display: none;
+}
+
+.nojavascript .message {
+ padding: 10px 0px 10px 50px;
+}
+
+.nojavascript .eyecandy {
+ width: 500px;
+ height: 116px;
+ background: url('images/noscript.png') no-repeat top left;
+}
+
body {
margin: 0;
background-color: #fff;
diff --git a/bug/bug/images/noscript.png b/bug/bug/images/noscript.png
new file mode 100644
index 0000000..97a0cc9
Binary files /dev/null and b/bug/bug/images/noscript.png differ
More information about the Libreoffice-commits
mailing list