<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"> </head> <body text="#000000" bgcolor="#ffffff"> On 09/18/2011 10:27 AM, Loic Dachary wrote: <blockquote cite="mid:4E75AB5F.6090505@dachary.org" type="cite"> <meta content="text/html; charset=ISO-8859-1" http-equiv="Content-Type"> On 09/17/2011 07:41 PM, Loic Dachary wrote: <blockquote cite="mid:4E74DBDB.7080503@dachary.org" type="cite"> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <link href="chrome://translator/skin/floatingPanel.css" type="text/css" rel="stylesheet"> Hi, I've sent you the source files Aleksandar (in cc) sent me for the design of <a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://wiki.documentfoundation.org/Bug_Submission_Assistant_-_ToDo#Web_design">http://wiki.documentfoundation.org/Bug_Submission_Assistant_-_ToDo#Web_design</a> I'm very happy that you're willing to help with CSS/HTML integration because exporting the necessary images is above my paygrade :-) Regarding the staging area, I'm using <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://freedesktop.dachary.org/libreoffice/bug/bug.html">https://freedesktop.dachary.org/libreoffice/bug/bug.html</a> which is built from <a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://cgit.freedesktop.org/libreoffice/website/tree/bug">http://cgit.freedesktop.org/libreoffice/website/tree/bug</a> and installed according to <a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://wiki.documentfoundation.org/Bug_Submission_Assistant#Implementation">http://wiki.documentfoundation.org/Bug_Submission_Assistant#Implementation</a> In order to actually see the various states, one has to run the application, which is inconvenient. I will create a static page demonstrating all the possible states. So that it can be easily copied without the need to actually install the reverse proxy. For the rest, I will follow your advice on how to proceed. If I'm given a set of images I can take care of the CSS / HTML integration. I actually enjoy it ;-) Only I'm not skilled at exporting images... </blockquote> Hi, If ?skin is added to the Bug Submission Assistant URL, links are shown to display all the states. For instance ?skin=submit will show the page as it would look just before the user submit the form. For HTML/CSS integration, it helps to visualize the states locally without the need to actually install the corresponding reverse proxy. <a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://cgit.freedesktop.org/libreoffice/website/commit/?id=42e0dad5868972db7891a19668a2585b73813cd5">http://cgit.freedesktop.org/libreoffice/website/commit/?id=42e0dad5868972db7891a19668a2585b73813cd5</a> You can now install the Bug Submission Assistant locally with git clone <a moz-do-not-send="true" href="http://cgit.freedesktop.org/libreoffice/website" class="external free" rel="nofollow" target="_blank">http://cgit.freedesktop.org/libreoffice/website</a> cd website/bug make # requires <a moz-do-not-send="true" href="http://xmlsoft.org/XSLT/xsltproc.html" class="external free" rel="nofollow" target="_blank">http://xmlsoft.org/XSLT/xsltproc.html</a> <a moz-do-not-send="true" href="http://tidy.sourceforge.net/" class="external free" rel="nofollow" target="_blank">http://tidy.sourceforge.net/</a> and <a moz-do-not-send="true" href="http://curl.haxx.se/" class="external free" rel="nofollow" target="_blank">http://curl.haxx.se/</a> browser bug/bug.html?skin as explained at <a moz-do-not-send="true" class="moz-txt-link-freetext" href="http://wiki.documentfoundation.org/Bug_Submission_Assistant#Installation_and_maintainance">http://wiki.documentfoundation.org/Bug_Submission_Assistant#Installation_and_maintainance</a> You can also see how it currently looks at <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=login">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=login</a> <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=component">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=component</a> <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=subcomponent">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=subcomponent</a> <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=description">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=description</a> <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=submit">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=submit</a> <a moz-do-not-send="true" class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=complete">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin=complete</a> I will make the necessary changes to replace the <select> box with stylable menus based on <div> because that requires javascript side modifications. I will be on irc.freenode.net#libreoffice-dev all day if you need me. Cheers </blockquote> I integrated the subcomponent menu and the list of steps to the left, because that involved some javascript. I cut images from Aleksandar screenshots, to use as placeholders until the real images properly exported with transparency and all are available. You can see the result at: <a class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html</a> and you can quickly go thru the various steps as explained above with the links on top of <a class="moz-txt-link-freetext" href="https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin">https://bugassistant.libreoffice.org/libreoffice/bug/bug.html?skin</a> I'll keep working on the integration, using placeholder images, until the real images are available. Cheers </body> </html>