554116 - Add jQuery UI to MDC

Status: RESOLVED WONTFIX

(developer.mozilla.org Graveyard :: General, defect)

Description

[Eric Shepherd [:sheppy]]

For some UX stuff we're planning to do on MDC, we'll need jQuery UI available. There are two steps here. First, we need jQuery UI itself installed, if it's not already (I don't believe it is, although jQuery itself is used by MindTouch).

Second, we need the jQuery UI MindTouch extension installed. See http://developer.mindtouch.com/App_Catalog/jQuery_UI for details.

Can we install this locally or do we just pull it from MindTouch? I think we prefer the former when possible. Either way, once it's installed, I'll need to do configuration changes on MDC that will require a wiki restart to pick up on both hosts.

Comment 1

[Jeremy Orem [:oremj]]

It seems best to package this along with the theme.

Comment 2

[Eric Shepherd [:sheppy]]

That makes sense. Is there something you'd like me to do here? I want to be sure that if there's anything you want me to do, I do it, and otherwise stay out of the way.

Comment 3

[Jay Patel [:jay]]

oremj:  What do you mean "package along with the theme"?  If you mean the upcoming theme update the we will need to do after Happy Cog has a design, that is in Q2.

We need the jQuery for some changes we need to make to the current MDC home page in Q1. 

Please clarify and if possible, get the jQuery UI setup so Sheppy can help me make the necessary changes to meet our Q1 goal.

Thanks!

Comment 4

[Jay Patel [:jay]]

Attachment: changes we want to make to mdc right now.

This are wireframes I put together to show the changes we want to make to the current MDC home page (with the current MindTouch stuff in place).

The MDN redesign that is going to happen in Q2 will build out pages outside the MindTouch framework and will use the Django/Python stuff webdev is using.

Comment 5

[Jeremy Orem [:oremj]]

I didn't notice this is just an extension. Sheppy, feel free to install this anytime and let me know if you need a daemon restart. I've only installed one extension, SVG, and it didn't require a full restart.

Comment 6

[Eric Shepherd [:sheppy]]

This isn't just an extension; we need to actually install jquery ui as well as the MindTouch extension.

Comment 7

[Shyam Mani [:fox2mike]]

Over to Jeremy

Comment 8

[Jeremy Orem [:oremj]]

I've added the extension to developer stage and the jquery ui js is available and works. If you want to include jquery ui in the theme you should add it there. Go ahead and install the extension whenever.

Comment 9

[Eric Shepherd [:sheppy]]

I've added jQuery UI and a basic theme for it to SVN, in revision 64632. Please update MDC to use these files so we can start experimenting with using it.

Comment 10

[Jeremy Orem [:oremj]]

A    skins/mozilla/Fox3/jquery-ui-1.7.2.custom.min.js
U    skins/mozilla/Fox3/style.css
A    skins/mozilla/Fox3/ui-lightness
A    skins/mozilla/Fox3/ui-lightness/images
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_gloss-wave_35_f6a828_500x100.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-icons_ef8c08_256x240.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_highlight-soft_75_ffe45c_1x100.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-icons_ffffff_256x240.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_flat_10_000000_40x100.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_glass_65_ffffff_1x400.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-icons_228ef1_256x240.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-icons_ffd27a_256x240.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png
A    skins/mozilla/Fox3/ui-lightness/images/ui-icons_222222_256x240.png
A    skins/mozilla/Fox3/ui-lightness/jquery-ui-1.7.2.custom.css
U    resources/resources.custom.txt
Updated to revision 64632.

Comment 11

[Eric Shepherd [:sheppy]]

Oops, I need to do a skin change to actually include jqueryui. I'll do that shortly then request another update, sorry.

Comment 12

[Eric Shepherd [:sheppy]]

Jeremy, can we update developer-stage to use the skin from revision 64635? This last tweak I just made I'm not as confident of, and would like to test it on the staging server before deploying to the live site.

Comment 13

[Jeremy Orem [:oremj]]

Okay, I've updated them.

Comment 14

[Eric Shepherd [:sheppy]]

Thanks, that works. I think what I'm going to do is leave this open for now while we work on tweaking the skin on the staging site before we deploy the final changes to the main site. Reassigning to myself for now.

Comment 15

[Garrett Smith]

(In reply to Eric Shepherd [:sheppy] from comment #0)
> For some UX stuff we're planning to do on MDC, we'll need jQuery UI
-1.

MDC source should be an example of using valid HTML + the DOM, not a confusing and inefficient script like jQuery.

Whose involvement in this project has led to that awful Wiki editor? And who writes MDC HTML? https://developer.mozilla.org/en/JavaScript has 95 errors in the w3c validator, showing a poor understanding of HTML.

Comment 16

[Luke Crouch [:groovecoder]]

(In reply to Garrett Smith from comment #15)

This is a very old bug. We're moving off of the MindTouch wiki and onto our own django wiki system already in use by support.mozilla.com. When we're on django, we'll have full control over our HTML.