145 lines
5.8 KiB
JavaScript
145 lines
5.8 KiB
JavaScript
|
|
||
|
/*
|
||
|
* GET specs.
|
||
|
*/
|
||
|
|
||
|
exports.fetch = function(req, res){
|
||
|
|
||
|
var _ = require('underscore'),
|
||
|
jsdom = require('jsdom'),
|
||
|
request = require('request');
|
||
|
|
||
|
var model = req.params.model;
|
||
|
|
||
|
console.log('Model requested: ', model, req.params);
|
||
|
|
||
|
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 });
|
||
|
|
||
|
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;
|
||
|
}
|
||
|
}
|
||
|
);
|
||
|
}
|
||
|
);
|
||
|
|
||
|
};
|