Changeset 1366481

Timestamp:

03/08/2016 08:04:53 AM (10 years ago)

Author:

jamesmarsland

Message:

Version 1.1.0

Location:

pootle-button/trunk

Files:

• README.txt (modified) (5 diffs)
• assets/dashicons-select.js (modified) (1 diff)
• assets/dialog.php (modified) (9 diffs)
• pootle-button.php (modified) (1 diff)

pootle-button/trunk/README.txt

@@ -1 +1 @@
 === pootle button ===
 
-Contributors: pootlepress
+Contributors: pootlepress, shramee
 Plugin Name: pootle button
 Plugin URI: http://www.pootlepress.com/pootle-button
@@ -10 +10 @@
 Requires at least: 4.1.0
 Tested up to: 4.4.2
-Stable tag: 1.0.0
+Stable tag: 1.1.0
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
@@ -36 +36 @@
 Pootle button makes managing buttons, the most important part of a website's User Interface, incredibly easy
 
- * Feels as much like WordPress
- * Integrated well into wordpress editor
+ * Feels very much like WordPress.
+ * Integrated well into WordPress editor.
 
 = Can I see pootle button in action? =
@@ -46 +46 @@
 == Usage ==
 
-Install and activate the plugin. In your WordPress dashboard simply add a new page to start using pootle button.
+Install and activate the plugin. In your WordPress dashboard simply add a new page to start using pootle button!
 
 == Installation ==
@@ -81 +81 @@
 == Upgrade Notice ==
 
+= 1.1.0 =
+* 2016-03-08
+* Enhancement - Numeric size scal besides size slider
+* Fixed - Vertical alignment for large buttons with icon
+* Fixed - Button always opening url in new tab
+* Fixed - Editing button with no alignment gets aligned to center
+
 = 1.0.0 =
 * 2016-03-03

pootle-button/trunk/assets/dashicons-select.js

@@ -18 +18 @@
             var ico = 'dashicons dashicons-' + icon;
             $i = $( '<i/>' ).addClass( ico ).css( {
-                verticalAlign : "middle",
-                fontSize: '1.2em',
+                fontSize: '1em',
                 width: '1em',
                 height: '1em'

pootle-button/trunk/assets/dialog.php

@@ -27 +27 @@
         }
         .field {
-            margin: 1em;
+            margin: 1em 0;
         }
 
@@ -39 +39 @@
         }
 
-        .field > input, .field select {
-            width: 160px;
+        .field > .input-wrap, .field > input, .field select {
+            width: 178px;
+        }
+
+        .field > .input-wrap {
+            display: inline-block;
+            position: relative;
+            font-size: 0;
+        }
+
+        .field > .input-wrap * {
+            font-size: 16px;
+        }
+
+        .field input[type="range"] {
+            width: 133px;
+        }
+
+        .field #font-size-helper {
+            width: 40px;
+            margin-left: 5px;
         }
 
@@ -188 +207 @@
         <div class="field">
             <label>Size</label>
-            <input class="input-style" name="font-size" min="5" max="70" step="2" type="range" value="25">
+            <span class="input-wrap">
+                <input class="input-style" name="font-size" min="8" max="70" step="2" type="range" value="25" onchange='jQuery("#font-size-helper").val(this.value)'>
+                <input id="font-size-helper" readonly="readonly">
+            </span>
         </div>
         <div class="field">
             <label>Align</label>
             <select class="input-style align" name="float">
-                <option selected="selected">None</option>
+                <option value="" selected="selected">None</option>
                 <option value="left">Left</option>
                 <option value="none">Center</option>
@@ -249 +271 @@
                 $prevu = $( '#preview' ),
                 $text = $( '.button-text' ),
+                $align = $( '.input-style.align' ),
                 $style_inputs = $( '.input-style' ),
                 $attr_inputs = $( '.input-attr' ),
@@ -261 +284 @@
                         name = $t.attr( 'name' ),
                         val = params.button.css( name );
-                    console.log( name + ' : ' + val );
                     if ( val ) {
                         if ( 'number' == $t.attr( 'type' ) || 'range' == $t.attr( 'type' ) ) { val = val.replace( 'px', '' ); }
@@ -279 +301 @@
                     }
                 } );
+
+                if ( 'center' != params.button.closest( 'p.pbtn' ).css( 'text-align' ) ) {
+                    if ( 'none' == $align.val() ) {
+                        $align.val( '' );
+                    }
+                }
                 <?php
             }
@@ -300 +328 @@
                 $attr_inputs.each( function () {
                     var $t = $( this );
-                    return_text += $t.attr( 'name' ) + '="' + $t.val() + '" ';
+                    if ( $t.attr( 'type' ) != 'checkbox' || $t.prop( 'checked' ) ) {
+                        if ( $t.val() ) {
+                            return_text += $t.attr( 'name' ) + '="' + $t.val() + '" ';
+                        }
+                    }
                 } );
 
@@ -353 +385 @@
                 return_text += get_input_attr() + '">' + $icon.val() + ' ' + $text.val() + "</a>&nbsp;\n";
 
-                console.log( return_text );
                 if ( params.editing ) {
                     ed.dom.setStyle( params.button.closest( 'p.pbtn' )[0], 'text-align', '' );
-                    if ( 'none' == $('.input-style.align' ).val() ) {
+                    if ( 'none' == $align.val() ) {
                         ed.dom.setStyle( params.button.closest( 'p.pbtn' )[0], 'text-align', 'center' );
                     }
-                } else if ( 'none' == $('.input-style.align' ).val() ) {
+                } else if ( 'none' == $align.val() ) {
                     return_text = '<p class="pbtn" style="clear:both;text-align:center">' + return_text + '</p>';
                 } else {
                     return_text = '<p class="pbtn" style="clear:both;">' + return_text + '</p>';
                 }
-
                 ed.execCommand( 'mceInsertContent', 0, return_text );
                 ed.windowManager.close();
@@ -371 +401 @@
             $style_inputs.change( preview );
             $( '.button-text, .button-icon' ).change( preview );
-            $style_inputs.last().change();
+            $style_inputs.filter('[name="font-size"]').change();
             $prevu.hover(
                 function() {

pootle-button/trunk/pootle-button.php

@@ -4 +4 @@
  * Plugin URI: http://pootlepress.com/
  * Description: A cool plugin to add delicious buttons in WordPress editor
- * Version: 1.0.0
+ * Version: 1.1.0
  * Author: pootlepress
  * Author URI: http://pootlepress.com/