diff --git a/client/galaxy/scripts/mvc/tool/tool-webhooks.js b/client/galaxy/scripts/mvc/tool/tool-webhooks.js
new file mode 100644
index 00000000000..c6cf2b538ea
--- /dev/null
+++ b/client/galaxy/scripts/mvc/tool/tool-webhooks.js
@@ -0,0 +1,40 @@
+/**
+ Webhooks
+**/
+define([], function() {
+ var galaxyRoot = typeof Galaxy != 'undefined' ? Galaxy.root : '/';
+
+ var WebhookModel = Backbone.Model.extend({
+ urlRoot: galaxyRoot + 'api/webhooks/toolview',
+ defaults: {
+ name: '',
+ path: ''
+ }
+ });
+
+ var WebhookView = Backbone.View.extend({
+ el: '#webhook-toolview',
+ webhookTemplate: _.template('
name: <%= name %>
path: <%= path %>
'),
+
+ initialize: function() {
+ var me = this;
+ this.model = new WebhookModel;
+ this.model.fetch({
+ success: function() {
+ me.render();
+ }
+ });
+ },
+
+ render: function() {
+ var webhookContent = this.model.toJSON();
+ if (webhookContent.css_styles) $('').text(webhookContent.css_styles).appendTo('head');
+ this.$el.html(this.webhookTemplate(webhookContent));
+ return this;
+ }
+ });
+
+ return {
+ WebhookView: WebhookView
+ };
+});
diff --git a/config/plugins/webhooks/plugin2/config/plugin2.yml b/config/plugins/webhooks/plugin2/config/plugin2.yml
index 744c63d1da8..17b8e6a4350 100644
--- a/config/plugins/webhooks/plugin2/config/plugin2.yml
+++ b/config/plugins/webhooks/plugin2/config/plugin2.yml
@@ -1,2 +1,2 @@
name: Plugin 2
-type: mainview
+type: toolview
diff --git a/config/plugins/webhooks/plugin2/static/style.css b/config/plugins/webhooks/plugin2/static/style.css
new file mode 100644
index 00000000000..cca4d2bde7f
--- /dev/null
+++ b/config/plugins/webhooks/plugin2/static/style.css
@@ -0,0 +1,2 @@
+#webhook-toolview {border:1px solid #ccc;border-radius:3px;padding:10px;}
+#webhook-toolview p {margin-bottom:0;}