mazda-specs-crepe/routes/specs.js
Victor Nguyen b55543d1a3 added Modifier option.
changed form to use a submit button.
2013-02-22 01:23:12 +11:00

155 lines
No EOL
6.2 KiB
JavaScript

/*
* GET specs.
*/
exports.fetch = function(req, res){
var _ = require('underscore'),
jsdom = require('jsdom'),
request = require('request');
var model = req.params.model,
isMinified = req.query.minified == 'true' ? true : false;
modifier = req.query.modifier;
console.log('Model requested: ', model, req.params, req.query, isMinified);
request(
{ uri: 'http://www.mazda.com.au/vehicles/'+ model +'/specifications' },
function (error, response, body) {
// swift error checking
if (error && response.statusCode !== 200) {
console.log('Request error.');
// TODO: render error page here... make sure error check includes case when unknown model selected
}
// console.log(response);
// data for specs
var specs = [];
var tickUrl = 'http://www.mazda.com.au/brochures/base-framework/img/specs/specs_tick.gif',
falseString = '-';
jsdom.env(
{
html: body,
scripts: ['http://code.jquery.com/jquery.min.js']
},
function (error, window) {
var $ = window.jQuery,
$body = $(window.document.body),
$styles = $('.spec-body');
// For each Body Style (Sedan, Wagon, etc.)
$styles.each(_parseBodyStyleHtml);
// console.log(specs);
// console.log('FIRST BODY STYLE CATEGORIES YO: ', _.pluck(specs[0].categories, 'name'));
// res.send('There are ' + $styles.length + ' body style(s) for the ' + model);
var carName = $body.find('h1').text().replace(' Specifications','');
res.render(
'specs',
{
title: carName,
styles: specs,
modifier: modifier,
pretty: !isMinified
}
);
function _parseBodyStyleHtml(i,bodyStyle) {
var style = {
name: '',
image: '',
slug: '',
grades: [],
categories: []
};
var $bodyStyle = $(bodyStyle),
$cats = $bodyStyle.find('.spec-cat');
// Create array of grade names (e.g. 'Sport', 'Touring', etc.)
$cats.first().find('table thead th').each(function (i,grade) {
// the first <th> is not a grade header
if (i === 0) {
return;
}
style.grades.push( $.trim($(grade).text()) );
});
// Assign Body Style name (e.g. 'Sedan')
style.name = $.trim( $bodyStyle.find('h3').text() );
style.image = 'http://www.mazda.com.au' + $('#specs-body').find('li').eq(i).find('img').attr('src');
style.slug = slugify(style.name);
// Collect specs for each category (e.g. 'Powertrain', 'Chassis', etc.)
$cats.each(function (i,cat) {
var $cat = $(cat),
$rows = $cat.find('tbody tr');
var category = {};
// category.name = $.trim( $cat.children('h4').text() );
category.name = $.trim( $('.specs-tabs').first().find('li').eq(i).text() );
category.specs = [];
category.slug = slugify(category.name);
// collect each row's cell data
$rows.each(function (i,rowHtml) {
var $row = $(rowHtml),
row = [];
$row.find('td').each(function (i,cell) {
var $cell = $(cell);
// strip out any <sup> elems
$cell.find('sup').remove();
var text = $.trim( $(cell).text() ),
hasTick = $cell.html().search('/images/specs/tick.gif') !== -1,
hasDash = text === '-';
if (hasTick) {
// assign true boolean as cell value if cell has a tick image
row.push(tickUrl);
}
else if (hasDash) {
row.push(falseString);
}
else {
row.push(text);
}
});
category.specs.push(row);
});
style.categories.push(category);
});
// Append Body Style object to main specs array
specs.push( style );
}
/**
* Transform text into a URL slug: spaces turned into dashes, remove non alnum
* @param string text
*/
function slugify(text) {
text = text.replace(/[^-a-zA-Z0-9,&\s]+/ig, '');
text = text.replace(/-/gi, "_");
text = text.replace(/\s/gi, "-");
text = text.toLowerCase();
return text;
}
}
);
}
);
};