53 app/resources/download.css
View file
@@ -1,7 +1,55 @@

/* jqueryui.com site overrides for DB */

#download-builder-content {
float: left;
width: 100%;
padding-left: 0;
padding-right: 0;
}

#download-builder-content h1 {
text-align: center;
font: normal 36px/36px "Proxima-Nova", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
letter-spacing: -1px;
}

#download-builder-content * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

#download-builder-content p {
margin: 1em 0;
}

#download-builder-content input[type="text"],
#download-builder-content textarea {
margin: 0;
min-width: 0;
padding: 0;
}

/* DB application styles */

#download-builder-content {
float: left;
padding: 0 0 70px;
width: 100%;
}

#download-builder {
font-size: 10px;
padding: 10px 0 20px 30px;
}
#download-builder button,
#download-builder input,
#download-builder select,
#download-builder textarea {
font-size: 15px;
line-height: 20px;
}
#download-builder * {
color: #000000;
font-family: "Trebuchet MS",Verdana,sans-serif;
@@ -11,11 +59,6 @@
#download-builder ul {
list-style-type: none;
}
.download-builder-content {
float: left;
padding: 0 0 70px;
width: 100%;
}
#download-builder h1 {
font-size: 2.7em;
margin: 0.6em 0 0.1em;
3 app/resources/download.js
View file
@@ -310,6 +310,9 @@

Hash.init();

/* jqueryui.com site overrides for DB */
$( "#content" ).attr( "id", "download-builder-content" );

// Loads theme section.
themeFetch().done(function( themeSection ) {
$( "#download-builder .theme-area" ).html( themeSection );
107 app/resources/themeroller.css
View file
@@ -1,29 +1,84 @@

/* jqueryui.com site overrides for TR */
#themeroller-content {
float: left;
width: 100%;
padding-left: 0;
padding-right: 0;
}

#themeroller-content h1 {
text-align: center;
font: 700 36px/36px "klavika-web","Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;
letter-spacing: -1px;
}

#themeroller-content h2,
#themeroller-content h3,
#themeroller-content h4,
#themeroller-content h5,
#themeroller-content h6 {
font-family: inherit !important;
}

#themeroller-content * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

#themeroller-content p {
margin: 1em 0;
}

#themeroller-content form {
padding: 0;
}

#themeroller-content input[type="text"],
#themeroller-content textarea {
margin: 0;
min-width: 0;
padding: 0;
}

#themeroller-content .ui-spinner-input {
border: none;
box-shadow: none;
}

/* TR application styles */
#themeroller {
font-size: 10px;
}

#themeroller button,
#themeroller input,
#themeroller select,
#themeroller textarea {
font-size: 12px;
}
#themeroller .mask-area {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
}
.mid-area {
#themeroller .mid-area {
float: left;
left: 224px;/* 214px + 4px*2 + 1px*2 */
position: relative;
width: 200%;
}
.right-area {
#themeroller .right-area {
float: left;
left: 50%;
margin-left: -460px;/* 230px*2 */
position: relative;
width: 100%;
z-index: 0;
}
.app-area {
#themeroller .app-area {
float: left;
left: 239px;/* 224px + 15px */
margin-left: -50%;
@@ -32,49 +87,33 @@
width: 224px;
z-index: 2;
}
.components-b-area {
#themeroller .components-b-area {
float: left;
left: 0px;
overflow: hidden;
position: relative;
width: 230px;
}
.components-a-wrap {
#themeroller .components-a-wrap {
float: right;
position: relative;
right: 100%;
width: 50%;
z-index: 1;
}
.components-a-pad {
#themeroller .components-a-pad {
margin: 0 15px 0 478px;
overflow: hidden;
}
@media all and (max-width: 1100px) {
.components-b-area {
#themeroller .components-b-area {
clear: both;
}
.components-a-pad {
#themeroller .components-a-pad {
margin: 0 15px 0 239px;
}
}

/* ui site overrides for TR */
.content {
overflow: visible;
}
#content-wrapper {
background: none;
}
.content-top {
background-image: url(/resources/images/themeroller/content_top_bg_trFix.gif);
}
#application-content {
background: #fff;
}

/* TR application styles */

/* hide elements if js is avail */
.js .theme-group-content, .js #submitBtn, .js select.texture, .js #themeGallery, .js #help {
display: none;
@@ -362,10 +401,19 @@ input.cornerRadius {

/*demoOptions*/
#demo-options {
padding-top: 12px;
padding-left: 12px;
clear: both;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
margin: 2em 0 1em;
padding-left: 12px;
padding-top: 12px;
}
#demo-options > input {
display: block;
float: left;
}
#demo-options > label {
display: block;
line-height: 15px;
}


@@ -443,6 +491,9 @@ input.cornerRadius {
/* rounded corner warnings */
a.cornerWarning { color: red !important; text-decoration: none; }
#cornerWarning {font-size: .9em; margin: 5px 0;}
#cornerWarning * {
color: #fff;
}


/* Farbtastic overrides */
10 app/resources/themeroller.js
View file
@@ -94,6 +94,9 @@
* App
*/
function appInit() {
/* jqueryui.com site overrides for TR */
$( "#content" ).attr( "id", "themeroller-content" );

$( "#rollerTabs" ).tabs();

themeGalleryInit();
@@ -122,13 +125,14 @@
});

