/** FHRSWidget.Core.js: shared functionality for widgets **/
// Namespace definition : All Widget Classes should be created in this namespace //
if (!window.FHRSWidget872386) {
window.FHRSWidget872386 = {};
}
// Widget Core Constructor //
FHRSWidget872386.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-872386';
document.write('
');
};
// Widget Core Class Definition //
FHRSWidget872386.Core.prototype =
{
// Create any HTML element //
createTag: function (tagName, innerHtml, cssClass) {
var tag = $c_872386(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_872386(this.parentDivId);
// Remove existing list with this Id, if exists
// Create list
var list;
list = $c_872386('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_872386('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_872386('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_872386('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_872386('script');
script.src = path;
script.type = 'text/javascript';
script.id = scriptId;
this.parentDiv.appendChild(script);
return false;
}
};
// Shortcut for GetElementsById //
function $g_872386(elem)
{
return document.getElementById(elem);
}
// Shortcut for CreateElement //
function $c_872386(elem)
{
return document.createElement(elem);
}
// Construct a new core object
var core872386 = new FHRSWidget872386.Core();
/** FHRSWidget.Widget.js: renders list of dev events **/
// Widget Constructor //
FHRSWidget872386.Widget = function()
{
// Get reference to main div. All widget content will be children of this div
this.parentDiv = document.getElementById(core872386.parentDivId);
this.businessUrl = "https://ratings.food.gov.uk/business/";
this.ratingImageUrl = "https://api1-ratings.food.gov.uk/images/scores/small/";
this.fhrsEstablishmentData = [{"AddressLine1":"Three Horseshoes Road","AddressLine2":"Harlow","AddressLine3":"Essex","AddressLine4":"","BusinessName":"The Cock Inn Public House","BusinessType":"Pub\/bar\/nightclub","BusinessTypeID":7843,"Distance":null,"FHRSID":872386,"Geocode":{"Latitude":51.75757,"Longitude":0.079164},"LocalAuthorityBusinessID":"COMM\/01\/04890","LocalAuthorityCode":"116","LocalAuthorityEmailAddress":"env.health@harlow.gov.uk","LocalAuthorityName":"Harlow","LocalAuthorityWebSite":"http:\/\/www.harlow.gov.uk\/","NewRatingPending":false,"PostCode":"CM19 4HW","RatingDate":"11 February 2022","RatingKey":"fhrs_5_en-gb","RatingValue":"5","ReInspectionResult":null,"RightToReply":"","SchemeType":"FHRS","Scores":{"ConfidenceInManagement":0,"Hygiene":0,"Structural":0}}];
}
// Widget : Core Class Definition //
FHRSWidget872386.Widget.prototype =
{
// Main function for Events Widget : Handles rendering the widget to the consuming site //
render: function () {
var child1 = core872386.createHyperlinkList(this.fhrsEstablishmentData, this.businessUrl, this.ratingImageUrl, 'eventList872386', 'widgetcontainer');
var child2 = core872386.createTag('br');
var els = document.getElementsByClassName("872386");
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 = core872386.createTag('div', '', 'widget1');
var innerDiv = core872386.createTag('div', '', 'widget2');
var contentDiv = core872386.createTag('div', '', 'widget3');
innerDiv.appendChild(contentDiv);
outerDiv.appendChild(innerDiv);
localParentDiv.appendChild(outerDiv);
return contentDiv;
}
};
// Create Widget Object
var ev_w_872386 = new FHRSWidget872386.Widget();
ev_w_872386.render();