// ==UserScript== // @name flickrAwardCounter // @namespace http://www.phazeshift.co.uk/download/ // @description Greasemonkey script to count flickr award images // @version 2.20 // @include http*://*flickr.com/*photos/*/* // @include http*://*flickr.com/groups/*/discuss/* // @include http*://*flickr.com/groups/*/pool/* // @grant GM_setValue // @grant GM_getValue // @grant GM_xmlhttpRequest // @grant GM_log // @grant GM_registerMenuCommand // @license MIT // @downloadURL none // ==/UserScript== /* About ===== This is a GreaseMonkey script for Flickr.com More information about GreaseMonkey can be found here: http://diveintogreasemonkey.org/install/what-is-greasemonkey.html Installation ============ First you need firefox http://mozilla.org/firefox then you need to install GreaseMonkey http://greasemonkey.mozdev.org Restart your browser then revisit this script. You should now see a button in the top right hand corner, click it to install. Release Notes ============ v1.0 ???? Counts the comments on the current photo page using javascript v2.0 ???? Counts the comments for a photo using the flickr API on Group, Pool and Photo pages v2.1 ???? Updated to be more compatible with other scripts; no longer removes PoolList class from pool page. Fixed reloading of comments when clicking Show all. v2.2 ???? Allows multiple images to be specified per award, (separated with ';') and allows dupes for certain people to be ignored (separated with ';') v2.3 ???? Config dialog allows more awards to be added instead of being off the page. v2.4 ???? Added Sort & Edit options to config. Added Auto update function. v2.5 ???? Added option to display number favourites. v2.6 ???? Fixed clear config option v2.7 ???? Changed search code to find text that isn't in image tags v2.8 ???? Added option to hide awards with count = 0 v2.9 ???? Fixed multiple URL config option & counting multiple awards in single comment Added option to save settings online and tidied config page Fixed version check code v2.10 ???? Applied Alesas patch to work with the new flickr layout. Thanks to Alesa for the patch and Tambako for letting me know about the new layout. Added option to display number of galleries. v2.11 ???? Fixed an issue that caused script version to be checked on every page load when running under some Greasemonkey emulators that don't support storing settings. Changed SaveCloudSettings to use a post request to prevent errors with long URLs Added option to export counter settings to a string Fixed compatibility issue with 'Flickr Group Pool Admin - Warn + Delete' script Updated Pool display technique to interfere less with other scripts v2.12 ???? Added Aleas patch for update check exception handler Reverted change to pool handling as award counts were unreadable Fixed detection of image url for pool photos after recent flickr change v2.13 ???? Fixed detection of image id for individual photos after recent flickr change v2.14 ???? Fixed count display spacing on comment threads Fixed counter to work with new pool layout v2.15 ???? Fixed show all on group discussion page v2.16 ???? Fixed Flickr Urls to support https. Thanks to Dave_O1 Added support for justified pool layout Added greasemonkey @grant metadata v2.17 ???? Fixed SSL support Fixed single photo view v2.18 ???? Fixed discussion view v2.19 ???? Fixed retrieval of photo id v2.20 ???? Fixed retrieval of photo id again, using location instead of document content. Added @version and @license GM tags. MB 2022-03-17. Known Issues ============ There may be some incompatibilities with other flickr scripts. Please report them if you find them I'm using an onClick listener for all interactions with the user page - this means I don't have to register a bunch of functions on unsafeWindow but it will probably be a bit slower. It also makes parameters a bit more tricky to pass but should cause less interferance with other scripts and causes less problems with the scope of GM functions. Credits ======= http://diveintogreasemonkey.org/ for a useful reference to greasemonkey */ // =================================================================== // Config Stuff var glblConfigAwards = undefined; var glblAllPhotos = undefined; var glblCommentsText = undefined; var glblLastPhotoId = undefined; var glblPhotoId = undefined; var glblMode = undefined; var glblAllowDupesFrom = undefined; var glblVersion = '2.20'; var glblServerVersion = glblVersion; var glblLastCheckedVersion = undefined; var glblScriptUrl = 'http://www.phazeshift.co.uk/files/flickrawardcounter.user.js'; var glblScriptVersionUrl = 'http://www.phazeshift.co.uk/flickrawardcounterversion.php'; var glblCloudSettingsUrl = 'http://www.phazeshift.co.uk/flickrawardcountersettings.php?'; var glblCloudSettingsId = ""; var glblUpdateCheck = true; var glblFavourites = false; var glblGalleries = false; var glblHideZeroCount = false; var glblApiKey = 'cf7bfd7c92fcbea46bb7bce79b81ead7'; const SinglePhotoMode = 'Single'; const GroupMode = 'Group'; const PoolMode = 'Pool'; const ConfigureLink = '( configure )'; const AwardCounter = 'flickr Award Counter '; const PoolAwardXPath = "//div[@class='flickraward']"; const AwardInnerXPath = ".//span[@id='flickraward-awardcount-inner']"; const AwardFooterXPath = ".//span[@id='awardcount-awardfooter']"; const AwardToHideXPath = ".//span[@id='flickraward-awardcount-tohide']"; function Save() { GM_setValue('awards', CreateSaveAwardStr()); if (glblAllowDupesFrom) { GM_setValue('awards-allow-dupes-from', glblAllowDupesFrom.join(';').toLowerCase()); } GM_setValue('favourites',glblFavourites); GM_setValue('galleries',glblGalleries); GM_setValue('hidezerocount',glblHideZeroCount); GM_setValue('updatecheck',glblUpdateCheck); SaveCloudSettingsId(); } function SaveCloudSettingsId() { GM_setValue('cloudsettingsid',glblCloudSettingsId); } function SaveUpdateInfo() { GM_setValue('serverversion',glblServerVersion); if (glblLastCheckedVersion) { GM_setValue('lastcheckedversion',glblLastCheckedVersion.getTime().toString()); } } function GmSettingsWorking() { GM_setValue('gmsettingstest',glblVersion); return (glblVersion == GM_getValue('gmsettingstest','')); } function Load() { ParseSaveAwardStr(GM_getValue('awards', '')); buf = GM_getValue('awards-allow-dupes-from', ''); if (buf.length > 0){ glblAllowDupesFrom = buf.toLowerCase().split(';'); } glblServerVersion = GM_getValue('serverversion',glblServerVersion); buf = GM_getValue('lastcheckedversion'); if (buf && buf != ''){ glblLastCheckedVersion = new Date(); glblLastCheckedVersion.setTime(buf); } glblUpdateCheck = GM_getValue('updatecheck',glblUpdateCheck); if (!GmSettingsWorking()) glblUpdateCheck = false; glblFavourites = GM_getValue('favourites',glblFavourites); glblGalleries = GM_getValue('galleries',glblGalleries); glblHideZeroCount = GM_getValue('hidezerocount',glblHideZeroCount); glblCloudSettingsId = GM_getValue('cloudsettingsid',glblCloudSettingsId); } function CreateSaveAwardStr() { var buf = ""; for (var i = 0; i < glblConfigAwards.length; i++) { if (glblConfigAwards[i] != undefined) { buf = buf + escape(glblConfigAwards[i]["Name"]) + ',' + escape(glblConfigAwards[i]["Url"].join(';')) + "|"; } } buf = buf.substring(0,buf.length-1); return buf; } function ParseSaveAwardStr(buf) { glblConfigAwards = new Array(); if (buf == undefined) { return; } Items = buf.split('|'); for (var i = 0; i < Items.length; i++) { if (Items[i] != '') { Items2 = Items[i].split(','); try { AddAward(unescape(Items2[0]),unescape(Items2[1])); } catch (ex) { alert(ex) } } } } function CmpConfigAwards(a,b) { var x = a["Name"].toLowerCase(); var y = b["Name"].toLowerCase(); return ((x < y) ? -1 : ((x > y) ? 1 : 0)); } function Sort() { glblConfigAwards.sort(CmpConfigAwards); ConfigDisplayAwards(); } function SortOne(awardId,up) { var i = FindAwardPosByName(awardId); if (i == -1) {return; } var tmpAward = glblConfigAwards[i]; if (up) { newPos = i - 1; } else { newPos = i + 1; } if ((newPos < 0) || newPos > glblConfigAwards.length - 1) { return; } glblConfigAwards[i] = glblConfigAwards[newPos]; glblConfigAwards[newPos] = tmpAward; ConfigDisplayAwards(); } function FindAwardByName(awardid) { var i = FindAwardPosByName(awardid); if (i == -1) return undefined; return glblConfigAwards[i]; } function FindAwardPosByName(awardid){ for (i=0; i < glblConfigAwards.length; i++) { if (glblConfigAwards[i] != undefined) { Award = glblConfigAwards[i]; if (Award["Name"] == awardid) { return i; } } } return -1; } function ConfigDisplayAwardRow(buf,Award,pos,total) { var buf = '
'; buf += ''; buf += ''; buf += '
' + ConvertTags(Award["Name"]) + '' + ConvertTags(Award["Url"].join(';')) + 'EditRemove'; if (pos != 0) buf += '/\\'; buf += ''; if (pos != total) buf += '\\/'; buf += '
'; return buf; } function ConfigDisplayAwards() { var varElement = document.getElementById("AwardCounterVarList"); buf = ''; var i; var awardAdded = false; for (i=0; i < glblConfigAwards.length; i++) { if (glblConfigAwards[i]) { Award = glblConfigAwards[i]; buf += ConfigDisplayAwardRow(buf,Award,i,glblConfigAwards.length-1); awardAdded = true; } } buf += ''; if (!awardAdded) { buf = 'None defined'; } // Replace html with new stuff varElement.innerHTML = buf; } function DeleteElement(elementname) { var varElement = document.getElementById(elementname); if (varElement) { varElement.parentNode.removeChild(varElement); } } function SafeSetElementValue(elename, elevalue){ var varElement = document.getElementById(elename); if (varElement) { varElement.value = elevalue; } } function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } function TrimArray(arr){ for (i = 0; i -1) return false; if (Value.indexOf(',') > -1) return false; return true; } function AddAward(Name, Url) { var newAward = true; if (!Name) {return}; if (!Url) {return}; Name = RemoveTags(Name); var Award = FindAwardByName(Name); if (!CheckString(Name)) { throw('Name contains a \'|\' or a \',\' which isn\'t valid'); } if (!CheckString(Url)) { throw('Url contains a \'|\' or a \',\' which isn\'t valid'); } if (Award != undefined) { newAward = false; } if (newAward) { Award = {"Name" : "", "Url" : ""}; } Award["Name"] = Name; Award["Url"] = TrimArray(Url.split(';')); if (newAward) { glblConfigAwards[glblConfigAwards.length] = Award; } } function EditAward(Name) { var Award = FindAwardByName(Name); if (Award == undefined) return; document.getElementById("AwardName").value = Award["Name"]; document.getElementById("AwardUrl").value = Award["Url"].join(';'); } function RemoveAward(Name) { var i = FindAwardPosByName(Name); if (i != -1) { glblConfigAwards[i] = undefined; } ConfigDisplayAwards(); } function NewerVersion(serverVersion, currentVersion){ serverVersion = serverVersion.split("."); currentVersion = currentVersion.split("."); var i; for (i=0;i parseInt(currentVersion[i])) return true; } return false; } function UpdateHTML() { if (glblUpdateCheck) { var buf = ' Update status: '; if (NewerVersion(glblServerVersion,glblVersion)) { buf += ' New version '+ glblServerVersion +' '; } else buf += 'None available '; if (glblLastCheckedVersion) buf += ' (Checked: '+ glblLastCheckedVersion.toLocaleDateString() + ' ' + glblLastCheckedVersion.toLocaleTimeString() +')'; buf += ''; return buf; } return ''; } function CreateConfigPage() { var buf = ""; buf += '
'; buf += '

flickr Award Counter

'; buf += '

(v'+ glblVersion +') Copyright 2007 Phazeshift. All rights reserved.
'; buf += UpdateHTML(); buf += '

'; buf += '

This is a small GreaseMonkey script to count the number of awards given to photos in groups on flickr. It will count any number of different awards given by users. '; buf += 'It will ignore duplicate awards of the same type from a user. To start, just add a name for the award below and paste the location of the image file for the award, click Add, then click Save.

'; buf += '
Existing Items
'; buf += '
'; buf += '
'; buf += 'Sort '; buf += 'Remove All
'; buf += '
'; buf += ''; buf += ''; buf += ''; buf += '
Award NameAward Image Url
Add
'; buf += "You can enter multiple images per award, Separate each item with ';'. Don't include spaces before or after items.
"; buf += '
'; buf += '
Allow Duplicates From '; buf += '
You can specify a list of users to allow duplicate awards on the same photo for. '; buf += "Separate each item with ';'. Don't include spaces before or after items.
"; buf += '
'; buf += ''; buf += '
Update Check '; buf += 'Load '; buf += 'Save
This option will allow you to save and restore your awards from the web. To save your settings, leave the id box blank and click save. '; buf += 'Make a note of your settings ID when the save is completed. To load your settings, enter your settings ID and click load. these settings are '; buf += 'not private or encrypted and can be accessed from any machine with your ID.
Export settings'; buf += ' Settings: '; buf += 'Export '; buf += 'Import
This option will allow you to save and restore your awards as a string that can be copied to a text file.' buf += '
'; buf += '
'; buf += 'Save '; buf += 'Cancel'; buf += '
'; buf += '
'; var newDiv = document.createElement('div'); newDiv.setAttribute('id','flickrawardconfig-container'); newDiv.innerHTML = buf; document.body.insertBefore(newDiv, document.body.firstChild); } // =================================================================== // Handle Events function EventAdd() { try { var AwardName = document.getElementById("AwardName").value; var AwardUrl = document.getElementById("AwardUrl").value; AddAward(AwardName,AwardUrl); document.getElementById("AwardName").value = ''; document.getElementById("AwardUrl").value = ''; ConfigDisplayAwards(); } catch (ex) { alert(ex); } } function EventCancel() { Load(); DeleteElement("flickrawardconfig-container"); } function EventExportSettings() { document.getElementById("ExportSettings").value = CreateSaveAwardStr(); } function EventImportSettings() { ParseSaveAwardStr(document.getElementById("ExportSettings").value); ConfigDisplayAwards(); } function EventSaveCloudSettings() { glblCloudSettingsId = document.getElementById("AwardCloudSettingsId").value; SaveCloudSettingsId(); Save(); SaveCloudSettings(); } function EventLoadCloudSettings() { glblCloudSettingsId = document.getElementById("AwardCloudSettingsId").value; SaveCloudSettingsId(); LoadCloudSettings(); } function EventSave() { var buf = document.getElementById("AwardAllowDupesFrom").value; if (buf.length > 0) { glblAllowDupesFrom = TrimArray(buf.toLowerCase().split(';')); } glblUpdateCheck = document.getElementById("AwardUpdatesEnabled").checked; glblFavourites = document.getElementById("AwardFavouritesEnabled").checked; glblGalleries = document.getElementById("AwardGalleriesEnabled").checked; glblHideZeroCount = document.getElementById("AwardHideZeroCountEnabled").checked; glblCloudSettingsId = document.getElementById("AwardCloudSettingsId").value; Save(); EventCancel(); GetAwardCounts(); } function EventSortAll() { Sort(); } function GetIdFromClicked(clickedOn,eventType){ var idstart = clickedOn.indexOf(eventType) + eventType.length + 1; var awardid = clickedOn.substring(idstart,255); return unescape(awardid); } function EventRemove(clickedOn) { var awardid = GetIdFromClicked(clickedOn,'remove'); RemoveAward(awardid); } function EventEdit(clickedOn) { var awardid = GetIdFromClicked(clickedOn,'edit'); EditAward(awardid); } function EventSortOne(clickedOn,up) { var awardid; if (up) { awardid = GetIdFromClicked(clickedOn,'-sortup'); } else { awardid = GetIdFromClicked(clickedOn,'-sortdown'); } SortOne(awardid,up); } function EventCountShow(clickedOn) { var photoid = GetIdFromClicked(clickedOn,'countshow'); var theElement = GetDisplayElement(photoid); var theElement = FindFirstElement(theElement,AwardInnerXPath); theElement.innerHTML = 'Retrieving comments, please wait...'; GetCommentsForPhotoId(photoid); } function EventCountAllShow() { glblAllPhotos = new Array(); var PhotoDetails = undefined; var theElement = undefined; var allPhotoElements = document.evaluate( PoolAwardXPath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0; i < allPhotoElements.snapshotLength; i++) { theElement = allPhotoElements.snapshotItem(i); PhotoId = theElement.id.substring(theElement.id.lastIndexOf('-')+1,255); PhotoDetails = new Array(); PhotoDetails['PhotoId'] = PhotoId; PhotoDetails['Done'] = false; glblAllPhotos[i] = PhotoDetails; } theElement = document.getElementById('flickraward-awardcountall'); if (theElement) { theElement.innerHTML = 'Retrieving comments, please wait...'; } DisplayNextPhotoDetails(); } function EventCountHideAll() { ToggleAll(false) } function ToggleAll(Visible) { var theElement = undefined; var allPhotoElements = document.evaluate( PoolAwardXPath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0; i < allPhotoElements.snapshotLength; i++) { theElement = allPhotoElements.snapshotItem(i); PhotoId = theElement.id.substring(theElement.id.lastIndexOf('-')+1,255); ToggleDisplayAwards(PhotoId,Visible); } ToggleShowHideAll(Visible); } function EventCountReshowAll() { ToggleAll(true); } function EventClear() { var Ok = confirm("Do you really want to delete the awards you have set up??"); if (!Ok) { return; } GM_setValue('awards', ''); GM_setValue('awards-allow-dupes-from', ''); GM_setValue('lastcheckedversion', ''); Load(); ConfigDisplayAwards(); } function EventCountPositionAndShow(clickedOn) { var PhotoId = GetIdFromClicked(clickedOn, 'countpositionandshow') var theElement = GetDisplayElement(PhotoId); var theElement = FindFirstElement(theElement,AwardInnerXPath); theElement.innerHTML = 'Retrieving comments, please wait...'; ToggleDisplayAwards(PhotoId, true); GetCommentsForPhotoId(PhotoId); } function EventCountHide(clickedOn) { clickedOn = unescape(clickedOn); var idstart = clickedOn.indexOf('counthide') + 10; var PhotoId = clickedOn.substring(idstart,255); ToggleDisplayAwards(PhotoId, false); } function EventCountReshow(clickedOn) { clickedOn = unescape(clickedOn); var idstart = clickedOn.indexOf('countreshow') + 12; var PhotoId = clickedOn.substring(idstart,255); ToggleDisplayAwards(PhotoId,true); } function EventConfigPage() { // Do our config page stuff CreateConfigPage(); if (glblConfigAwards == undefined) { Load(); } ConfigDisplayAwards(); if (glblAllowDupesFrom) { var varElement = document.getElementById("AwardAllowDupesFrom"); varElement.value = glblAllowDupesFrom.join(';'); } } // =================================================================== // Configure Event Handler function EndsWith(str, substr){ return (str.lastIndexOf(substr) == str.length - substr.length); } function ConfigureEvents() { document.addEventListener('click', function(event) { // event.target is the element that was clicked var clickedOn = event.target.toString(); if (clickedOn.indexOf('#flickrawardconfig-') > -1) { if (EndsWith(clickedOn,'save')) { EventSave(); } if (EndsWith(clickedOn,'sort')) { EventSortAll(); } if (EndsWith(clickedOn,'cancel')) { EventCancel(); } if (EndsWith(clickedOn,'add')) { EventAdd(); } if (EndsWith(clickedOn,'exportsettings')) { EventExportSettings(); } if (EndsWith(clickedOn,'importsettings')) { EventImportSettings(); } if (EndsWith(clickedOn,'savecloudsettings')) { EventSaveCloudSettings(); } if (EndsWith(clickedOn,'loadcloudsettings')) { EventLoadCloudSettings(); } if (EndsWith(clickedOn,'configure')) { EventConfigPage(); } if (clickedOn.indexOf('-remove-') > 0) { EventRemove(clickedOn); } if (clickedOn.indexOf('-sortup-') > 0) { EventSortOne(clickedOn,true); } if (clickedOn.indexOf('-sortdown-') > 0) { EventSortOne(clickedOn,false); } if (clickedOn.indexOf('-edit-') > 0) { EventEdit(clickedOn); } if (clickedOn.indexOf('countshow') > 0) { EventCountShow(clickedOn); } if (clickedOn.indexOf('countallhide') > 0) { EventCountHideAll(clickedOn); } if (clickedOn.indexOf('countallreshow') > 0) { EventCountReshowAll(clickedOn); } if (clickedOn.indexOf('counthide') > 0) { EventCountHide(clickedOn); } if (clickedOn.indexOf('countpositionandshow') > 0) { EventCountPositionAndShow(clickedOn); } if (clickedOn.indexOf('countreshow') > 0) { EventCountReshow(clickedOn); } if (clickedOn.indexOf('countallshow') > 0) { EventCountAllShow(); } if (clickedOn.indexOf('clear') > 0) { EventClear(); } // we handled the event so stop propagation event.stopPropagation(); event.preventDefault(); } }, true); } // =================================================================== // Search Stuff function CallFlickrMethod(method, params, onLoadFunction) { params['format'] = 'json'; params['nojsoncallback'] = 1; params['method'] = method; var url = "https://api.flickr.com/services/rest?"; CallMethod(url,params,onLoadFunction); } function CallMethod(url,params,onLoadFunction) { for(key in params){ url += "&" + key + "=" + params[key]; } GM_xmlhttpRequest({ method:"GET", url:url, headers:{ "User-Agent":"monkeyagent", "Accept":"text/monkey,text/xml", }, onload:onLoadFunction }); } function CallPostMethod(url,params,onLoadFunction) { var data = ""; for(key in params){ data += key + "=" + params[key] + "&"; } GM_xmlhttpRequest({ method:"POST", url:url, data:data, headers:{ "User-Agent":"monkeyagent", "Accept":"text/monkey,text/xml", "Content-Type": "application/x-www-form-urlencoded" }, onload:onLoadFunction }); } function GetCommentsForPhotoId(PhotoId) { // Have we already cached the comments? if (glblLastPhotoId != PhotoId || glblCommentsText == undefined) { var params = new Array(); glblPhotoId = PhotoId; params['photo_id'] = PhotoId; params['api_key'] = glblApiKey; var onLoadFunction = function(details) { ProcessComments(details.responseText); } CallFlickrMethod('flickr.photos.comments.getList', params, onLoadFunction); } else { ProcessComments(glblCommentsText); } } function GetFavouritesForPhotoId(PhotoId) { var params = new Array(); params['photo_id'] = PhotoId; params['per_page'] = 1; params['api_key'] = glblApiKey; var onLoadFunction = function(details) { ProcessFavourites(details.responseText); } CallFlickrMethod('flickr.photos.getFavorites', params, onLoadFunction); } function GetGalleriesForPhotoId(PhotoId) { var params = new Array(); params['photo_id'] = PhotoId; params['per_page'] = 1; params['api_key'] = glblApiKey; var onLoadFunction = function(details) { ProcessGalleries(details.responseText,PhotoId); } CallFlickrMethod('flickr.galleries.getListForPhoto', params, onLoadFunction); } function CountAwardsPresentInText(intext, awardtextarr) { result = 0; for (var i = 0; i < awardtextarr.length;i++) { // Todo : Maybe make this 2.7 change optional in future // if (intext.toLowerCase().indexOf('src="' + awardtextarr[i].toLowerCase() + '"') > 0) if (intext.toLowerCase().indexOf(awardtextarr[i].toLowerCase()) > -1) { result++; } } return result; } function inArray(arr, str) { for (var i=0; i 0) { whoAwarded = WhoAwardedAwards[i2]; dupesAllowed = AllowDupes(who); if (inArray(whoAwarded,who) && !dupesAllowed) { continue; } if (!dupesAllowed) { awardCount = 1; } AwardCounts[i2] = AwardCounts[i2] + awardCount; whoAwarded[whoAwarded.length] = who; } } } } DisplayAwards(AwardCounts,CommentCount,PhotoId); if (glblFavourites) { GetFavouritesForPhotoId(PhotoId); } if (glblGalleries) { GetGalleriesForPhotoId(PhotoId); } } if (glblAllPhotos) { DisplayNextPhotoDetails(); } } function DisplayNextPhotoDetails() { if (glblAllPhotos) { for (var i = 0; i < glblAllPhotos.length; i++) { if (!glblAllPhotos[i].Done) { glblAllPhotos[i].Done = true; var AwardDivOuter = GetDisplayElement(glblAllPhotos[i].PhotoId); if (AwardDivOuter) { var AwardDivInner = FindFirstElement(AwardDivOuter,AwardInnerXPath); if (AwardDivInner.innerHTML == '') { GetCommentsForPhotoId(glblAllPhotos[i].PhotoId); } else { ToggleDisplayAwards(glblAllPhotos[i].PhotoId,true); } } } } glblAllPhotos = undefined; theElement = document.getElementById('flickraward-awardcountall'); if (theElement) { theElement.innerHTML = AwardCounter + ' ' + ConfigureLink + ' '; ToggleShowHideAll(true); } } } function ToggleShowHideAll(Visible) { var theElement = document.getElementById('flickaward-showhideall'); if (theElement) { if (Visible) { theElement.innerHTML = '( hide all awards )'; } else { theElement.innerHTML = '( show all awards )'; } } } function GetAwardCounts() { var PhotoId = GetPhotoId(); GetCommentsForPhotoId(PhotoId); } function GetMatchingElementsFromDom(xpath){ return document.evaluate( xpath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); } function GetPhotoId() { var Id = ''; // var allPhotoUrls = GetMatchingElementsFromDom(".//link[@id='image-src']/@href"); if (allPhotoUrls.snapshotLength === 0) { // old layout allPhotoUrls = GetMatchingElementsFromDom(".//div[@class='photoImgDiv']/img/@src"); } if (allPhotoUrls.snapshotLength === 0) { // new layout allPhotoUrls = GetMatchingElementsFromDom(".//div[@class='photo-div']/img/@src"); } if (allPhotoUrls.snapshotLength === 0) { // new layout 29/06/2014 allPhotoUrls = GetMatchingElementsFromDom(".//meta[@name='og:image']/@content"); } if (allPhotoUrls.snapshotLength === 0) { // new layout 22/04/2015 allPhotoUrls = GetMatchingElementsFromDom(".//img[@class='low-res-photo']/@src"); } for (var i = 0; i < allPhotoUrls.snapshotLength; i++) { thisElement = allPhotoUrls.snapshotItem(i); if (thisElement.value) { Id = GetImageId(thisElement.value); break; } } if (!Id) { // new layout 16/03/2022 // try using location instead of document source // eg. https://www.flickr.com/photos/marcbarrot/51941641266/in/dateposted-public/ Id = document.location.href.replace(/.*\/(\d+)\/.*/, "$1"); } return Id; } function CreateAwardPane(pane, insertAfter) { if (pane) { newElement = document.createElement('p'); newElement.setAttribute('id','flickraward-awardcount'); var buf = '

Awards

Retrieving comments, please wait...
' + AwardCounter + ConfigureLink + '

'; newElement.innerHTML = buf; if (insertAfter) pane.parentNode.insertBefore(newElement, pane.nextSibling); else pane.parentNode.insertBefore(newElement, pane); } } function GetDisplayElement(PhotoId) { if (glblMode == SinglePhotoMode) { return document.getElementById('flickraward-awardcount'); } else { var buf = 'flickraward-awardcount-' + PhotoId; return document.getElementById(buf); } } function DisplayError(PhotoId, errorstr) { var AwardDivOuter = GetDisplayElement(PhotoId); if (AwardDivOuter) { var AwardDivInner = FindFirstElement(AwardDivOuter,AwardInnerXPath); AwardDivInner.innerHTML = 'Error: ' + errorstr; if (glblMode != SinglePhotoMode) { ToggleDisplayAwards(PhotoId,true); } } } function ToggleDisplayAwards(PhotoId,Visible) { var AwardDivOuter = GetDisplayElement(PhotoId); if (AwardDivOuter) { var Footer = FindFirstElement(AwardDivOuter,AwardFooterXPath); var AwardDivToHide = FindFirstElement(AwardDivOuter,AwardToHideXPath); if (!Visible) { var buf = ''; if (glblMode == GroupMode) { buf += AwardCounter; } buf += '( show awards )'; Footer.innerHTML = buf; } else { Footer.innerHTML = ''; } if (Visible) { //AwardDivToHide.style.visibility = 'visible'; AwardDivToHide.style.display = 'inline'; AwardDivToHide.style.lineHeight = 'normal'; } else { //AwardDivToHide.style.visibility = 'hidden'; AwardDivToHide.style.display = 'none'; } FixHeights(); } } function DisplayFavourites(favCount, PhotoId){ var AwardDivOuter = GetDisplayElement(PhotoId); if (AwardDivOuter) { var AwardDiv = FindFirstElement(AwardDivOuter,AwardInnerXPath); AwardDiv.innerHTML += '  ' + favCount + ' favourites
'; } } function DisplayGalleries(galCount, PhotoId){ var AwardDivOuter = GetDisplayElement(PhotoId); if (AwardDivOuter) { var AwardDiv = FindFirstElement(AwardDivOuter,AwardInnerXPath); AwardDiv.innerHTML += '  ' + galCount + ' galleries
'; } } function DisplayAwards(AwardCounts, CommentCount, PhotoId) { var AwardDivOuter = GetDisplayElement(PhotoId); if (AwardDivOuter) { var AwardDiv = FindFirstElement(AwardDivOuter,AwardInnerXPath); // Iterate over awards var addedAward = false; var buf = 'This photo has:
'; for (i=0;i ' + Award["Name"] + '
'; } addedAward = true; } } buf += '  ' + CommentCount + ' comments
'; if (!addedAward){ buf += 'No awards configured, please click configure to set some up
'; } AwardDiv.innerHTML = buf; if (glblMode != SinglePhotoMode) { ToggleDisplayAwards(PhotoId,true); } } } function GetImageId(url) { url = url.substring(url.lastIndexOf('/') + 1,255); url = url.substring(0,url.indexOf('_')); return url; } function FindPhotoIdInElement(theElement) { var idAttr = theElement.attributes['data-photo-id']; if (idAttr) { return idAttr.value; } var thisElement; var allImgs = document.evaluate( ".//img", theElement, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); for (var i = 0; i < allImgs.snapshotLength; i++) { thisElement = allImgs.snapshotItem(i); if (thisElement.src.match('^https?:\/\/(.*)(static\.?flickr|yimg)\.com\/(.*)\/(.*).jpg$')) { var buf = GetImageId(thisElement.src); return buf; } if (thisElement.src.match('^https://ec.yimg.com/ec.*$')) { var query = thisElement.src.split('?')[1].split('&'); for (var j = 0; j < query.length; j++) { var items = query[j].split("="); if (items[0] == 'url') { realUrl = unescape(items[1]); var buf = GetImageId(realUrl); return buf; } } } } return ''; } function GetCommentCountLink(ImageId) { if (glblMode == PoolMode) { return '( show awards )

'; } else { return 'flickr Award Counter ( show awards )

'; } } function AddGlobalStyle(css) { var head, style; head = document.getElementsByTagName('head')[0]; if (!head) { return; } style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = css; head.appendChild(style); } function AddCommentCountLinks(xPath,into) { var allElements = document.evaluate( xPath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); var thisElement; for (var i = 0; i < allElements.snapshotLength; i++) { thisElement = allElements.snapshotItem(i); if (thisElement.innerHTML.indexOf('flickraward-awardcount-') > -1) { continue; } var ImageId = FindPhotoIdInElement(thisElement); if (ImageId != '') { newElement = document.createElement('div'); newElement.setAttribute('id','flickraward-awardcount-' + ImageId); newElement.setAttribute('style','z-index: 9000; margin-top: 8px; text-align:left; ! important'); newElement.setAttribute('class','flickraward'); buf = '' + GetCommentCountLink(ImageId); newElement.innerHTML = buf; //todo : change this to insert after poollist if (into) { thisElement.appendChild(newElement); } else { thisElement.parentNode.insertBefore(newElement,thisElement.nextSibling); } } } } function GetElements(node, xpath){ var allElements = document.evaluate( xpath, node, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); return allElements; } function AddJustifiedCommentCountLinks(xPath) { var allElements = GetElements(document, xPath); var thisElement; for (var i = 0; i < allElements.snapshotLength; i++) { thisElement = allElements.snapshotItem(i); if (thisElement.innerHTML.indexOf('flickraward-awardcount-') > -1) { continue; } var imageId = FindPhotoIdInElement(thisElement); if (imageId != '') { //var inlineElements = thisElement.getElementsByClassName('inline-icons'); //if (inlineElements.length == 0) continue; //newElement = document.createElement('span'); //newElement.innerHTML = 'A'; //inlineElements[0].appendChild(newElement); newElement = document.createElement('div'); newElement.setAttribute('id','flickraward-awardcount-' + imageId); newElement.setAttribute('style','position:absolute; background-color: #ffffff; opacity:0.5; left:5px; top:10px; text-align:left; ! important'); newElement.setAttribute('class','flickraward'); var height = thisElement.clientHeight * 0.8; var width = thisElement.clientWidth * 0.98; buf = '
' + GetCommentCountLink(imageId); newElement.innerHTML = buf; thisElement.appendChild(newElement); } } } function ProcessFlickrPhotoPage() { var discussPane, newElement; var insertAfter = false; discussPane = document.getElementById('DiscussPhoto'); if (!discussPane) // new layout? { discussPane = document.getElementById('meta'); } if (!discussPane){ var commentsHolders = document.getElementsByClassName('sub-photo-right-row1'); if (commentsHolders.length > 0) { discussPane = commentsHolders[0]; insertAfter = true; } } if (discussPane) { CreateAwardPane(discussPane, insertAfter); // Get the number of images on the page GetAwardCounts(); } } function ProcessFlickrGroupPage() { AddCommentCountLinks("//td[@class='Said']",true); var thisElement = document.getElementById('DiscussTopic'); CreateCountAllDiv(thisElement); } function FindFirstElement(root, xPath) { var allElements = document.evaluate( xPath, root, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); var thisElement = null; if (allElements.snapshotLength > 0) thisElement = allElements.snapshotItem(0); return thisElement; } function CreatePoolViewErrorDiv(Parent){ if (Parent) { newElement = document.createElement('div'); newElement.setAttribute('id','flickraward-errordiv'); var buf = AwardCounter + ' ' + ConfigureLink + ' ( Cannot show awards in justified view, please change to a thumbnail view )'; newElement.innerHTML = buf; Parent.parentNode.insertBefore(newElement, Parent); } } function CreateCountAllDiv(Parent) { if (Parent) { newElement = document.createElement('div'); newElement.setAttribute('id','flickraward-awardcountall'); var buf = AwardCounter + ' ' + ConfigureLink + ' ( show all awards )'; newElement.innerHTML = buf; Parent.parentNode.insertBefore(newElement, Parent); } } function ProcessFlickrPoolPage() { AddGlobalStyle('.AwardCount { font-size: 11px; padding: 0px; text-align: left; ! important; }'); // Spaceball / spaceout.gif can cover the next image in the grid and cause the wrong link to be clicked //AddGlobalStyle('.spaceball, .spaceout.gif { display: none !important; }'); // Hide glitchy grey border when we inject our award count AddGlobalStyle('.photo-display-item { background-color: #ffffff !important; }'); var thisElement = FindFirstElement(document, "//div[@id='pool-photos']"); var varElement = document.getElementById("options-thumb"); if (varElement.innerHTML.indexOf("Justified") > -1) { // CreatePoolViewErrorDiv(thisElement); setInterval (function() { AddJustifiedCommentCountLinks("//div[contains(@class,'pool-photo photo-display-item') and not(div[class='flickraward'])]"); }, 3000); } else { // Add count links on a timer so that additional images loaded to the page will get counted setInterval (function() { AddCommentCountLinks("//div[contains(@class,'pool-photo photo-display-item') and not(div[class='flickraward'])]",true); }, 3000); } CreateCountAllDiv(thisElement); } function FixHeights(){ var allElements = document.evaluate( "//div[contains(@class,'pool-photo photo-display-item')]", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); var thisElement; var maxHeight = 0; var rowElements = []; var lastTop = allElements.snapshotItem(0).offsetTop; for (var i = 0; i < allElements.snapshotLength; i++) { thisElement = allElements.snapshotItem(i); if (thisElement.offsetTop != lastTop) { for (var k = 0; k < rowElements.length; k++) { rowElement = rowElements[k]; rowElement.style.height = maxHeight + 'px'; } rowElements = []; maxHeight = 0; lastTop = thisElement.offsetTop; } rowElements.push(thisElement); var totalHeight = 30; for (j = 0; j < thisElement.childNodes.length; j++ ){ totalHeight += thisElement.childNodes[j].offsetHeight; } if (totalHeight > maxHeight) { maxHeight = totalHeight; } } for (var k = 0; k < rowElements.length; k++) { rowElement = rowElements[k]; rowElement.style.height = maxHeight + 'px'; } } function RemoveTags(theString) { theString = theString.replace('<', ''); theString = theString.replace('>', ''); return theString; } function ConvertTags(theString) { theString = theString.replace('<', '<'); theString = theString.replace('>', '>'); return theString; } function DateDiffDays(date1, date2) { var one_day=1000*60*60*24; return Math.ceil((date1.getTime()-date2.getTime())/(one_day)); } function ProcessUpdateInfo(updateInfo){ try { var obj = eval('(' + updateInfo + ')'); if (obj.error) { alert('Update check error: ' + obj.error); } else { glblServerVersion = obj.version; } glblLastCheckedVersion = new Date(); SaveUpdateInfo(); if (NewerVersion(glblServerVersion,glblVersion)) { alert('There is a flickr Award Counter update available. Please check the configuration page for details'); } } catch (e) { GM_log("error processing updateinfo: " + e + " - updateInfo=\"" + updateInfo + "\""); } } function CheckForUpdates() { if (!glblUpdateCheck) { return; } var currentDate = new Date(); if ((glblLastCheckedVersion != undefined) && (DateDiffDays(currentDate,glblLastCheckedVersion) < 7)) { return; } var onLoadFunction = function(details) { ProcessUpdateInfo(details.responseText); } CallMethod(glblScriptVersionUrl,new Array(),onLoadFunction); } function LoadCloudSettings() { var onLoadFunction = function(details) { ProcessCloudSettings(details.responseText); } var params = new Array(); params['action'] = 'load'; params['settingsid'] = glblCloudSettingsId; CallPostMethod(glblCloudSettingsUrl,params,onLoadFunction); } function SaveCloudSettings(){ var onSaveFunction = function(details) { ProcessCloudSettings(details.responseText); } var params = new Array(); params['action'] = 'save'; params['settingsid'] = glblCloudSettingsId; params['settings'] = CreateSaveAwardStr(); CallPostMethod(glblCloudSettingsUrl,params,onSaveFunction); } function EvalReturnValue(val){ try { return eval('(' + val + ')'); } catch (e) { alert("Oops! Could not parse the value returned from the webserver! \r\n" + e.name + " " + e.message + " '" + val + "'"); } } function ProcessCloudSettings(cloudSettings){ var obj = EvalReturnValue(cloudSettings); var msg; if (obj.error) { alert('Settings error: ' + obj.error); return; } if ((!obj.settingsid) || (!obj.action)) { alert('Settings error: Server returned invalid data'); return; } glblCloudSettingsId = obj.settingsid; SaveCloudSettingsId(); SafeSetElementValue("AwardCloudSettingsId",glblCloudSettingsId); if (obj.action == 'save') { msg = "Settings saved"; } if (obj.action == 'load') { ParseSaveAwardStr(obj.settings); ConfigDisplayAwards(); msg = "Settings loaded"; } alert(msg); } // =================================================================== // Main script function Main() { GM_registerMenuCommand("Configure flickrAwardCounter",EventConfigPage); GM_registerMenuCommand("Clear flickrAwardCounter config",EventClear); AddGlobalStyle('.AwardCounterButton:link, .AwardCounterButton:visited { padding: 2px 4px 2px 4px; margin: 0px; text-decoration: none; width: 65px; text-align: center; border: 1px solid; border-color: #aaa #000 #000 #aaa; background: #BBBBBB; ! important; }'); AddGlobalStyle('.AwardCounterButtonSmall:link, .AwardCounterButtonSmall:visited { padding: 2px 4px 2px 4px; margin: 0px; text-decoration: none; width: 10px; text-align: center; border: 1px solid; border-color: #aaa #000 #000 #aaa; background: #BBBBBB; ! important; }'); AddGlobalStyle('.AwardCounterButton:hover, .AwardCounterButtonSmall:hover { border-color: #000 #aaa #aaa #000; ! important; }'); AddGlobalStyle('.AwardCount { text-align: left; ! important; }'); if (glblConfigAwards == undefined) { Load(); } ConfigureEvents(); if (document.location.href.match('^https?:\/\/(.*)\/groups\/(.*)\/discuss\/(.*)$')) { // this is a group thread glblMode = GroupMode; ProcessFlickrGroupPage(); } else if (document.location.href.match('^https?:\/\/(.*)\/groups\/(.*)\/pool\/(.*)$')) { // this is a pool thread glblMode = PoolMode; ProcessFlickrPoolPage(); } else { // this is a photo page glblMode = SinglePhotoMode; ProcessFlickrPhotoPage(); } CheckForUpdates(); } Main();