Button update dialog and readme.txt

pootlepress · Mar 3, 2016 · a003558 · a003558
1 parent cb1568a
commit a003558
Show file tree

Hide file tree

Showing 4 changed files with 105 additions and 17 deletions.
diff --git a/README.txt b/README.txt
@@ -0,0 +1,85 @@
+=== pootle button ===
+
+Contributors: pootlepress
+Plugin Name: pootle button
+Plugin URI: http://www.pootlepress.com/pootle-button
+Tags: button, buttons, button builder, buttons builder, make button, add button, insert button, create button, button in editor, pootle button, pootle, cool button
+Author URI: http://www.pootlepress.com
+Author: PootlePress
+Donate link:
+Requires at least: 4.1.0
+Tested up to: 4.4.2
+Stable tag: 1.0.0
+License: GPLv2 or later
+License URI: http://www.gnu.org/licenses/gpl-3.0.html
+
+== Description ==
+
+= What is pootle button? =
+
+pootle button is a wordpress plugin that helps in building awesome buttons.
+
+= What can I do with pootle button? =
+
+With pootle buttons you can:
+
+ * Add buttons easily in wordpress editor
+ * Have cool buttons with gradient background by choosing second background color
+ * Set custom hover color for button
+ * Have border with desired border thickness and color
+ * Have buttons with rounded corners
+ * Choose any size for your button
+ * Align your button left, center or right
+
+= What makes pootle button so cool? =
+
+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
+
+= Can I see pootle button in action? =
+
+ Yes! Watch this video.
+[vimeo https://vimeo.com/157408478]
+
+== Usage ==
+
+Install and activate the plugin. In your WordPress dashboard simply add a new page to start using pootle button!
+
+== Installation ==
+
+Installing "pootle button" can be done either by searching for "pootle button" via the "Plugins > Add New" screen in your WordPress dashboard, or by using the following steps:
+
+1. Download the plugin via WordPress.org.
+2. Upload the ZIP file through the "Plugins > Add New > Upload" screen in your WordPress dashboard.
+3. Activate the plugin through the 'Plugins' menu in WordPress
+4. Visit the settings screen and configure, as desired.
+
+== Frequently Asked Questions ==
+
+= Where can I get help & support =
+
+For help & support please head over to http://docs.pootlepress.com where there are loads of helpful articles and you can submit a support ticket.
+
+= How do I contribute? =
+
+We encourage everyone to contribute their ideas, thoughts and code snippets. This can be done by forking the [repository over at GitHub](https://github.com/pootlepress/pootle-page-builder/).
+
+== Screenshots ==
+
+1. Insert button button in WordPress editor
+
+2. Button General Settings
+
+3. Button Colors Settings
+
+4. Button Border Settings
+
+5. Editing existing buttons
+
+== Upgrade Notice ==
+
+= 1.0.0 =
+* 2016-03-03
+* Initial release. It's alive!
diff --git a/assets/dialog.php b/assets/dialog.php
@@ -1,3 +1,6 @@
+<?php
+$editing = ! empty( $_GET['edit_button'] );
+?>
 <!DOCTYPE html>
 <html>
 <head>
@@ -182,6 +185,19 @@
 			<label>Icon</label>
 			<input type="hidden" class="button-icon" name="dashicon"  value="<?php echo htmlspecialchars( filter_input( INPUT_GET, 'icon' ) ) ?>">
 		</div>
+		<div class="field">
+			<label>Size</label>
+			<input class="input-style" name="font-size" min="5" max="70" step="2" type="range" value="25">
+		</div>
+		<div class="field">
+			<label>Align</label>
+			<select class="input-style align" name="float">
+				<option selected="selected">None</option>
+				<option value="left">Left</option>
+				<option value="none">Center</option>
+				<option value="right">Right</option>
+			</select>
+		</div>
 		<h3>Colors</h3>
 		<div class="field">
 			<label>Background color</label>
@@ -214,23 +230,10 @@
 			<label>Border Radius ( pixels )</label>
 			<input class="input-style" name="border-radius" type="number" min="0" value="0" max="99">
 		</div>
-		<div class="field">
-			<label>Size</label>
-			<input class="input-style" name="font-size" min="5" max="70" step="2" type="range" value="25">
-		</div>
-		<div class="field">
-			<label>Align</label>
-			<select class="input-style align" name="float">
-				<option selected="selected">None</option>
-				<option value="left">Left</option>
-				<option value="none">Center</option>
-				<option value="right">Right</option>
-			</select>
-		</div>
 		<input type="hidden" class="input-attr" name="class" value="pbtn">
 	</section>
 	<footer>
-		<input type="button" class="button-primary" id="submit" value="Insert Button">
+		<input type="button" class="button-primary" id="submit" value="<?php echo $editing ? 'Update Button' : 'Insert Button'; ?>">
 	</footer>
 
 	<?php wp_print_footer_scripts(); ?>
@@ -250,7 +253,7 @@
 				$submit = $( '#submit' );
 
 			<?php
-			if ( ! empty( $_GET['edit_button'] ) ) {
+			if ( $editing ) {
 				?>
 				params.editing = true;
 				$style_inputs.each( function () {

diff --git a/pootle-buttons.php → pootle-button.php b/pootle-buttons.php → pootle-button.php
@@ -1,6 +1,6 @@
 <?php
 /**
- * Plugin Name: pootle buttons
+ * Plugin Name: pootle button
  * Plugin URI: http://pootlepress.com/
  * Description: A cool plugin to add delicious buttons in WordPress editor
  * Version: 0.7

diff --git a/tmce-plgn.js b/tmce-plgn.js
@@ -34,7 +34,7 @@
 						icon = btn.find('i').length ? encodeURIComponent( btn.find('i').prop( 'outerHTML' ) ) : '';
 					ed.selection.select( btn[0] );
 					ed.windowManager.open( {
-						title: 'Insert Button',
+						title: 'Edit Button',
 						url : pbtn.dialogUrl + '&edit_button=1&assets_url=' + ass_url + '&text=' + btn.text() +
 						      '&icon=' + icon + '&url=' + href,
 						width : 500,