$( "#reverse-background" ).on( "click", function() {
var maskArea = themeroller.find( ".mask-area" );
var maskArea = themeroller.find( ".mask-area" ),
textElems = themeroller.find( ".demoHeaders, #demo-options" );
if ( $( this ).is( ":checked" ) ) {
maskArea.css({ background: "#333" });
themeroller.find( ".demoHeaders" ).css({ color: "#CCC" });
textElems.css({ color: "#CCC" });
} else {
maskArea.css({ background: "#FFF" });
themeroller.find( ".demoHeaders" ).css({ color: "#000" });
textElems.css({ color: "#000" });
}
});
}
4 config.json
View file
@@ -5,10 +5,6 @@
"stable": {
"version": "1.9.2",
"dependsOn": "jQuery1.6+"
},
"legacy": {
"version": "origin/master",
"dependsOn": "jQuery1.7+"
}
},
"jquery": "1.8.3"
3 lib/themeroller.js
View file
@@ -109,8 +109,7 @@ function ThemeRoller( options ) {
// TODO: Remove `filter` style when dropping support for IE8 and earlier.
vars.opacityOverlayPerc = vars.opacityOverlay;
vars.opacityShadowPerc = vars.opacityShadow;
// FIXME below s/1.10.0pre/1.10.0. This is a temporary test change.
if ( semver.gte( this.version, "1.10.0pre" ) ) {
if ( semver.gte( this.version, "1.10.0" ) ) {

// For version >= 1.10.0, filter has its own separate line and variable name.
opacityFix = function( opacity ) {
2 package.json
View file
@@ -1,6 +1,6 @@
{
"name": "download.jqueryui.com",
"version": "1.10.0pre.20",
"version": "1.10.0pre.21",
"dependencies": {
"archiver": "~0.1.0",
"async": "0.1.22",
4 template/download/components.html
View file
@@ -7,8 +7,8 @@ <h3>{{name}}</h3>
<div class="component-group-list">
{{#each components}}
<div class="clearfix">
<input id="name" type="checkbox" checked name="{{name}}" class="ui-widget-content" data-dependencies="{{dependencies}}">
<label for="name" title="{{description}}" class="clearfix">
<input id="{{name}}" type="checkbox" checked name="{{name}}" class="ui-widget-content" data-dependencies="{{dependencies}}">
<label for="{{name}}" title="{{description}}" class="clearfix">
<span class="component-title">{{title}}</span>
<span class="component-desc">{{description}}</span>
</label>
8 template/download/index.html
View file
@@ -7,14 +7,6 @@
<a class="download-link" href="/resources/download/jquery-ui-{{this.pkg.version}}.custom.zip">{{this.label}}</a> (<a href="/resources/download/jquery-ui-themes-{{this.pkg.version}}.zip">Themes</a>) ({{this.pkg.version}}: <em>for {{this.dependsOn}}</em>)
{{/join}}
</p>
<p class="bundle-links">
<strong>Source (pre-build):</strong>
{{#join releases " | "}}
<a class="download-link" href="https://github.com/jquery/jquery-ui/archive/{{this.pkg.version}}.zip">{{this.label}}</a> ({{this.pkg.version}}: <em>for {{this.dependsOn}}</em>)
{{/join}} |
<a class="download-link" href="https://github.com/jquery/jquery-ui/archive/master.zip">Master</a> (unreleased) |
<a class="download-link" href="http://github.com/jquery/jquery-ui">GitHub repo</a>
</p>
<form action="{{host}}/download" method="POST">
<div class="download-builder-header version-area">
<h2>Version</h2>
2 template/themeroller/index.html
View file
@@ -9,7 +9,7 @@
<div class="right-area">
<div class="app-area">
{{{appinterface}}}
<div id="demo-options" class="demoHeaders"><input type="checkbox" name="reverse-background" id="reverse-background"> <label for="reverse-background">Reverse page background color</label></div>
<div id="demo-options"><input type="checkbox" name="reverse-background" id="reverse-background"> <label for="reverse-background">Reverse page background color</label></div>
</div>
<div class="components-b-area">
{{{compGroupB}}}
2 template/themeroller/rollyourown.html
View file
@@ -38,7 +38,7 @@
<label for="cornerRadius">Corners:</label>
<input type="text" value="{{vars.cornerRadius}}" name="cornerRadius" id="cornerRadius" class="cornerRadius" />
</div>
<p id="cornerWarning"><em><strong>Note:</strong> ThemeRoller uses CSS3 border-radius for corner rounding, which is not currently supported by Internet Explorer.</em></p>
<p id="cornerWarning"><em><strong>Note:</strong> ThemeRoller uses CSS3 border-radius for corner rounding, which is not supported by Internet Explorer 7 or 8.</em></p>
</div><!-- /theme group content -->
</div><!-- /theme group -->

3 test/builder.js
View file
@@ -520,8 +520,7 @@ module.exports = {};
// Build tests for each jqueryUi release
Release.all().filter(function( release ) {
// Filter supported releases only
// FIXME below s/1.10.0pre/1.10.0. This is a temporary test change.
return semver.gte( release.pkg.version, "1.10.0pre" );
return semver.gte( release.pkg.version, "1.10.0" );
}).forEach(function( release ) {
function deepTestBuild( obj, tests ) {
Object.keys( tests ).forEach(function( i ) {
3 test/builder.legacy.1.9.js
View file
@@ -521,8 +521,7 @@ module.exports = {};
// Build tests for each jqueryUi release
Release.all().filter(function( release ) {
// Filter supported releases only
// FIXME below s/1.10.0pre/1.10.0. This is a temporary test change.
return semver.lt( release.pkg.version, "1.10.0pre" );
return semver.lt( release.pkg.version, "1.10.0" );
}).forEach(function( release ) {
function deepTestBuild( obj, tests ) {
Object.keys( tests ).forEach(function( i ) {