diff options
| author | Neylor Ohmaly | 2014-02-04 21:13:29 -0200 |
|---|---|---|
| committer | Neylor Ohmaly | 2014-02-04 21:13:29 -0200 |
| commit | 68f2f1f0119e63890871bce7819e182152566160 (patch) | |
| tree | b33fba37dce537362ed3950751ef046e7422c282 /src | |
| parent | 51f30447ed5269da0d0ebc2679984908ff899e3a (diff) | |
| download | nsPopover-68f2f1f0119e63890871bce7819e182152566160.tar.bz2 | |
Created the basic popover.0.0.1
Diffstat (limited to 'src')
| -rw-r--r-- | src/nsPopover.js | 196 |
1 files changed, 196 insertions, 0 deletions
diff --git a/src/nsPopover.js b/src/nsPopover.js new file mode 100644 index 0000000..d9f72b3 --- /dev/null +++ b/src/nsPopover.js @@ -0,0 +1,196 @@ +(function(window, angular, undefined){
+ 'use strict';
+
+ var module = angular.module('nsPopover', []);
+ var $el = angular.element;
+ var isDef = angular.isDefined;
+ var forEach = angular.forEach;
+
+ /**
+ * Extends the destination objec 'dst' by copying all of the properties from the 'src' object(s)
+ * to 'dst'. Multiple src objects could be specified. 'undefined' values are not copied.
+ *
+ * @param {Object} dst The destination object.
+ * @param {Object} src The spurce object.
+ * @returns {Object} Reference to 'dst'.
+ */
+ var extend_ = function extend(dst, src) {
+ forEach(arguments, function(obj) {
+ if (obj !== src) {
+ forEach(obj, function(value, key) {
+ if (isDef(value)) {
+ dst[key] = value;
+ }
+ });
+ }
+ });
+ };
+
+ /*module.provider('nsPopover', function() {
+ var defaults_ = this.default_ = {
+ placement: 'right',
+ plain: false
+ };
+
+ var globalId_ = 0;
+
+ this.$get('$document','$templateCache', '$compile', '$q', '$http', '$rootScope', '$timeout',
+ function ($document, $templateCache, $compile, $q, $http, $rootScope, $timeout) {
+ var $body = $document.find('body');
+
+ var methods_ = {
+ show: function(opts) {
+ var options = angular.copy(defaults_);
+
+ opts = opts || {};
+ extend_(options, opts);
+
+ globalId_ += 1;
+
+ var scope = angular.isObject(options.scope) ? options.scope : $rootScope.$new();
+ var $popover;
+
+ $q.when(loadTemplate(options.template)).then(function(template) {
+ template = angular.isString(template) ?
+ template :
+ template.data && angular.isString(template.data) ?
+ template.data :
+ '';
+
+ $popover = $el('<div> class="ns-popover" id="ns-popover' + globalId_ + '"></div>');
+ $popover.html(template);
+
+ if (options.theme) {
+ $popover.addClass(options.theme);
+ }
+
+ $timeout(function() {
+ $compile($popover)(scope);
+ });
+
+ scope.$on('$destroy', function() {
+ $popover.remove();
+ });
+
+ $body.append($popover);
+
+ return methods_;
+ });
+
+ function loadTemplate(template) {
+ if (!template) {
+ return 'Empty template';
+ }
+
+ if (angular.isString(template) && options.plain) {
+ return template;
+ }
+
+ return $templateCache.get(template) || $http.get(template, { cache : true });
+ }
+ }
+ }
+ });
+ });*/
+
+ module.directive('nsPopover', function($timeout, $templateCache, $q, $http, $compile, $document) {
+ return {
+ restrict: 'A',
+ link: function(scope, elm, attrs) {
+ var options = {
+ template: attrs.nsPopoverTemplate,
+ theme: attrs.nsPopoverTheme || 'ns-popover-default-theme',
+ plain: attrs.nsPopoverPlain,
+ trigger: attrs.nsPopoverTrigger || 'click',
+ container: attrs.nsPopoverContainer
+ };
+
+ var timeoutId_ = {};
+
+ var $container = $el(options.container);
+ if (!$container.length) {
+ $container = $document.find('body');
+ }
+
+ var $popover = $el('<div></div>');
+
+ $q.when(loadTemplate(options.template)).then(function(template) {
+ template = angular.isString(template) ?
+ template :
+ template.data && angular.isString(template.data) ?
+ template.data :
+ '';
+
+ $popover.html(template);
+
+ if (options.theme) {
+ $popover.addClass(options.theme);
+ }
+
+ $timeout(function() {
+ $compile($popover)(scope);
+ });
+
+ scope.$on('$destroy', function() {
+ $popover.remove();
+ });
+
+ $popover
+ .css('position', 'absolute')
+ .css('display', 'none');
+
+ $container.append($popover);
+ });
+
+ elm.on(options.trigger, function(e) {
+ e.preventDefault();
+
+ $timeout.cancel(timeoutId_);
+
+ var rect = elm[0].getBoundingClientRect();
+ $popover
+ .css('display', 'block')
+ .css('top', rect.bottom + 1 + 'px')
+ .css('left', rect.left + 'px');
+
+ $popover.on('click', function() {
+ timeoutId_ = hide(0);
+ });
+ });
+
+ $popover
+ .on('mouseout', function(e) {
+ timeoutId_ = hide();
+ })
+ .on('mouseover', function() {
+ $timeout.cancel(timeoutId_);
+ });
+
+ function hide(delay) {
+ $timeout.cancel(timeoutId_);
+
+ // delay the hide to 1.5s by default.
+ if (!isDef(delay)) {
+ delay = 1500;
+ }
+
+ return $timeout(function() {
+ $popover.css('display', 'none');
+ }, delay);
+ }
+
+ function loadTemplate(template) {
+ if (!template) {
+ return '';
+ }
+
+ if (angular.isString(template) && options.plain) {
+ return template;
+ }
+
+ return $templateCache.get(template) || $http.get(template, { cache : true });
+ }
+ }
+ };
+ });
+})(window, window.angular);
\ No newline at end of file |