/** FHRSWidget.Core.js: shared functionality for widgets **/
// Namespace definition : All Widget Classes should be created in this namespace //
if (!window.FHRSWidget12) {
window.FHRSWidget12 = {};
}
// Widget Core Constructor //
FHRSWidget12.Core = function () {
// Write out Parent Div where script is placed
// Widget content can then be attached to this div through the DOM
this.parentDivId = 'CoreJsBaseDiv-12';
document.write('
');
};
// Widget Core Class Definition //
FHRSWidget12.Core.prototype =
{
// Create any HTML element //
createTag: function (tagName, innerHtml, cssClass) {
var tag = $c_12(tagName);
if (cssClass) {
this.setCssClass(tag, cssClass);
}
if (innerHtml) {
tag.innerHTML = innerHtml;
}
return tag;
},
// Create Unordered List of Hyperlinks //
createHyperlinkList: function (dataCollection, businessUrl, ratingImageUrl, listId, cssClass) {
this.parentDiv = $g_12(this.parentDivId);
// Remove existing list with this Id, if exists
// Create list
var list;
list = $c_12('div');
list.id = listId;
list.name = listId;
if (cssClass !== '') {
this.setCssClass(list, cssClass);
}
// Add items to list
var div;
for (index in dataCollection) {
var item = dataCollection[index];
div = $c_12('div');
var businessName = item.BusinessName;
var ratingKey = item.RatingKey;
var postCode = item.PostCode;
if (businessName) {
var hyperlink = this.createHyperlink(null, businessName, businessUrl + item.FHRSID, null, 'listhyperlink');
div.appendChild(hyperlink);
var image = this.createTag('div', postCode, null);
div.appendChild(image);
image = this.createTag('div', '
', null);
div.appendChild(image);
}
else {
var norating = this.createTag('div', '
', null);
div.appendChild(norating);
}
list.appendChild(div);
}
return list;
},
// Create a hyperlink and attach event handlers if needed //
createHyperlink: function (hyperlinkId, text, href, onClickFunction, cssClass, target) {
hyperlink = $c_12('a');
if (hyperlinkId) {
hyperlink.id = hyperlinkId;
hyperlink.name = hyperlinkId;
}
hyperlink.title = text;
hyperlink.innerHTML = ('' + text + '
'); //text));
if (href) {
hyperlink.href = href;
}
if (cssClass !== null && cssClass !== '') {
this.setCssClass(hyperlink, cssClass);
}
if (target) {
hyperlink.setAttribute("target", target);
}
// Attach onclick event handlers
if (onClickFunction) {
hyperlink.onclick = onClickFunction;
var onClickHandler = new Function(hyperlink.onclick);
if (hyperlink.addEventListener) {
hyperlink.addEventListener('click', onClickHandler, false);
} else if (hyperlink.attachEvent) {
hyperlink.attachEvent('onclick', onClickHandler);
}
}
return hyperlink;
},
// Adds CSS Class to any element //
setCssClass: function (elem, cls) {
elem.setAttribute('class', cls);
elem.setAttribute('className', cls);
},
// Attach a Stylesheet to document //
attachStyleSheet: function (path, linkId) {
var doc = document.getElementsByTagName('head').item(0);
var link = $c_12('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = path;
link.id = linkId;
doc.appendChild(link);
return false;
},
// Attach a new script, useful for simulating postbacks //
attachScript: function (path, scriptId) {
script = $c_12('script');
script.src = path;
script.type = 'text/javascript';
script.id = scriptId;
this.parentDiv.appendChild(script);
return false;
}
};
// Shortcut for GetElementsById //
function $g_12(elem)
{
return document.getElementById(elem);
}
// Shortcut for CreateElement //
function $c_12(elem)
{
return document.createElement(elem);
}
// Construct a new core object
var core12 = new FHRSWidget12.Core();
/** FHRSWidget.Widget.js: renders list of dev events **/
// Widget Constructor //
FHRSWidget12.Widget = function()
{
// Get reference to main div. All widget content will be children of this div
this.parentDiv = document.getElementById(core12.parentDivId);
this.businessUrl = "https://ratings.food.gov.uk/business/";
this.ratingImageUrl = "https://api1-ratings.food.gov.uk/images/scores/small/";
this.fhrsEstablishmentData = [{"AddressLine1":"","AddressLine2":"10 Dumbreck Road","AddressLine3":"Glasgow","AddressLine4":"","BusinessName":"House For An Art Lover","BusinessType":"Restaurant\/Cafe\/Canteen","BusinessTypeID":1,"Distance":null,"FHRSID":12,"Geocode":{"Latitude":55.847332,"Longitude":-4.313765},"LocalAuthorityBusinessID":"0\/128690\/0010\/0\/000","LocalAuthorityCode":"776","LocalAuthorityEmailAddress":"food.safety@glasgow.gov.uk","LocalAuthorityName":"Glasgow City","LocalAuthorityWebSite":"http:\/\/www.glasgow.gov.uk","NewRatingPending":false,"PostCode":"G41 5BW","RatingDate":"11 June 2014","RatingKey":"fhis_pass_en-gb","RatingValue":"Pass","ReInspectionResult":null,"RightToReply":"","SchemeType":"FHIS","Scores":{"ConfidenceInManagement":null,"Hygiene":null,"Structural":null}}];
}
// Widget : Core Class Definition //
FHRSWidget12.Widget.prototype =
{
// Main function for Events Widget : Handles rendering the widget to the consuming site //
render: function () {
var child1 = core12.createHyperlinkList(this.fhrsEstablishmentData, this.businessUrl, this.ratingImageUrl, 'eventList12', 'widgetcontainer');
var child2 = core12.createTag('br');
var els = document.getElementsByClassName("12");
for (var i = 0; i < els.length; i++) {
// Create Border and Shadow and return Content Div
var contentDiv = this.createContentBorder(els[i]);
// Create and Attach Events List
contentDiv.appendChild(child1);
contentDiv.appendChild(child2);
}
},
// Create Border, Shadow, and Content Div //
createContentBorder: function (localParentDiv) {
var outerDiv = core12.createTag('div', '', 'widget1');
var innerDiv = core12.createTag('div', '', 'widget2');
var contentDiv = core12.createTag('div', '', 'widget3');
innerDiv.appendChild(contentDiv);
outerDiv.appendChild(innerDiv);
localParentDiv.appendChild(outerDiv);
return contentDiv;
}
};
// Create Widget Object
var ev_w_12 = new FHRSWidget12.Widget();
ev_w_12.render();