diff --git a/directives/plugin.html b/directives/plugin.html
new file mode 100644
index 0000000..2b6fe6e
--- /dev/null
+++ b/directives/plugin.html
@@ -0,0 +1,17 @@
+<div ng-show="data.visible">
+  <button class="btn btn-primary btn-sm pull-right"
+          ng-click="data.visible = false">
+    Hide {{ data.name }}
+  </button>
+  <div ng-bind-html="data.content"></div>
+</div>
+
+<div ng-hide="data.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 }}
+  </button>
+</div>
diff --git a/index.html b/index.html
index 1ef0a09..2006230 100644
--- a/index.html
+++ b/index.html
@@ -291,14 +291,7 @@ $ openssl req -nodes -newkey rsa:2048 -keyout relay.pem -x509 -days 365 -out rel
               <td class="prefix"><span ng-repeat="part in bufferline.prefix" bo-class="part.classes" bo-html="part.text"></span></td>
               <td class="message">
                 <div ng-repeat="metadata in bufferline.metadata">
-                  <div ng-show="metadata.visible">
-                    <button class="btn btn-primary btn-sm pull-right" ng-click="metadata.visible = false">Hide {{ metadata.name }}</button>
-                    <div ng-bind-html="metadata.content"></div>
-
-                  </div>
-                  <div ng-hide="metadata.visible">
-                    <button class="btn btn-sm pull-right" bo-class="{'btn-warning': metadata.nsfw, 'btn-primary': !metadata.nsfw}" ng-click="metadata.visible = true">Show {{ metadata.name }}</button>
-                  </div>
+                  <div plugin data="metadata">allo</div>
                 </div>
                 <span ng-repeat="part in bufferline.content" class="text" bo-class="part.classes" bo-html="part.text|linky:'_blank'"></span>
 
diff --git a/js/glowingbear.js b/js/glowingbear.js
index 20ac168..8ad8845 100644
--- a/js/glowingbear.js
+++ b/js/glowingbear.js
@@ -762,6 +762,20 @@ weechat.config(['$routeProvider',
     }
 ]);
 
+
+weechat.directive('plugin', function() {
+    
+    return {
+        templateUrl: 'directives/plugin.html',
+
+        scope: {
+            data: '=data',
+        },
+    }
+
+});
+
+
 weechat.directive('inputBar', function() {
 
     return {