sneedmca/mazda-specs-crepe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

added Minified option to enable choice of pretty/minified output

Browse source
This commit is contained in:
Victor Nguyen 2013-02-20 23:28:14 +11:00
parent dca531eea9
commit 8693747028
5 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/css/style.css
View file

@ -1,3 +1,5 @@
#minified { padding-top:0; margin-left:20px; }
#results { display:none; } #results { display:none; }
#image { width:70%; margin:0 auto; display:block; } #image { width:70%; margin:0 auto; display:block; }

17
public/js/script.js
View file

@ -6,10 +6,13 @@
select: (function () { select: (function () {
// cache elems
var $dropdown = $('#dropdown'), var $dropdown = $('#dropdown'),
$trigger = $dropdown.children('.btn'), $trigger = $dropdown.children('.btn'),
$options = $dropdown.find('.dropdown-menu a'); $options = $dropdown.find('.dropdown-menu a'),
$minified = $('#minified input');
// bind dropdown handler
$options.click( _handleSelect ); $options.click( _handleSelect );
function _handleSelect (e) { function _handleSelect (e) {
@ -21,14 +24,14 @@
img: $(this).attr('data-img') img: $(this).attr('data-img')
}; };
console.log('selected', model.slug); console.log('selected', model.slug, _isMinified());
_setLoading(model.name); _setLoading(model.name);
CREPE.results.hide(); CREPE.results.hide();
CREPE CREPE
.data.fetch(model.slug) .data.fetch( model.slug, _isMinified() )
.then(function(response) { .then(function(response) {
CREPE.results.init(model, response); CREPE.results.init(model, response);
_reset(model.name); _reset(model.name);
@ -39,6 +42,10 @@
$trigger.button('loading'); $trigger.button('loading');
} }
function _isMinified() {
return $minified.is(':checked');
}
function _reset (label) { function _reset (label) {
var defaultLabel = 'Select a model', var defaultLabel = 'Select a model',
spacing = '   '; spacing = '   ';
@ -55,8 +62,8 @@
}()), }()),
data: { data: {
fetch: function(slug){ fetch: function(slug, isMinified){
return $.get('/specs/' + slug); return $.get('/specs/' + slug, { minified: isMinified });
} }
}, },

7
routes/specs.js
View file

@ -9,9 +9,10 @@ exports.fetch = function(req, res){
jsdom = require('jsdom'), jsdom = require('jsdom'),
request = require('request'); request = require('request');
var model = req.params.model; var model = req.params.model,
isMinified = req.query.minified == 'true' ? true : false;
console.log('Model requested: ', model, req.params); console.log('Model requested: ', model, req.params, req.query, isMinified);
request( request(
{ uri: 'http://www.mazda.com.au/vehicles/'+ model +'/specifications' }, { uri: 'http://www.mazda.com.au/vehicles/'+ model +'/specifications' },
@ -49,7 +50,7 @@ exports.fetch = function(req, res){
// res.send('There are ' + $styles.length + ' body style(s) for the ' + model); // res.send('There are ' + $styles.length + ' body style(s) for the ' + model);
var carName = $body.find('h1').text().replace(' Specifications',''); var carName = $body.find('h1').text().replace(' Specifications','');
res.render('specs', { title:carName, styles:specs }); res.render('specs', { title:carName, styles:specs, pretty:!isMinified });
function _parseBodyStyleHtml(i,bodyStyle) { function _parseBodyStyleHtml(i,bodyStyle) {
var style = { var style = {

3
views/index.jade
View file

@ -12,6 +12,9 @@ block content
each model in models each model in models
li li
a(href='##{model.slug}', data-img='#{model.img}') #{model.name} a(href='##{model.slug}', data-img='#{model.img}') #{model.name}
label#minified.checkbox.inline
input(type='checkbox', checked)
| Minified
div#results.row-fluid div#results.row-fluid
div.span4 div.span4
h3 Model Name h3 Model Name

2
views/specs.jade
View file

@ -1,5 +1,3 @@
//- extends layout
//- block content //- block content
div#specs div#specs