radiant-filter_toolbars-extension 0.6.0 → 1.0.0

data/README.md

@@ -1,4 +1,4 @@
-#Filter Toolbars
+# Filter Toolbars
 
 Adds a textile or markdown WYSIWYG filter to the admin textareas using Control.TextArea [http://livepipe.net/control/textarea]
 
@@ -7,7 +7,6 @@ If the Clipped asset manager extension is installed then the image button will l
 
 ## TODO
 
-- Disable toolbar when selecting <none>
 - Refactor duplicated filter funtions
 - Implement SmartyPants
 

data/lib/radiant-filter_toolbars-extension.rb

@@ -1,5 +1,5 @@
 module RadiantFilterToolbarsExtension
-  VERSION     = '0.6.0'
+  VERSION     = '1.0.0'
   SUMMARY     = 'WYSIWYG Toolbar for Radiant CMS'
   DESCRIPTION = 'Adds a WYSIWYG toolbar for the textile and markdown filters.'
   HOMEPAGE    = 'https://github.com/jsntv200/radiant-filter_toolbars-extension'

data/public/javascripts/admin/filter_toolbars/filter_toolbars.js

@@ -1,6 +1,8 @@
 var FilterToolBars = {
+  filter: null,
+  toolbar: null,
+  textarea: null,
   className: 'filter_toolbar',
-  textarea:  null,
   buttons: [
     { title: 'Bold', slug: 'bold' },
     { title: 'Italics', slug: 'italics' },
@@ -14,9 +16,27 @@ var FilterToolBars = {
     { title: 'Image', slug: 'image', attrs: {href:'#attach_asset'}},
     { title: 'Block Quote', slug: 'quote' },
     { title: 'Help', slug: 'help' }
-  ]
+  ],
+
+  update_filter: function(filter) {
+    this.filter = filter || null;
+    this.filter == null ? this.hide() : this.show();
+  },
+
+  click: function(tag) {
+    this[this.filter][tag]();
+  },
+
+  show: function() {
+    this.toolbar.show();
+  },
+
+  hide: function() {
+    this.toolbar.hide();
+  }
 }
 
+
 FilterToolBars.Filters = {
   image: function() {
     return false;
@@ -28,6 +48,7 @@ FilterToolBars.Filters = {
   }
 }
 
+
 FilterToolBars.AttachBehavior = Behavior.create({
   initialize: function(options) {
     this.textarea = new Control.TextArea(this.element);
@@ -42,40 +63,64 @@ FilterToolBars.AttachBehavior = Behavior.create({
       var attributes = Object.extend({ className: 'button_' + button.slug, title: button.title }, button.attrs || {})
       this.toolbar.addButton(button.title, function() { this.click(button.slug) }.bind(this), attributes);
     }.bind(this));
+
+    if (this.element.up('.page').visible()) {
+      FilterToolBars.textarea = this.textarea;
+    }
   },
 
   click: function(tag) {
     FilterToolBars.textarea = this.textarea;
-    FilterToolBars[this.filter()][tag]();
-  },
+    FilterToolBars.click(tag);
+  }
+});
 
-  filter: function() {
-    return this.element.up('.part').down('select').getValue();
-  },
 
-  show: function() {
-    this.toolbar.show();
+FilterToolBars.TabBehavior = Behavior.create({
+  initialize: function(options) {
+    this.element.observe('click', this.change.bind(this));
+    this.element.observe('init:click', this.change.bind(this));
+
+
+    if (this.element.hasClassName('here')) {
+      this.element.fire('init:click');
+      this.element.stopObserving('init:click');
+    }
   },
 
-  hide: function() {
-    this.toolbar.hide();
+  change: function(event) {
+    var e = event.findElement('.tab');
+
+    if (e) {
+      var page   = TabControls.tab_control.findTabByElement(e).page;
+      var filter = page.down('select').getValue();
+
+      FilterToolBars.toolbar = page.down('.filter_toolbar');
+      FilterToolBars.update_filter(filter);
+    }
   }
 });
 
-FilterToolBars.ChangeBehavior = Behavior.create({
+
+FilterToolBars.SelectBehavior = Behavior.create({
   initialize: function(options) {
-    this.change();
     this.element.observe('change', this.change.bind(this));
+
+    if (this.element.up('.page').visible()) {
+      this.change();
+    }
   },
 
-  change: function() {
-    FilterToolBars.filter = this.element.getValue()
+  change: function(event) {
+    var filter = this.element.getValue();
+    FilterToolBars.update_filter(filter);
   }
 });
 
+
 Event.addBehavior({
-  '.part select'    : FilterToolBars.ChangeBehavior(),
-  '.part .textarea' : FilterToolBars.AttachBehavior(),
-  'a.button_image'  : Popup.TriggerBehavior()
+  '.part textarea' : FilterToolBars.AttachBehavior(),
+  '.tabs .tab'     : FilterToolBars.TabBehavior(),
+  '.part select'   : FilterToolBars.SelectBehavior()
 });
 

data/public/stylesheets/sass/admin/filter_toolbars.scss

@@ -10,7 +10,7 @@
 	background-color:#F6F6F6;
 	width:100%;
 	height:26px;
-	border-bottom: 0;
+	border-bottom:0;
 
   li {
   	list-style:none;
@@ -21,7 +21,7 @@
     }
 
     a {
-    	margin: 2px;
+    	margin:2px;
     	width:20px;
     	height:20px;
     	float:left;
@@ -31,7 +31,7 @@
 
       &:hover {
        	border-color:#0A246A;
-      	background-color: #B2BBD0;
+      	background-color:#B2BBD0;
       }
     }
 
@@ -48,10 +48,10 @@
 
     .button_bold      { background-position:0 0 }
     .button_italics   { background-position:-60px 0 }
-    .button_h1        { background-position: -660px 0 }
-    .button_h2        { background-position: -680px 0 }
-    .button_h3        { background-position: -700px 0 }
-    .button_h4        { background-position: -720px 0 }
+    .button_h1        { background-position:-660px 0 }
+    .button_h2        { background-position:-680px 0 }
+    .button_h3        { background-position:-700px 0 }
+    .button_h4        { background-position:-720px 0 }
     .button_ordered   { background-position:-80px 0 }
     .button_unordered { background-position:-20px 0 }
     .button_link      { background-position:-500px 0 }

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: radiant-filter_toolbars-extension
 version: !ruby/object:Gem::Version 
-  hash: 7
+  hash: 23
   prerelease: 
   segments: 
+  - 1
   - 0
-  - 6
   - 0
-  version: 0.6.0
+  version: 1.0.0
 platform: ruby
 authors: 
 - Jason Taylor
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2011-06-11 00:00:00 +10:00
+date: 2011-07-19 00:00:00 +10:00
 default_executable: 
 dependencies: []
 
@@ -52,7 +52,7 @@ has_rdoc: true
 homepage: https://github.com/jsntv200/radiant-filter_toolbars-extension
 licenses: []
 
-post_install_message: "\n  Add this to your radiant project with:\n    config.gem 'radiant-filter_toolbars-extension', :version => '~>0.6.0'\n  "
+post_install_message: "\n  Add this to your radiant project with:\n    config.gem 'radiant-filter_toolbars-extension', :version => '~>1.0.0'\n  "
 rdoc_options: []
 
 require_paths: 
@@ -78,7 +78,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.6.2
+rubygems_version: 1.5.0
 signing_key: 
 specification_version: 3
 summary: WYSIWYG Toolbar for Radiant CMS