Bug 9693 - Remove YUI styling from buttons on the patron card creator's image manage...
authorOwen Leonard <oleonard@myacpl.org>
Fri, 22 Feb 2013 13:59:43 +0000 (08:59 -0500)
committerJared Camins-Esakov <jcamins@cpbibliography.com>
Thu, 7 Mar 2013 15:03:25 +0000 (10:03 -0500)
Buttons on the patron card creator's image manage page are styled using
YUI. They can be classified as submit buttons rather than toolbar
buttons, so they should have default submit button styles.

This patch removes YUI styling and related JavaScript. Other minor
changes: Markup corrections for validity.

To test, view the patron card creator's image manage page. "Upload" and
"Delete" buttons should look correct and work correctly. Upload and
delete operations should function normally.

Signed-off-by: Bernardo Gonzalez Kriegel <bgkriegel@gmail.com>
Comment: Work as described. No errors.
Questions answered in comments.

Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de>
Works nicely and is more consistent.
Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>
koha-tmpl/intranet-tmpl/prog/en/modules/patroncards/image-manage.tt

index 7eda584..66f1725 100644 (file)
                 alert(_("Please select image(s) to ") + op + ".");
                 return (-1);
             };
-            function showHideLayers(element, time, action) {
-                setTimeout("changeVisibility('" + element + "','" + action + "')", time)
-            }
-            function changeVisibility(element, action) {
-                document.getElementById(element).style.display=action;
-            }
-    </script>
-    <script type="text/javascript">
-        //<![CDATA[
         $(document).ready(function() {
-            $("#upload_cancel").empty();
-            $("#delete_cancel").empty();
-            $("#upload").empty();
-            $("#delete").empty();
-            buildButtons();
-            showHideLayers('dialog', 5000, 'none')
-         });
-
-        function buildButtons() {
-            new YAHOO.widget.Button({
-                type: "link",
-                label: _("Cancel"),
-                id: "cancelul",
-                href: "/cgi-bin/koha/patroncards/home.pl",
-                container: "upload_cancel"
+            $("#delete").click(function(){
+                return DeleteConfirm();
             });
-
-            new YAHOO.widget.Button({
-                type: "link",
-                label: _("Cancel"),
-                id: "canceldel",
-                href: "/cgi-bin/koha/patroncards/home.pl",
-                container: "delete_cancel"
-            });
-
-            new YAHOO.widget.Button({
-                type: "submit",
-                label: _("Upload"),
-                id: "uploadsb",
-                value: "upload",
-                container: "upload"
-            });
-
-            var deleteButton = new YAHOO.widget.Button({
-                type: "link",
-                onclick: {fn: DeleteConfirm},
-                label: _("Delete"),
-                id: "deletesb",
-                value: "delete",
-                container: "delete",
-            });
-        }
+         });
+        //]]>
     </script>
 </head>
 <body id="pcard_image-manage" class="tools pcard">
                         <h1>Upload Images</h1>
                         [% IF ( IMPORT_SUCCESSFUL ) %]
                         <div id="dialog" class="dialog message">
-                            <li><h3>Image successfully uploaded.</h3></li>
-                            <li>File: [% SOURCE_FILE %]</li>
-                            <li>Image name: [% IMAGE_NAME %]</li>
+                            <h3>Image successfully uploaded</h3>
+                            <ul><li>File: [% SOURCE_FILE %]</li>
+                            <li>Image name: [% IMAGE_NAME %]</li></ul>
                         </div>
                         [% END %]
                         <form name="upload_images" method="post" action="/cgi-bin/koha/patroncards/image-manage.pl" enctype="multipart/form-data">
                                 <div class="hint">
                                     <b>NOTE:</b> Only PNG, GIF, JPEG, XPM formats are supported. Images <b>must</b> be less than 500KB.
                                 </div>
+                                <ol>
                                 <li>
                                     <label for="uploadfile">Select the file to upload: </label>
                                     <input type="file" id="uploadfile" name="uploadfile" />
                                     </div>
                                     <input type="text" id="image_name" name="image_name" size="20" />
                                 </li>
+                                </ol>
                             </fieldset>
                             <fieldset class="action">
                                 <input type="hidden" name="op" value="upload" />
-                                <span id="upload"><input id="uploadsu" type="submit" value="upload" class="submit" /></span>
-                                <span id="upload_cancel"><a id="cancelul" href="/cgi-bin/koha/patroncards/home.pl" class="cancel">Cancel</a></span>
+                                <input id="uploadsu" type="submit" value="Upload" />
+                                <a id="cancelul" href="/cgi-bin/koha/patroncards/home.pl" class="cancel">Cancel</a>
                             </fieldset>
                         </form>
                     </div>
                     <h1>Delete Images</h1>
                         [% IF ( DELETE_SUCCESSFULL ) %]
                         <div id="dialog" class="dialog message">
-                            <li><h3>Image(s) successfully deleted.</h3></li>
+                            <h3>Image(s) successfully deleted</h3>
                         </div>
                         [% END %]
                         [% IF ( TABLE ) %]
                                 <div class="hint">
                                     Select one or more images to delete.
                                 </div>
-                           <li>
                                <table>
                                     [% FOREACH TABL IN TABLE %]
                                     [% IF ( TABL.header_fields ) %]
                                     [% END %]
                                     [% END %]
                                 </table>
-                            </li>
                             </fieldset>
                             <fieldset class="action">
                                 <input type="hidden" name="op" value="delete" />
-                                <span id="delete"><input id="deletesu" type="button" id="delete" onclick="DeleteConfirm()" value="Delete image(s)" /></span>
-                                <span id="delete_cancel"><a id="canceldel" href="/cgi-bin/koha/patroncards/home.pl" class="cancel">Cancel</a></span>
+                                <input type="button" id="delete" value="Delete" />
+                                <a id="canceldel" href="/cgi-bin/koha/patroncards/home.pl" class="cancel">Cancel</a>
                             </fieldset>
                         </form>
                         [% ELSE %]