/*
* V I D I V I C I
* M M X ~ M M X I I
* Omnia iura reservata.
*/
window.vidivici = {};
// A view's data has this format (N.B. not all fields are always present):
//
// var view = new vidivici.view({
// subject: {
// name: "Vodafone",
// price: 1.18,
// },
// userName: "Jeremy",
// priceTarget: 2.0,
// priceWhenExpressed: 1.8,
// priceTargetDate: 123456876879,
// confidence: 0.5,
// credibility: 0.5,
// weighting: 0.25,
// lastUpdated: 123456876879,
// comments: "Blah blah blah"
// });
vidivici.view = function (data)
{
this.data = data;
};
vidivici.view.prototype = {
lookup : [
[0.0, 0.1, "You think there’s a", "# thinks there’s a", "you thought there’d be", "# thought there’d be", " a tiny chance ", "Think there’s a tiny chance"],
[0.1, 0.25, "You’ve", "# has", "you’d", "# had", " a hunch that ", "Just a hunch"],
[0.25, 0.40, "You think there’s a", "# thinks there’s a", "you thought there’d be", "# thought there’d be", " a fair chance ", "Think there’s a fair chance"],
[0.40, 0.60, "You’re", "# is", "you were", "# was", " about 50-50 that ", "About 50-50"],
[0.60, 0.70, "You’re", "# is", "you were", "# was", " pretty sure ", "Pretty sure"],
[0.70, 0.80, "You’re", "# is", "you were", "# was", " almost certain ", "Almost certain"],
[0.80, 1.01, "You believe", "# believes", "you believed", "# believed", " ", "Totally confident"]],
isCommunityView : function() { return !this.data.userName && !this.data.confidence; },
isMyView : function() { return vidivici.signedInUser && (vidivici.signedInUser.name == this.data.userName); },
isBrokerView : function() { return this.data.userType && this.data.userType == "B"; },
userNameToDisplay : function() {
if (this.isCommunityView()) return "Community View";
if (this.isMyView()) return "Your View";
return this.data.userName;
},
confidenceInWords : function() {
var c = this.data.confidence;
var r = "";
$.each(this.lookup, function(i, v) {
if (c < v[1] && c >= v[0]) r = v[7];
});
return r + ' (' + Math.round(c * 100.0) + '%)';
},
renderInWords : function(subjectName, price)
{
var text;
if (this.isCommunityView()) {
text = "The community thinks that ";
} else {
for (var i = 0; i < this.lookup.length; i++)
{
if (this.data.confidence < this.lookup[i][1] && this.data.confidence >= this.lookup[i][0])
{
var lu = this.data.lastUpdated ? new Date(this.data.lastUpdated) : new Date();
if (this.isMyView()) {
text = this.wasUpdatedToday() ? this.lookup[i][2] : ($.timeago(lu) + " " + this.lookup[i][4]);
} else {
text = this.wasUpdatedToday() ? this.lookup[i][3] : ($.timeago(lu) + " " + this.lookup[i][5]);
text = text.replace("#", this.data.userName);
}
text += this.lookup[i][6];
}
}
}
text += subjectName + "’s stock price ";
text += this.wasUpdatedToday() || this.isCommunityView() ? "will " : "would ";
if (!this.data.priceWhenExpressed) this.data.priceWhenExpressed = price;
var change = (this.data.priceTarget - this.data.priceWhenExpressed) / this.data.priceWhenExpressed;
if (change > 0.05)
{
text += "rise by " + Math.round(change * 100) + "% ";
text += "(to around " + vidivici.util.priceString(this.data.priceTarget) + ") ";
text += this.timingString(this.data);
}
else if (change < -0.005)
{
text += "fall by " + Math.round(-change * 100) + "% ";
text += "(to around " + vidivici.util.priceString(this.data.priceTarget) + ") ";
text += this.timingString(this.data);
}
else text += this.wasUpdatedToday() || this.isCommunityView() ? "stay at around its current level" : ("stay at around " + vidivici.util.priceString(this.data.priceWhenExpressed));
String.prototype.capitalizeFirstLetter = function() {
return this.charAt(0).toUpperCase() + this.slice(1);
}
return text.capitalizeFirstLetter() + ".";
},
wasUpdatedToday : function()
{
var now = new Date();
var lu = this.data.lastUpdated ? new Date(this.data.lastUpdated) : new Date();
return lu.getTime() > (now.getTime() - (24 * 3600 * 1000)) &&
lu.getDay() == now.getDay();
},
// Only call this for my view
infConfString : function()
{
var ic = this.data.inferredConfidence;
return ic < (this.data.confidence * 0.95) ?
("Things haven’t worked out completely as you predicted so we’re now treating this as having a reduced likelihood of " + Math.round(ic * 100.0) + "%. " +
"If you disagree, just revise your view.")
: null;
},
timingString : function(data)
{
var timeInFutureMS = data.priceTargetDate - new Date().getTime();
var months = Math.round(timeInFutureMS / (30 * 24 * 60 * 60 * 1000));
var ageInDays = (new Date().getTime() - data.lastUpdated) / (24 * 3600 * 1000);
if (ageInDays < 30) {
if (months == 0) return "within the next month";
if (months == 1) return "within the next 2 months";
var lowerBound = months - 1;
var upperBound = months + 1;
return "in the next " + lowerBound + " to " + upperBound + " months";
} else {
var months = ["January","February","March","April","May","June","July","August","September","October","November","December"];
if (months == 0) return "by around now";
var d = new Date(data.priceTargetDate);
var s = "by around " + months[d.getMonth()];
if (d.getYear() == new Date().getYear() + 1) s += " next year";
else if (d.getYear() > new Date().getYear() + 1) s += " " + d.getYear();
else s += " this year";
return s;
}
},
dotColour : function()
{
var sliderValue = this.sliderValue();
var green = 255;
if (sliderValue < 0) green = (1 + sliderValue) * 255;
var red = 255;
if (sliderValue > 0) red = (1 - sliderValue) * 255;
return (red << 16) + (green << 8); // blue is zero
},
// Value between 1 and -1 inclusive (+/-100% pa change in share price)
sliderValue : function()
{
var rating = this.rating();
var sliderValue = (rating >= 0) ? Math.sqrt(rating) : -Math.sqrt(-rating);
if (sliderValue < -1) sliderValue = -1;
if (sliderValue > 1) sliderValue = 1;
return sliderValue;
},
rating : function()
{
var delta = this.data.priceTarget - this.data.subject.price;
var milliSecondsInYear = 1000 * 60 * 60 * 24 * 365;
var timeIntervalMS = this.data.priceTargetDate - new Date().getTime();
var timeMultiplier = milliSecondsInYear / timeIntervalMS;
return (delta / this.data.subject.price) * timeMultiplier;
},
url : function()
{
return "/#" + this.hash();
},
hash : function()
{
var viewSel = "";
if (!this.isCommunityView()) viewSel = "/" + this.data.userName; // Empty for community view
return "!/" + this.data.subject.ticker + viewSel;
}
};
// Called by find views box
// TODO Spinner/disable search box until we have a response
vidivici.jumpToSubject = function(ticker)
{
var data = {subject:{ticker:ticker}};
if (vidivici.signedInUser) data.userName = vidivici.signedInUser.name;
var v = new vidivici.view(data);
if (vidivici.subject) window.location.hash = v.hash();
else window.location = v.url();
// Disable the search box so it isn't submitted multiple times (users hitting enter repeatedly)
$('.navSearch input').autocomplete('disable');
}
// Home page
vidivici.renderPortfolioViews = function(data)
{
if (data.length == 0) $('#viewsOnPortfolio').hide();
else $('#viewsOnPortfolio').show();
$('#viewsOnPortfolio ul').empty();
$('#viewsOnPortfolio .notice').remove();
for (var i = 0; i < data.length; i++) {
var view = new vidivici.view(data[i]);
// Show prompt when it's the first item and a community view
var viewHTML = vidivici.renderView(view, (i == 0) && view.isCommunityView());
$('#viewsOnPortfolio ul').append(viewHTML);
$('#viewsOnPortfolio .vdot').last().vdot(view.data);
}
vidivici.attachBehavioursToViews($('#viewsOnPortfolio ul'));
vidivici.refreshScrollPanes();
$('#viewsOnPortfolio ul').css({backgroundImage: 'none'});
$('#viewsOnPortfolio .syncing li').animate({opacity: "1"}, 600, function() {
// Once faded in, after a delay show prompt on the first item, if it's a community view
$('span.vTi').delay(1000).animate({eft: "40px"}, 400);
$('span.vTi').delay(1000).fadeIn(400);
});
// $('#viewsOnPortfolio .syncing .syncingOverlay').fadeOut(300, function() {
// });
}
vidivici.renderOtherViews = function(data)
{
if (data.length == 0) {
var parent = $('#userOtherViews');
if (!parent.children().hasClass(".notice")) {
var viewsPrompt =
'
' +
'
You can set views on any company, not just ones in your portfolio. When you do they’ll appear here.
' +
'
';
parent.prepend(viewsPrompt);
}
var viewExample =
'
';
var cashBalanceString = '£' + vidivici.util.currencyFormatted(data.cashBalance);
portfolioHTML +=
'
To get you going, we’ve given you a starting cash balance of ' + cashBalanceString +
'. Upload your portfolio and we’ll tailor trade ideas around the investments you’ve made and the cash you have available (just go to “Post a transaction” at the bottom).
';
}
// TODO Attach handler to close button, pass in Lift link
// $('div.notice a.close').click(function() {
// $(this).parent().fadeOut(300);
// return false;
// });
var largestPosition = 0;
for (var i = 0; i < data.positions.length; i++) {
var position = data.positions[i];
if (position.value > largestPosition) { largestPosition = position.value; }
}
if (data.cashBalance > largestPosition) { largestPosition = data.cashBalance; }
for (var i = 0; i < data.positions.length; i++) {
var position = data.positions[i];
portfolioHTML += '
';
$('#userPortfolio ul').append(portfolioHTML);
vidivici.refreshScrollPanes();
$('#userPortfolio .syncing .syncingOverlay').fadeOut(300, function() {
$('#userPortfolio .syncing li').animate({opacity: "1"}, 600);
});
}
// Takes as input an object with one value 'riskProportionLimit'.
vidivici.renderRiskSummary = function(data, showRiskLimitPrompt)
{
if (!$('#userRiskAppetite').hasClass('updated')) {
$('#userRiskAppetite').removeClass('ui-tabs-hide');
};
$('#userRiskAppetite .notice').remove();
if (showRiskLimitPrompt) {
var riskLimitPrompt =
'
' +
'
To get things started we’ve assumed a default risk appetite here. ' +
'If this doesn’t sound right, update it and we’ll be able to find more suitable trade ideas for you.
';
$('#userRiskAppetite').prepend(riskLimitPrompt);
}
var riskPercentageString = Math.round(data.riskProportionLimit * 100) + '%';
var riskLevelString = vidivici.renderRiskLimitAsText(data.riskProportionLimit).short;
var riskHTML = '
';
$('#userRiskAppetite .riskSummary').html(riskHTML);
if (!$('#userRiskAppetite').hasClass('updated')) {
$('#userRiskAppetite').addClass('ui-tabs-hide');
};
// $('.riskSummary a').click(function() {
//
$('#userRiskAppetite').addClass('updated');
//
// var modalRisk = $('.modalRiskAppetite');
var initialSliderValue = Math.round(data.riskProportionLimit * 100);
// modalRisk.dialog({
// modal: true,
// draggable: false,
// resizable: false,
// width: 446,
// open: function(event, ui) {
function refresh(sliderValue) {
$('.userCurrentRiskAppetitePercentage').text("(" + sliderValue + "%)");
var limitAsText = vidivici.renderRiskLimitAsText(sliderValue / 100);
$('.userCurrentRiskAppetite').text(limitAsText.short);
$('.userCurrentRiskAppetiteLong').text(limitAsText.long);
$('#newRiskLimit').attr('value', sliderValue / 100);
if (sliderValue == initialSliderValue) {
$('#userRiskAppetite .save').attr('disabled', 'disabled').removeClass('prompt');
$('#userRiskAppetite .cancel').attr('disabled', 'disabled');
} else {
$('#userRiskAppetite .save').removeAttr('disabled').addClass('prompt');
$('#userRiskAppetite .cancel').removeAttr('disabled');
}
};
$('.sliderRiskAppetite').slider({
range: "min",
value: initialSliderValue,
min: 0,
max: 100,
slide: function( event, ui ) {
refresh(ui.value);
}
});
$('#userRiskAppetite a.cancel').click(function() {
// modalRisk.dialog("destroy");
$('.sliderRiskAppetite').slider('value', initialSliderValue);
refresh(initialSliderValue);
return false;
});
refresh(initialSliderValue);
// },
// close: function(event, ui){
// $(this).dialog("destroy");
// }
// });
// return false;
// });
}
vidivici.renderRiskLimitAsText = function(limit)
{
var r = {};
if (limit < 0.05) {
r.short = 'Extreme aversion to losing money';
r.long = 'If you can make a return above bank account interest, that’s a bonus but not essential. If in doubt you’ll prefer to keep your money in the bank, and proceed with great caution (if at all) when opportunities arise.';
}
else if (limit < 0.10) {
r.short = 'Very cautious';
r.long = 'You think you can do a competent job of managing your own portfolio, but will be happy with a modest return (for example recouping what you might’ve otherwise paid in fund management fees). This is a large proportion of your total savings and you really don’t want to lose it.';
}
else if (limit < 0.20) {
r.short = 'Cautious';
r.long = 'You think you can do a competent job of managing your own portfolio, but will be happy with a modest return (for example recouping what you might’ve otherwise paid in fund management fees).';
}
else if (limit < 0.40) {
r.short = 'Moderate';
r.long = 'You’re fed up with the rates on offer elsewhere (with supposed low-risk investments) and reckon that by taking a few calculated chances you can do a lot better.';
}
else if (limit < 0.60) {
r.short = 'Adventurous';
r.long = 'You follow company news closely and reckon you have a good feel for where prices are going. You’d like to see how well you can do and are prepared to take some knocks along the way.';
}
else if (limit < 0.80) {
r.short = 'Gung-ho';
r.long = 'This is just a game for you, but you reckon your judgement’s pretty darn good and you can do just as well as any professional.';
}
else {
r.short = 'Insatiable';
r.long = 'You’re feeling lucky.';
}
return r;
}
vidivici.renderPortfolio = function(data, showUploadPortfolioPrompt)
{
var portfolioHTML = "";
if (showUploadPortfolioPrompt) {
portfolioHTML = '
';
var cashBalanceString = '£' + vidivici.util.currencyFormatted(data.cashBalance);
portfolioHTML +=
'
To get you going, we’ve given you a starting cash balance of ' + cashBalanceString +
'. Upload your portfolio and we’ll tailor trade ideas around the investments you’ve made and the cash you have available (just go to “Post a transaction” at the bottom).
';
}
portfolioHTML += '
Holdings
Value
';
var largestPosition = 0;
for (var i = 0; i < data.positions.length; i++) {
var position = data.positions[i];
if (position.value > largestPosition) { largestPosition = position.value; }
}
if (data.cashBalance > largestPosition) { largestPosition = data.cashBalance; }
for (var i = 0; i < data.positions.length; i++) {
var position = data.positions[i];
portfolioHTML += '
';
}
// overview += ' • ';
// TODO Need to be more nuanced here!
if (data.riskProportionLimit < data.riskProportion) {
overview += '
Over your specified limit
';
} else {
overview += '
Within your specified limit
';
}
overview += '
';
$(overview).insertAfter('table.ideasHeader thead');
var largestIdeaSize = 0;
for (var i = 0; i < data.trades.length; i++) {
var ideaObj = data.trades[i];
if (Math.abs(ideaObj.cashAmount) > largestIdeaSize) { largestIdeaSize = Math.abs(ideaObj.cashAmount); }
}
function widthAttribute(amount) {
// 180px total width of bars
var width = Math.round((Math.abs(amount) / largestIdeaSize) * 90);
return 'style="width: ' + width + 'px"';
}
var ideas = "";
for (var i = 0; i < data.trades.length; i++)
{
var ideaObj = data.trades[i];
var company = '
';
var widthBefore = Math.round((position.valueBefore / largestPosition) * 95);
var widthAfter = Math.round((position.valueAfter / largestPosition) * 95);
portfolioHTML += '
';
portfolioHTML += '
';
}
portfolioHTML += '
Cash
';
var widthBefore = Math.round((data.cashBalanceBefore / largestPosition) * 95);
var widthAfter = Math.round((data.cashBalanceAfter / largestPosition) * 95);
portfolioHTML += '
';
portfolioHTML += '
';
$('.tradeIdeasPortfolio ul').append(portfolioHTML);
vidivici.refreshScrollPanes();
}
vidivici.refreshScrollPanes = function() {
$('.customScrollVisible, .customScrollHidden').jScrollPane({
verticalGutter: 10
//autoReinitialise: true
});
if ($('.jspScrollable').hasClass('customScrollHidden')) {
$('.jspScrollable').parent().hover(function() {
$('.jspVerticalBar', this).stop(true, true).animate({opacity: "1"}, 300);
}, function() {
$('.jspVerticalBar', this).animate({opacity: "0.3"}, 300);
});
};
};
vidivici.util = {};
vidivici.util.timeAgoElement = function(date)
{
return '' + $.datepicker.formatDate('D, d M yy', date) + '';
}
vidivici.util.getCookie = function (name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i 3)
{
var nn = n.substr(n.length-3);
a.unshift(nn);
n = n.substr(0,n.length-3);
}
if(n.length > 0) { a.unshift(n); }
n = a.join(delimiter);
if(d && d.length > 0) { s = n + '.' + d; }
else { s = n; }
s = minus + s;
return s;
};
/*
PAUL SOWDEN
http://delete.me.uk/2005/03/iso8601.html
This function takes two arguments, both optional. The first describes the format the resulting string should take, ie. how many components to include. This is an integer between 1 and 6, with the meanings listed above in the comment block. The second argument is an optional timezone offset. If it is not specified the timezone is set to UTC using the Z character. It takes the form +HH:MM or -HH:MM.
accepted values for the format [1-6]:
1 Year:
YYYY (eg 1997)
2 Year and month:
YYYY-MM (eg 1997-07)
3 Complete date:
YYYY-MM-DD (eg 1997-07-16)
4 Complete date plus hours and minutes:
YYYY-MM-DDThh:mmTZD (eg 1997-07-16T19:20+01:00)
5 Complete date plus hours, minutes and seconds:
YYYY-MM-DDThh:mm:ssTZD (eg 1997-07-16T19:20:30+01:00)
6 Complete date plus hours, minutes, seconds and a decimal
fraction of a second
YYYY-MM-DDThh:mm:ss.sTZD (eg 1997-07-16T19:20:30.45+01:00)
*/
Date.prototype.toISO8601String = function (format, offset) {
if (!format) { var format = 6; }
if (!offset) {
var offset = 'Z';
var date = this;
} else {
var d = offset.match(/([-+])([0-9]{2}):?([0-9]{2})/);
var offsetnum = (Number(d[2]) * 60) + Number(d[3]);
offsetnum *= ((d[1] == '-') ? -1 : 1);
var date = new Date(Number(Number(this) + (offsetnum * 60000)));
}
var zeropad = function (num) { return ((num < 10) ? '0' : '') + num; };
var str = "";
str += date.getUTCFullYear();
if (format > 1) { str += "-" + zeropad(date.getUTCMonth() + 1); }
if (format > 2) { str += "-" + zeropad(date.getUTCDate()); }
if (format > 3) {
str += "T" + zeropad(date.getUTCHours()) +
":" + zeropad(date.getUTCMinutes());
}
if (format > 5) {
var secs = Number(date.getUTCSeconds() + "." +
((date.getUTCMilliseconds() < 100) ? '0' : '') +
zeropad(date.getUTCMilliseconds()));
str += ":" + zeropad(secs);
} else if (format > 4) { str += ":" + zeropad(date.getUTCSeconds()); }
if (format > 3) { str += offset; }
return str;
};
/*
PAUL SOWDEN
http://delete.me.uk/2005/03/iso8601.html
To use it you'll first have to create a Date object and then invoke the method. The usage mirrors the setTime method provided by the standard JavaScript Date object.
*/
Date.prototype.setISO8601 = function (string) {
var regexp = "([0-9]{4})(-([0-9]{2})(-([0-9]{2})" +
"(T([0-9]{2}):([0-9]{2})(:([0-9]{2})(\.([0-9]+))?)?" +
"(Z|(([-+])([0-9]{2}):?([0-9]{2})))?)?)?)?";
var d = string.match(new RegExp(regexp));
var offset = 0;
var date = new Date(d[1], 0, 1);
if (d[3]) { date.setMonth(d[3] - 1); }
if (d[5]) { date.setDate(d[5]); }
if (d[7]) { date.setHours(d[7]); }
if (d[8]) { date.setMinutes(d[8]); }
if (d[10]) { date.setSeconds(d[10]); }
if (d[12]) { date.setMilliseconds(Number("0." + d[12]) * 1000); }
if (d[14]) {
offset = (Number(d[16]) * 60) + Number(d[17]);
offset *= ((d[15] == '-') ? 1 : -1);
}
offset -= date.getTimezoneOffset();
time = (Number(date) + (offset * 60 * 1000));
this.setTime(Number(time));
};
';
viewHTML += '
' + erChangePercent + '%) after costs';
} else if (ideasSummary.expectedReturnChange < 0) {
er = 'Expected return trend ' + erPercent + '% pa (
' + erChangePercent + '%) after costs';
} else if (ideasSummary.expectedReturnChange == 0) {
er = 'Expected return trend ' + erPercent + '% pa (no change) after costs';
}
// TODO Need to be more nuanced here!
var risk = "";
if (ideasSummary.riskProportionLimit < ideasSummary.riskProportion) {
risk = 'Risk is over your specified limit';
} else {
risk = 'Risk is within your specified limit';
}
var html = 'Ideas found