A bookmarklet displaying a simplified tabular view of Versions in open Tealium iQ Profile.
I created this bookmarklet to make it easier for myself to overview Versions created in a Tealium iQ Profile.
The built-in Versions overview in Tealium iQ is very feature-rich and has a very graphical angle. This is all very good, but often I have experienced a need for a much more basic way of overviewing Versions, while working in Telium iQ.
It would surprise me if others hadn't had the same thoughts as me So, in the spirit of "Sharing is Caring", I now release this bookmarklet for public use.
I hope you find it useful, and welcome comments and contributions.
Information about other helper tools you might know of, will also be greatly appreciated.
If you choose to make your own versions, or just make updates to this one, then please do share your work :-)
All the best,
Peter
I wanted to add a link button here, to make it easy to drag the bookmarklet to the browser. But, sadly that didn't work, probably because of the big "link" size.
You can copy the content of the file /dist/tiq-versions-tabular-bookmarklet.txt into a bookmark manually.
You can also grab the following bookmarklet code, which might be older than the above mentioned file.
javascript:void%20function(){var%20e=jQuery(%22div.hist_verEvent%22),t=jQuery(%22div.hist_versionTitleBox%22);if(t.length%3E0%26%26e.length%3E0%26%260===jQuery(%22div%23injectedFlatVersionModal%22).length){var%20i=[];jQuery(t).each(function(){var%20e=jQuery(this).attr(%22id%22),t=e.replace(%22hist_verTitle_%22,%22%22),r=jQuery(this).find(%22div.hist_versionTitleLabel%22).text();i.push({id:e,idDateStamp:t,title:r})});for(var%20r=[],d=0;d%3Ci.length;d++){var%20l=jQuery(%22div.hist_eventVer_%22+i[d].idDateStamp)[0],a=jQuery(%22%3Cul%20class='changesMade'%20/%3E%22);jQuery(l).find(%22div.histEventAudit%20div.row%22).each(function(){jQuery(a).append(%22%3Cli%3E%22+jQuery(this).text().trim()+%22%3C/li%3E%22)});var%20n=jQuery(%22%3Cul%20class='assignedLabels'%20/%3E%22);jQuery(l).find(%22div.histEventLabels%20%3E%20div.labels%20%3E%20div.label%22).each(function(){jQuery(n).append(%22%3Cli%3E[%22+jQuery(this).attr(%22title%22).trim()+%22]%3C/li%3E%22)});var%20o=jQuery(%22%3Cul%20class='linkedProfiles'%20/%3E%22);jQuery(l).find(%22div.histEventLinkedProfiles%20div.linkedProfilesList%20div.listProfile%22).each(function(){jQuery(o).append(%22%3Cli%3E%22+jQuery(this).text().trim()+%22%3C/li%3E%22)}),r.push({title:i[d].title.trim(),idDateStamp:i[d].idDateStamp.trim(),date:jQuery(l).find(%22div.histEventDate%22)[0].textContent.trim(),status:jQuery(l).find(%22div.histEventStatus%22)[0].textContent.replace(%22Published%20to:%20%22,%22%22).trim(),operator:jQuery(l).find(%22div.histEventOperator%22)[0].textContent.replace(%22By:%20%22,%22%22).trim(),labels:n[0].outerHTML,notes:jQuery(l).find(%22div.histEventNotes%22)[0].textContent.trim(),linkedProfiles:o[0].outerHTML,changesMade:a[0].outerHTML})}var%20s=jQuery(%22%3Ctable%20/%3E%22);jQuery(s).append(%22%3Ctr%3E%3Cth%20style='width:%20200px;'%3EDate%3C/th%3E%3Cth%20style='width:%20440px;'%3ETitle,%20Notes%20and%20Changes%3C/th%3E%3Cth%20style='width:%20200px;'%3ELibraries%3C/th%3E%3Cth%20style='width:%20250px;'%3EOperator%3C/th%3E%3C/tr%3E%22);for(var%20d=0;d%3Cr.length;d++){var%20u=new%20Date(r[d].date);jQuery(s).append(%22%3Ctr%3E%3Ctd%3E%22+u.toLocaleString(%22en-GB%22)+%22%3Cbr/%3E%3Cbr/%3E%22+r[d].status+%22%3Cbr/%3E%3Cbr/%3E%22+r[d].labels+%22%3Cbr/%3E%3C/td%3E%3Ctd%3E%3Cstrong%3E%22+r[d].title+%22%3C/strong%3E%3Cbr/%3E%22+r[d].notes+%22%3Cbr/%3E%3Cbr/%3E%22+r[d].changesMade+%22%3Cbr/%3E%3C/td%3E%3Ctd%3E%22+r[d].linkedProfiles+%22%3C/td%3E%3Ctd%3E%22+r[d].operator+%22%3C/td%3E%3C/tr%3E%22)}var%20h=jQuery(%22%3Cstyle%20id='injectedFlatVersionCss'%3Ediv%23injectedFlatVersionModal%20table,%20div%23injectedFlatVersionModal%20th,%20div%23injectedFlatVersionModal%20td%20{border:%200;border-collapse:%20collapse;}div%23injectedFlatVersionModal%20th,%20div%23injectedFlatVersionModal%20td%20{padding:%205px;padding-right:%2020px;text-align:%20left;vertical-align:%20top;border-bottom:%201px%20solid%20%23ddd;}div%23injectedFlatVersionModal%20tr:nth-child(even)%20{background-color:%20%23f2f2f2;}div%23injectedFlatVersionModal%20tr:hover%20{background-color:%20%23c0c0c0;}div%23injectedFlatVersionModal%20th%20{background-color:%20%23777;color:%20%23fff;}ul.assignedLabels%20{list-style-type:%20none;padding-left:%200;}ul.changesMade%20li,%20ul.linkedProfiles%20li%20{padding-bottom:%205px;}%3C/style%3E%22);jQuery(%22body%22).append(h),jQuery(%22%3Cdiv%20id='injectedFlatVersionModal'%20title='TiQ%20Versions%20Tabular'%3E%22+s[0].outerHTML+%22%3C/div%3E%22).dialog({height:%22auto%22,width:%2280%25%22,resizable:!1,modal:!0,buttons:[{text:%22Close%22,width:%2280px%22,height:%2230px%22,click:function(){jQuery(this).dialog(%22close%22)}}],close:function(e,t){jQuery(%22style%23injectedFlatVersionCss%22).remove(),jQuery(%22div%23injectedFlatVersionModal%22).remove()}})}}();1. Click the bookmarklet link
2. The Versions overview is now shown
(Click above screenshot 👆 to see it in a bigger versions)
Depending on how many versions are listed, a vertical scroll-bar will visible in the right-hand side of the modal.
And yes, the "Operator" column is empty in the screenshot. For privacy reasons, I have chosen to remove my own email address.
| Date | Title, Notes and Changes | Libraries | Operator |
|---|---|---|---|
| Version date and time | Version title | Libraries connected to the version (bulleted list) | Email address of the person who saved the version |
| Environments version was published to (comma-separated list) | Notes added to version | ||
| Labels added to the version (hard brackes) | Changes in the version (bulleted list) |
Blog
https://pmeyer.dk
Twitter
https://twitter.com/pmeyerdk