[Wactclc-primo] Embedding Twitter Feed, not just a link
Daniel Moore
daniel.moore at email.edcc.edu
Mon Jul 1 08:36:42 PDT 2019
Hey all,
Sorry for the late reply. I have list emails go to a folder and that
doesn't ping on my phone, so I wasn't aware this question was going around.
Yes, I had to incorporate ngTweet because the OTB embed box Twitter
produces uses JS libraries that Angular auto-blocks. But ngTweet does a
good enough job with replicating the functionality. Maryanne, I can see
that the widget is working great.
That said... one of the most frustrating things is that very, very, VERY
few people actually see that New Search screen, which is a huge shame
because the gifs Haley uses for our Twitter feed are on point.
-Dan
On Mon, Jul 1, 2019 at 8:18 AM Hirning, Maryanne <mhirning at lcc.ctc.edu>
wrote:
> You are awesome J
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Guidry, Wade
> *Sent:* Friday, June 28, 2019 10:27 AM
> *To:* WACTCLC Primo discussions <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> Maryanne,
>
>
>
> I took a look at your VE customization package this morning, and was able
> to get you the rest of the way there with the twitter feed timeline…
>
>
>
>
>
> Wade Guidry
>
> Library Consortium Services Manager, WACTCLC
>
> wadeg at bigbend.edu
>
> (509) 760-4474
>
> http://www.wactclc.org
>
>
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Hirning, Maryanne
> *Sent:* Wednesday, June 26, 2019 5:37 PM
> *To:* 'WACTCLC Primo discussions' <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> ATTENTION: This email contains links. Please follow best practices before
> clicking on links
>
> Ugh, I hate javascript.
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Guidry, Wade
> *Sent:* Wednesday, June 26, 2019 5:11 PM
> *To:* WACTCLC Primo discussions <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> For what it’s worth, here’s a link to Edmond’s custom.js file:
> https://sbctc-edcc.primo.exlibrisgroup.com/discovery/custom/01STATEWA_EDCC-EDMONDS/js/custom.js
>
>
>
> I think the parts that are driving the Twitter timeline are near the top
> of the file:
>
>
>
> /* BEGIN Bootstrap Script */
>
>
>
> var app = angular.module('viewCustom', ['angularLoad', 'ngtweet']);
>
>
>
> /* END Bootstrap Script */
>
>
>
> And towards the bottom:
>
>
>
> /**
>
> * ngTweet - Angular directives for better Twitter integration.
>
> *
>
> * @license
>
> * The MIT License (MIT)
>
> *
>
> * Copyright (c) 2015 Aru Sahni, http://arusahni.net
>
> *
>
> * Permission is hereby granted, free of charge, to any person obtaining a copy
>
> * of this software and associated documentation files (the "Software"), to deal
>
> * in the Software without restriction, including without limitation the rights
>
> * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
>
> * copies of the Software, and to permit persons to whom the Software is
>
> * furnished to do so, subject to the following conditions:
>
> *
>
> * The above copyright notice and this permission notice shall be included in all
>
> * copies or substantial portions of the Software.
>
> *
>
> * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
>
> * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
>
> * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
>
> * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
>
> * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
>
> * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
>
> * SOFTWARE.
>
> *
>
> */
>
> !function () {
>
> "use strict";
>
> angular.module("ngtweet", []).value("ngTweetLogVerbose", !0).value("twitterWidgetURL", "https://platform.twitter.com/widgets.js");
>
> }(), function () {
>
> "use strict";
>
> function e(e, t) {
>
> var n = function n() {},
>
> i = function i(e) {
>
> return t === !0 ? e : n;
>
> };return { log: i(e.log), debug: i(e.debug), info: i(e.info), warn: e.warn, error: e.error };
>
> }e.$inject = ["$log", "ngTweetLogVerbose"], angular.module("ngtweet").factory("ngTweetLogger", e);
>
> }(), function () {
>
> "use strict";
>
> function e(e, t) {
>
> function n(e, t) {
>
> this.timelineType = e, this.message = t;
>
> }function i(e, t) {
>
> if (!Array.isArray(e) || !Array.isArray(t)) return !0;if (e.length !== t.length) return !0;for (var n = 0, i = e.length; n < i; n++) {
>
> if (e[n] !== t[n]) return !0;
>
> }return !1;
>
> }function r(e) {
>
> function t(e) {
>
> return 1 === e.length ? '"' + e + '"' : '("' + e.join('" AND "') + '")';
>
> }return e.map(t).join(" OR ");
>
> }function o(e) {
>
> var t = { sourceType: e.sourceType };if (!l.hasOwnProperty(e.sourceType)) throw new n(e.sourceType, "unknown type");for (var i = l[e.sourceType], o = !1, u = 0, a = i.length; u < a; u++) {
>
> for (var c = i[u], d = {}, g = 0, s = c.length; g < s; g++) {
>
> angular.isDefined(e[c[g]]) && (d[c[g]] = e[c[g]]);
>
> }if (Object.keys(d).length === s) {
>
> angular.merge(t, d), o = !0;break;
>
> }
>
> }if (!o) throw new n(e.sourceType, "args: " + r(i));return t;
>
> }function u(n, r, u) {
>
> e.debug("Linking", n, r, u), n.id && !angular.isString(n.id) && e.warn("twitterTimelineId should probably be a string due to loss of precision.");try {
>
> n.twitterTimelineOptions = JSON.parse(u.twitterTimelineOptions);
>
> } catch (a) {
>
> n.$watch(function () {
>
> return n.$parent.$eval(u.twitterTimelineOptions);
>
> }, function (e, t) {
>
> n.twitterTimelineOptions = e;
>
> });
>
> }angular.isUndefined(n.twitterTimelineOptions) && (n.twitterTimelineOptions = {}), n.sourceType ? n.$watchGroup(c, function (u, a) {
>
> if (i(a, u) && angular.element(r[0]).empty(), u.every(function (e) {
>
> return !e;
>
> })) return void e.debug("Falsey args received. Not rendering the timeline.");var c;try {
>
> c = o(n);
>
> } catch (l) {
>
> return void e.error('Could not create new timeline: bad args for type "' + l.timelineType + '". Reason: ' + l.message);
>
> }t.createTimelineNew(c, r[0], n.twitterTimelineOptions).then(function (t) {
>
> e.debug("New Timeline Success!");
>
> })["catch"](function (t) {
>
> e.error("Could not create new timeline: ", t, r);
>
> });
>
> }) : angular.isDefined(n.id) || angular.isString(n.screenName) ? n.$watch("id", function (i, o) {
>
> null !== n.id && (void 0 !== o && i !== o && angular.element(r[0]).empty(), t.createTimeline(n.id, n.screenName, r[0], n.twitterTimelineOptions).then(function (t) {
>
> e.debug("Timeline Success!!!");
>
> })["catch"](function (t) {
>
> e.error("Could not create timeline: ", t, r);
>
> }));
>
> }) : t.load(r[0]);
>
> }var a = { id: "=?twitterTimelineId", screenName: "=?twitterTimelineScreenName", sourceType: "@?twitterTimelineType", userId: "=?twitterTimelineUserId", ownerScreenName: "=?twitterTimelineOwnerScreenName", slug: "=?twitterTimelineSlug", url: "=?twitterTimelineUrl" },
>
> c = Object.keys(a).reduce(function (e, t) {
>
> return "=" === a[t][0] && e.push(t), e;
>
> }, []),
>
> l = { profile: [["screenName"], ["userId"]], likes: [["screenName"], ["userId"]], collection: [["id"]], widget: [["id"]], list: [["id"], ["ownerScreenName", "slug"]], url: [["url"]] };return { restrict: "E", replace: !0, transclude: !0, scope: a, template: '<div class="ngtweet-wrapper" ng-transclude></div>', link: u };
>
> }e.$inject = ["ngTweetLogger", "TwitterWidgetFactory"], angular.module("ngtweet").directive("twitterTimeline", e);
>
> }(), function () {
>
> "use strict";
>
> function e(e, t) {
>
> return { restrict: "E", replace: !0, transclude: !0, scope: { twitterWidgetId: "=", twitterWidgetOnRendered: "&", twitterWidgetOptions: "@" }, template: '<div class="ngtweet-wrapper" ng-transclude></div>', link: function link(n, i, r) {
>
> n.$watch("twitterWidgetId", function (o, u) {
>
> e.debug("Linking", i, r);var a = n.$eval(r.twitterWidgetOptions);void 0 !== u && o !== u && angular.element(i[0]).empty(), angular.isUndefined(n.twitterWidgetId) ? t.load(i[0]) : (angular.isString(n.twitterWidgetId) || e.warn("twitterWidgetId should probably be a string due to loss of precision."), t.createTweet(n.twitterWidgetId, i[0], a).then(function (t) {
>
> e.debug("Created tweet widget: ", n.twitterWidgetId, i), n.twitterWidgetOnRendered();
>
> })["catch"](function (t) {
>
> e.error("Could not create widget: ", t, i);
>
> }));
>
> });
>
> } };
>
> }e.$inject = ["ngTweetLogger", "TwitterWidgetFactory"], angular.module("ngtweet").directive("twitterWidget", e);
>
> }(), function () {
>
> "use strict";
>
> function e(e, t, n, i, r, o) {
>
> function u() {
>
> o.twttr = function (e, t, n) {
>
> var r,
>
> u = e.getElementsByTagName(t)[0],
>
> a = o.twttr || {};if (!e.getElementById(n)) return r = e.createElement(t), r.id = n, r.src = i, u.parentNode.insertBefore(r, u), a._e = [], a.ready = function (e) {
>
> a._e.push(e);
>
> }, a;
>
> }(e[0], "script", "twitter-wjs");
>
> }function a() {
>
> return o.twttr && o.twttr.init;
>
> }function c() {
>
> return angular.isUndefined(f) ? (f = r.defer(), a() ? f.resolve(o.twttr) : (u(), o.twttr.ready(function (e) {
>
> n.debug("Twitter script ready"), e.events.bind("rendered", l), f.resolve(e);
>
> }), f.promise)) : f.promise;
>
> }function l(e) {
>
> n.debug("Tweet rendered", e.target.parentElement.attributes);
>
> }function d(e, t, i) {
>
> return c().then(function (o) {
>
> return n.debug("Creating Tweet", o, e, t, i), r.when(o.widgets.createTweet(e, t, i));
>
> });
>
> }function g(e, t, i, o) {
>
> return c().then(function (u) {
>
> return n.debug("Creating Timeline", e, t, o, i), angular.isString(t) && t.length > 0 && (o.screenName = t), r.when(u.widgets.createTimeline(e, i, o));
>
> });
>
> }function s(e, t, i) {
>
> return c().then(function (o) {
>
> return n.debug("Creating new Timeline", e, i, t), r.when(o.widgets.createTimeline(e, t, i));
>
> });
>
> }function w(e) {
>
> c().then(function (t) {
>
> n.debug("Wrapping", t, e), t.widgets.load(e);
>
> })["catch"](function (t) {
>
> n.error("Could not wrap element: ", t, e);
>
> });
>
> }var f;return { createTweet: d, createTimeline: g, createTimelineNew: s, initialize: c, load: w };
>
> }e.$inject = ["$document", "$http", "ngTweetLogger", "twitterWidgetURL", "$q", "$window"], angular.module("ngtweet").factory("TwitterWidgetFactory", e);
>
> }(), function () {
>
> "use strict";
>
> function e(e, t) {
>
> return { restrict: "A", replace: !1, scope: !1, link: function link(n, i, r) {
>
> e.debug("Initializing"), t.initialize();
>
> } };
>
> }e.$inject = ["ngTweetLogger", "TwitterWidgetFactory"], angular.module("ngtweet").directive("twitterWidgetInitialize", e);
>
> }(), function () {
>
> "use strict";
>
> function e(e) {
>
> e.decorator("ngTweetLogVerbose", ["$delegate", function (e) {
>
> return !1;
>
> }]);
>
> }e.$inject = ["$provide"], angular.module("ngtweet").config(e);
>
> }();
>
>
>
>
>
>
>
> Wade Guidry
>
> Library Consortium Services Manager, WACTCLC
>
> wadeg at bigbend.edu
>
> (509) 760-4474
>
> http://www.wactclc.org
>
>
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Guidry, Wade
> *Sent:* Wednesday, June 26, 2019 5:01 PM
> *To:* WACTCLC Primo discussions <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> ATTENTION: This email contains links. Please follow best practices before
> clicking on links
>
> Looks like Dan has some additional Twitter functionality in custom.js that
> is helping drive the expansion of that Twitter link into a Timeline.
>
>
>
> I’ll take a closer look at it tomorrow and see if I can figure it out.
>
>
>
>
>
>
>
>
>
> Wade Guidry
>
> Library Consortium Services Manager, WACTCLC
>
> wadeg at bigbend.edu
>
> (509) 760-4474
>
> http://www.wactclc.org
>
>
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Hirning, Maryanne
> *Sent:* Wednesday, June 26, 2019 3:42 PM
> *To:* WACTCLC Primo discussions <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> ATTENTION: This email contains links. Please follow best practices before
> clicking on links
>
> Thanks, I saw that. I copied the code twitter supplied for embedding but
> the html code doesn’t include iframe, which seems weird. I’m going to mess
> with it, but I figured if Dan had it available that would save me the
> frustration.
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Guidry, Wade
> *Sent:* Wednesday, June 26, 2019 3:20 PM
> *To:* WACTCLC Primo discussions <wactclc-primo at lists.ctc.edu>
> *Subject:* Re: [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> I think Dan is on quarter break this week.
>
>
>
> But check out this link:
>
>
>
> https://help.twitter.com/en/using-twitter/embed-twitter-feed
>
>
>
> You may just need to change the Twitter HTML code in use on your
> homepage_en.html page.
>
>
>
>
>
>
>
>
>
> Wade Guidry
>
> Library Consortium Services Manager, WACTCLC
>
> wadeg at bigbend.edu
>
> (509) 760-4474
>
> http://www.wactclc.org
>
>
>
>
>
> *From:* Wactclc-primo <wactclc-primo-bounces at lists.ctc.edu> *On Behalf Of
> *Hirning, Maryanne
> *Sent:* Wednesday, June 26, 2019 1:43 PM
> *To:* 'wactclc-primo at lists.ctc.edu' <wactclc-primo at lists.ctc.edu>
> *Subject:* [Wactclc-primo] Embedding Twitter Feed, not just a link
>
>
>
> ATTENTION: This email contains links. Please follow best practices before
> clicking on links
>
> So in yesterday’s conference call there is a link to Edmond’s fancy new
> Primo home page with an embedded Twitter feed:
> https://sbctc-edcc.primo.exlibrisgroup.com/discovery/search?vid=01STATEWA_EDCC:EDMONDS&sortby=rank
>
>
>
> I followed the directions on the Primo VE Customization:
>
>
> https://knowledge.exlibrisgroup.com/Primo/Product_Documentation/020Primo_VE/008Primo_VE_User_Interface/010Primo_VE_Customization_-_Best_Practices
>
>
>
> and was able to add a box with a link to Twitter, but not an embedded
> timeline. Where am I going wrong?
>
>
>
> Thanks in advance!
>
>
>
> Maryanne E. Hirning
>
> Library Circulation Services Manager
>
> Lower Columbia College
>
> 1600 Maple Street
>
> Longview, WA 98632
>
> 360-442-2668
>
>
>
--
Regards,
Dan Moore
Systems and Collections Librarian
Edmonds Community College Library
dan.moore at edcc.edu / daniel.moore at email.edcc.edu
(425) 640-1526
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.ctc.edu/pipermail/wactclc-primo_lists.ctc.edu/attachments/20190701/2642b715/attachment-0002.html>
More information about the Wactclc-primo
mailing list