bobwen-dev/react-templates
1
0
Fork 0
mirror of https://github.com/bobwen-dev/react-templates synced 2025-04-12 00:56:39 +02:00
Code Issues Releases Wiki Activity

changed loading bar to not use jquery

Browse Source
This commit is contained in:
Omer Ganim 2014-12-31 19:05:59 +02:00
parent 6583528e94
commit 0acb98b7ce
3 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -73,8 +73,10 @@
</ul> </ul>
</section> </section>
<section id="home-section" class="home-section"> <section id="home-section" class="home-section">
<div id="loading">
Loading...
</div>
</section> </section>
<div id="loading">Loading...</div>
<hr class="home-divider"/> <hr class="home-divider"/>
</section> </section>

1
playground/css/home.css
View File

@ -1100,6 +1100,7 @@ div[data-twttr-id] iframe {
font-size: 20px; font-size: 20px;
padding-top: 50px; padding-top: 50px;
text-align: center; text-align: center;
height: 500px;
} }
.nav-tabs { .nav-tabs {

51
playground/home-main.js
View File

@ -1,34 +1,33 @@
requirejs.config({ requirejs.config({
// baseUrl: '/', // baseUrl: '/',
paths: { paths: {
lodash: 'http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min', lodash: 'http://cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min',
jquery: 'http://code.jquery.com/jquery-1.11.0.min', jquery: 'http://code.jquery.com/jquery-1.11.0.min',
firebase: 'https://cdn.firebase.com/js/client/2.0.5/firebase', firebase: 'https://cdn.firebase.com/js/client/2.0.5/firebase',
react: 'http://fb.me/react-with-addons-0.12.2', react: 'http://fb.me/react-with-addons-0.12.2',
text: 'libs/requirejs-plugins/text', text: 'libs/requirejs-plugins/text',
json: 'libs/requirejs-plugins/json' json: 'libs/requirejs-plugins/json'
//ace: '../ace-builds-1.1.8/src-min/ace', //ace: '../ace-builds-1.1.8/src-min/ace',
//'react/addons': 'http://fb.me/react-with-addons-0.12.1' //'react/addons': 'http://fb.me/react-with-addons-0.12.1'
}, },
shim: { shim: {
lodash: { exports: '_' }, lodash: { exports: '_' },
firebase: { exports: 'Firebase' }, firebase: { exports: 'Firebase' },
//ace: { exports: 'ace' }, //ace: { exports: 'ace' },
jquery: { exports: '$' }, jquery: { exports: '$' },
react: { exports: 'React' } react: { exports: 'React' }
}, },
map: { map: {
'*': { '*': {
'react/addons': 'react' 'react/addons': 'react'
}
} }
}
}); });
requirejs(['jquery', 'react', './examples'], function ($, React, Examples) { requirejs(['jquery', 'react', './examples'], function ($, React, Examples) {
'use strict'; 'use strict';
/*eslint new-cap:0*/ /*eslint new-cap:0*/
React.render(Examples(), document.getElementById('home-section')); React.render(Examples(), document.getElementById('home-section'));
$('#loading').hide(); //window.fiddle = React.render(fiddle(), document.getElementById('container'));
//window.fiddle = React.render(fiddle(), document.getElementById('container'));
}); });