[jira] [Commented] (MAPREDUCE-3173) MRV2 UI doesn't work properly without internet

[Devaraj K (JIRA)]

    [ 
https://issues.apache.org/jira/browse/MAPREDUCE-3173?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13266499#comment-13266499
 ] 

Devaraj K commented on MAPREDUCE-3173:
--------------------------------------

{quote}
Like I said before I don't know how critical these are because everything looks 
OK on the web page for the most part. It looks like they are trying to be 
loaded by some of the css that is tied to ui-state-error, ui-widget-content, 
ui-widget-header and ui-state-default, but I don't know for sure. Some of them 
are also referenced directly by jquery.min-1.6.4.js.
{quote}

I couldn't notice these files because there was no effect in the page due to 
these files not present. Thanks for noticing and giving clear details. I think 
it is better to have all these image files. I have attached jquery-images.tgz 
for all these images. Please extract it and add all the files in the directory 
'hadoop-mapreduce-project/hadoop-yarn/hadoop-yarn-common/src/main/resources/webapps/static/jquery/themes-1.8.16'.


{quote}
Also I am rather curious about the changes that you made to 
themeswitcher.js.gz. Did you just upgrade to a newer one, or is it modified in 
some way. If it is modified it is important that we document it so that when we 
upgrade we can replicate those changes.
{quote}

Here I have modified the themeswitcher.js file to use the local css files 
present in 
'hadoop-mapreduce-project/hadoop-yarn/hadoop-yarn-common/src/main/resources/webapps/static/jquery/themes-1.8.16'
 instead of accessing from web. 

\\
*Before the change:*

{code:title=themeswitcher.js|borderStyle=solid}<a 
href="http://jqueryui.com/themeroller/css/parseTheme.css.php?ffDefault=Trebuchet+MS,+Tahoma,+Verdana,+Arial,+sans-serif&amp;fwDefault=bold&amp;fsDefault=1.1em&amp;cornerRadius=4px&amp;bgColorHeader=f6a828&amp;bgTextureHeader=12_gloss_wave.png&amp;bgImgOpacityHeader=35&amp;borderColorHeader=e78f08&amp;fcHeader=ffffff&amp;iconColorHeader=ffffff&amp;bgColorContent=eeeeee&amp;bgTextureContent=03_highlight_soft.png&amp;bgImgOpacityContent=100&amp;borderColorContent=dddddd&amp;fcContent=333333&amp;iconColorContent=222222&amp;bgColorDefault=f6f6f6&amp;bgTextureDefault=02_glass.png&amp;bgImgOpacityDefault=100&amp;borderColorDefault=cccccc&amp;fcDefault=1c94c4&amp;iconColorDefault=ef8c08&amp;bgColorHover=fdf5ce&amp;bgTextureHover=02_glass.png&amp;bgImgOpacityHover=100&amp;borderColorHover=fbcb09&amp;fcHover=c77405&amp;iconColorHover=ef8c08&amp;bgColorActive=ffffff&amp;bgTextureActive=02_glass.png&amp;bgImgOpacityActive=65&amp;borderColorActive=fbd850&amp;fcActive=eb8f00&amp;iconColorActive=ef8c08&amp;bgColorHighlight=ffe45c&amp;bgTextureHighlight=03_highlight_soft.png&amp;bgImgOpacityHighlight=75&amp;borderColorHighlight=fed22f&amp;fcHighlight=363636&amp;iconColorHighlight=228ef1&amp;bgColorError=b81900&amp;bgTextureError=08_diagonals_thick.png&amp;bgImgOpacityError=18&amp;borderColorError=cd0a0a&amp;fcError=ffffff&amp;iconColorError=ffd27a&amp;bgColorOverlay=666666&amp;bgTextureOverlay=08_diagonals_thick.png&amp;bgImgOpacityOverlay=20&amp;opacityOverlay=50&amp;bgColorShadow=000000&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=10&amp;opacityShadow=20&amp;thicknessShadow=5px&amp;offsetTopShadow=-5px&amp;offsetLeftShadow=-5px&amp;cornerRadiusShadow=5px";>
                      <img src="/static/theme/theme_90_ui_light.png" alt="UI 
Lightness" title="UI Lightness" />                       <span 
class="themeName">UI lightness</span>             </a>

{code}

\\
\\
*After the change:*

{code:title=themeswitcher.js|borderStyle=solid}
<a href="/static/jquery/themes-1.8.16/ui-lightness/jquery-ui.css">              
        <img src="/static/theme/theme_90_ui_light.png" alt="UI Lightness" 
title="UI Lightness" />                       <span class="themeName">UI 
lightness</span>             </a>
{code}

The same change has been done for all the themes in themeswitcher.js.


Thanks...
                
> MRV2 UI doesn't work properly without internet
> ----------------------------------------------
>
>                 Key: MAPREDUCE-3173
>                 URL: https://issues.apache.org/jira/browse/MAPREDUCE-3173
>             Project: Hadoop Map/Reduce
>          Issue Type: Bug
>          Components: mrv2
>    Affects Versions: 2.0.0, 3.0.0
>            Reporter: Devaraj K
>            Assignee: Devaraj K
>            Priority: Critical
>         Attachments: MAPREDUCE-3173.patch, jquery-images.tgz, 
> jquery-ui.min-1.8.16.js.gz, jquery.min-1.6.4.js.gz, themeswitcher-images.tgz, 
> themeswitcher.js.gz
>
>
> When we try access the MRV2 UI, it is always giving the below message in the 
> UI even if the java script enabled in the browser.
> {code:xml}
> This page works best with javascript enabled. 
> {code}
> It is trying to download these below css/js files from internet and finally 
> ending up with the above message. For loading the page also it is taking long 
> time.
> {code:title=JQueryUI.java|borderStyle=solid}
>   html.
>       
> link(join("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/";,
>                 getTheme(), "/jquery-ui.css")).
>       link("/static/dt-1.7.5/css/jui-dt.css").
>       
> script("https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js";).
>       
> script("https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js";).
> {code} 

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators: 
https://issues.apache.org/jira/secure/ContactAdministrators!default.jspa
For more information on JIRA, see: http://www.atlassian.com/software/jira