From f4ee683100901bdc6f4432a8306ca9a26d3226da Mon Sep 17 00:00:00 2001
From: David Cormier <david.cormier@savoirfairelinux.com>
Date: Thu, 6 Feb 2014 21:21:49 -0500
Subject: [PATCH] Only retrieve plugin content when 'Show Content' is pressed

---
 directives/plugin.html | 19 ++++++++++---------
 js/glowingbear.js      | 29 +++++++++++++++++++++++++++--
 2 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/directives/plugin.html b/directives/plugin.html
index 2b6fe6e..2bca14d 100644
--- a/directives/plugin.html
+++ b/directives/plugin.html
@@ -1,17 +1,18 @@
-<div ng-show="data.visible">
+<div ng-show="plugin.visible">
   <button class="btn btn-primary btn-sm pull-right"
-          ng-click="data.visible = false">
-    Hide {{ data.name }}
+          ng-click="hideContent()">
+    Hide {{ plugin.name }}
   </button>
-  <div ng-bind-html="data.content"></div>
+
+  <div ng-bind-html="displayedContent"></div>
 </div>
 
-<div ng-hide="data.visible">
+<div ng-hide="plugin.visible">
   <button class="btn btn-sm pull-right"
           bo-class="{
-                    'btn-warning': data.nsfw,
-                    'btn-primary': !data.nsfw}"
-          ng-click="data.visible = true">
-          Show {{ data.name }}
+                    'btn-warning': plugin.nsfw,
+                    'btn-primary': !plugin.nsfw}"
+          ng-click="showContent()">
+          Show {{ plugin.name }}
   </button>
 </div>
diff --git a/js/glowingbear.js b/js/glowingbear.js
index 8ad8845..7899a08 100644
--- a/js/glowingbear.js
+++ b/js/glowingbear.js
@@ -764,13 +764,38 @@ weechat.config(['$routeProvider',
 
 
 weechat.directive('plugin', function() {
-    
+    /*
+     * Plugin directive
+     * Shows additional plugin content
+     */
     return {
         templateUrl: 'directives/plugin.html',
 
         scope: {
-            data: '=data',
+            plugin: '=data',
         },
+
+        controller: function($scope) {
+
+            $scope.displayedContent = "";
+
+            $scope.hideContent = function() {
+                $scope.plugin.visible = false;
+            }
+
+            $scope.showContent = function() {
+                /*
+                 * Shows the plugin content.
+                 * displayedContent is bound to the DOM.
+                 * Actual plugin content is only fetched when
+                 * content is shown.
+                 */
+                $scope.displayedContent = $scope.plugin.content;
+                $scope.plugin.visible = true;
+            }
+
+        }
+
     }
 
 });