glowingbear-mainbox/js/plugin-directive.js

87 lines
2.9 KiB
JavaScript
Raw Normal View History

(function() {
'use strict';
2014-08-28 18:25:40 +02:00
var weechat = angular.module('weechat');
2014-12-22 22:17:01 +01:00
weechat.directive('plugin', ['$rootScope', 'settings', function($rootScope, settings) {
2014-08-28 18:25:40 +02:00
/*
* Plugin directive
* Shows additional plugin content
*/
return {
templateUrl: 'directives/plugin.html',
scope: {
plugin: '=data'
},
controller: ['$scope', function($scope) {
$scope.displayedContent = "";
// Auto-display embedded content only if it isn't NSFW
2014-12-22 22:17:01 +01:00
$scope.plugin.visible = !settings.noembed && !$scope.plugin.nsfw;
2014-08-28 18:25:40 +02:00
// user-accessible hash key that is a valid CSS class name
$scope.plugin.className = "embed_" + $scope.plugin.$$hashKey.replace(':','_');
$scope.plugin.getElement = function() {
return document.querySelector("." + $scope.plugin.className);
};
2014-08-28 18:25:40 +02:00
$scope.hideContent = function() {
$scope.plugin.visible = false;
};
2014-09-23 02:08:27 +02:00
$scope.showContent = function(automated) {
2014-08-28 18:25:40 +02:00
/*
* Shows the plugin content.
* displayedContent is bound to the DOM.
* Actual plugin content is only fetched when
* content is shown.
*/
var embed = $scope.plugin.getElement();
// If the plugin is asynchronous / lazy, execute it now and let it insert itself
// TODO store the result between channel switches
if ($scope.plugin.content instanceof Function){
// Don't rerun if the result is already there
if (!embed || embed.innerHTML === "") {
// if we're autoshowing, the element doesn't exist yet, and we need
// to do this async (wrapped in a setTimeout)
setTimeout(function() {
$scope.plugin.content();
});
}
} else {
$scope.displayedContent = $scope.plugin.content;
2014-08-28 18:25:40 +02:00
}
$scope.plugin.visible = true;
// Scroll embed content into view
2014-09-23 02:08:27 +02:00
var scroll;
if (automated) {
var wasBottom = $rootScope.bufferBottom;
scroll = function() {
$rootScope.updateBufferBottom(wasBottom);
};
} else {
scroll = function() {
if (embed && embed.scrollIntoViewIfNeeded !== undefined) {
embed.scrollIntoViewIfNeeded();
$rootScope.updateBufferBottom();
}
};
}
setTimeout(scroll, 500);
2014-08-28 18:25:40 +02:00
};
if ($scope.plugin.visible) {
2014-09-23 02:08:27 +02:00
$scope.showContent(true);
2014-08-28 18:25:40 +02:00
}
}]
};
}]);
})();