Plugin updated to version 4.16

ArthurGareginyan · Aug 10, 2017 · e705d68 · e705d68
1 parent 9a8e2a3
commit e705d68
Show file tree

Hide file tree

Showing 17 changed files with 841 additions and 616 deletions.
diff --git a/inc/css/admin.css b/inc/css/admin.css
@@ -5,7 +5,7 @@
  * @uthor       Arthur Gareginyan
  * @link        https://www.arthurgareginyan.com
  * @copyright   Copyright (c) 2016-2017 Arthur Gareginyan. All Rights Reserved.
- * @since       4.15
+ * @since       4.16
  */
 
 
@@ -128,45 +128,45 @@ h2 .version {
 
 /* Sidebar
  -------------------------------------------------------------- */
- #side-sortables {
-     position: relative;
- }
- #side-sortables .postbox {
-     text-align: center;
- }
- #side-sortables .paypal {
-     max-width: 100%;
-     font-size: 18px;
-     overflow: hidden;
- }
- #side-sortables .banner .inside {
-     margin: 0;
-     padding: 5px 0;
- }
- #side-sortables .banner img {
-     width: 265px;
- }
+#side-sortables {
+    position: relative;
+}
+#side-sortables .postbox {
+    text-align: center;
+}
+#side-sortables .banner .inside {
+    margin: 0;
+    padding: 5px 0;
+}
+#side-sortables .banner img {
+    width: 265px;
+}
+
+/* PayPal button
+ -------------------------------------------------------------- */
+.paypal {
+    max-width: 100%;
+    font-size: 18px;
+    overflow: hidden;
+}
 
 /* Support - addition section
  -------------------------------------------------------------- */
 #support-addition {
     display: none;
 }
-#support-addition .paypal {
-    font-size: 18px;
-}
 
 /* Responsive page
  -------------------------------------------------------------- */
 @media (max-width: 860px) {
     .inner-sidebar {
-        display: none;
+        display: none !important;
     }
     #support-addition {
-        display: block;
+        display: block !important;
     }
     #post-body-content {
-        margin-right: 0;
+        margin-right: 0 !important;
     }
 }
 
@@ -332,6 +332,49 @@ h2 .version {
     display: inline;
 }
 
+/* Buttons with label
+ -------------------------------------------------------------- */
+.btn-labeled {
+    margin: 5px 0 15px 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    max-width: 100%;
+    overflow: hidden;
+    color: #32689a;
+    font-family: "Lucida Grande", Tahoma, sans-serif;
+    font-size: 18px;
+    font-weight: 600;
+    text-shadow: 1px 1px 0 #fff;
+    border-bottom-color: rgba(0, 0, 0, 0.4);
+    border-radius: 3px !important;
+    background-image: -moz-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
+    background-image: -ms-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
+    background-image: -o-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.1)), color-stop(49%, rgba(255,255,255,.05)), color-stop(51%, rgba(0,0,0,.05)), to(rgba(0,0,0,.1)));
+    background-image: -webkit-linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
+    background-image: linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.05) 49%, rgba(0,0,0,.05) 51%, rgba(0,0,0,.1));
+}
+.btn-labeled:hover,
+.btn-labeled:focus {
+    color: #32689a;
+    background-position: 0;
+    background-color: transparent;
+    background-image: -moz-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
+    background-image: -ms-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
+    background-image: -o-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), color-stop(49%, rgba(255,255,255,.15)), color-stop(51%, rgba(0,0,0,.1)), to(rgba(0,0,0,.15)));
+    background-image: -webkit-linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
+    background-image: linear-gradient(rgba(255,255,255,.15) 49%, rgba(0,0,0,.1) 51%, rgba(0,0,0,.15));
+}
+.btn-labeled .btn-label {
+    position: relative;
+    display: inline-block;
+    width: 48px;
+    left: -12px;
+    padding: 6px 12px;
+    border-right: 1px solid #ccc;
+}
+
 /* Custom List Numbers
  -------------------------------------------------------------- */
 .custom-counter {

diff --git a/inc/img/avatar.png b/inc/img/avatar.png
diff --git a/inc/img/banner.png b/inc/img/banner.png
diff --git a/inc/img/paypal.svg b/inc/img/paypal.svg
diff --git a/inc/img/thanks.png b/inc/img/thanks.png
diff --git a/inc/js/admin.js b/inc/js/admin.js
@@ -5,7 +5,7 @@
  * @uthor       Arthur Gareginyan
  * @link        https://www.arthurgareginyan.com
  * @copyright   Copyright (c) 2016-2017 Arthur Gareginyan. All Rights Reserved.
- * @since       4.15
+ * @since       4.16
  */
 
 
@@ -25,9 +25,7 @@ jQuery(document).ready(function($) {
 
     // Add dynamic content to page tabs. Needed for having an up to date content.
     $('.include-tab-author').load('https://www.spacexchimp.com/assets/dynamic-content/plugins.html #include-tab-author');
-    $('.include-tab-support').load('https://www.spacexchimp.com/assets/dynamic-content/plugins.html #include-tab-support');
     $('.include-tab-store').load('https://www.spacexchimp.com/assets/dynamic-content/plugins.html #include-tab-store');
-    $('.include-banner').load('https://www.spacexchimp.com/assets/dynamic-content/plugins.html #include-banner');
 
     // Add questions and answers into spoilers and color them in different colors
     $('.panel-group .panel').each(function(i) {

diff --git a/inc/php/messages.php b/inc/php/messages.php
@@ -10,7 +10,7 @@
 /**
  * Hello message - Bootstrap Modal
  *
- * @since 4.15
+ * @since 4.16
  */
 function smbtoolbar_hello_message() {
 
@@ -25,7 +25,7 @@ function smbtoolbar_hello_message() {
             <div class="modal-dialog">
                 <div class="modal-content">
                     <div class="modal-body">
-                        <img src="https://www.spacexchimp.com/assets/dynamic-content/images/avatar.png">
+                        <img src="<?php echo SMEDIABT_URL . 'inc/img/avatar.png'; ?>">
                         <button type="button" class="close" data-dismiss="modal">&times;</button>
                         <p><?php _e( 'Hello. I\'m Arthur, the author of this plugin.', SMEDIABT_TEXT ); ?></p>
                         <p><?php printf(

diff --git a/inc/php/page.php b/inc/php/page.php
@@ -10,7 +10,7 @@
 /**
  * Render Settings Page
  *
- * @since 4.15
+ * @since 4.16
  */
 function smbtoolbar_render_submenu_page() {
 
@@ -47,17 +47,18 @@ function smbtoolbar_render_submenu_page() {
                 <li class="active"><a href="#tab-core" data-toggle="tab"><?php _e( 'Settings', $text ); ?></a></li>
                 <li><a href="#tab-usage" data-toggle="tab"><?php _e( 'Usage', $text ); ?></a></li>
                 <li><a href="#tab-faq" data-toggle="tab"><?php _e( 'F.A.Q.', $text ); ?></a></li>
-                <li><a href="#tab-author" data-toggle="tab"><?php _e( 'Author', $text ); ?></a></li>
                 <li><a href="#tab-support" data-toggle="tab"><?php _e( 'Support', $text ); ?></a></li>
+                <li><a href="#tab-author" data-toggle="tab"><?php _e( 'Author', $text ); ?></a></li>
                 <li><a href="#tab-store" data-toggle="tab"><?php _e( 'Store', $text ); ?></a></li>
             </ul>
             <!-- END-TABS NAVIGATION MENU -->
 
             <!-- TAB 1 -->
             <div class="tab-page fade active in" id="tab-core">
-
+                <!-- INCLUDE SIDEBAR -->
+                <?php require_once( SMEDIABT_PATH . 'inc/php/sidebar.php' ); ?>
+                <!-- INCLUDE SETTINGS -->
                 <?php require_once( SMEDIABT_PATH . 'inc/php/settings.php' ); ?>
-
             </div>
             <!-- END-TAB 1 -->
 
@@ -187,19 +188,30 @@ function smbtoolbar_render_submenu_page() {
             <!-- END-TAB 3 -->
 
             <!-- TAB 4 -->
-            <div class="tab-page fade" id="tab-author">
+            <div class="tab-page fade" id="tab-support">
                 <div class="postbox">
-                    <h3 class="title"><?php _e( 'Author', $text ); ?></h3>
-                    <div class="inside include-tab-author"></div>
+                    <h3 class="title"><?php _e( 'Support', $text ); ?></h3>
+                    <div class="inside">
+                        <img src="<?php echo SMEDIABT_URL . 'inc/img/thanks.png'; ?>" alt="Thanks!" class="pull-right">
+                            <p><?php _e( 'If you appreciate my work, you can buy me a coffee!', $text ); ?></p>
+                            <p><?php _e( 'I spend a lot of time and effort trying to make sure that the themes, plugins and another things I build are useful, and the ultimate proof of that for me is that you actually want to use them. But, I’m an independent developer, without a regular income, so every little contribution helps cover my costs and lets me spend more time building things for people like you to enjoy.', $text ); ?></p>
+                            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8A88KC7TFF6CS" target="_blank" class="btn btn-default btn-labeled">
+                                    <span class="btn-label">
+                                        <img src="<?php echo SMEDIABT_URL . 'inc/img/paypal.svg'; ?>" alt="PayPal">
+                                    </span>
+                                    <?php _e( 'Donate with PayPal', $text ); ?>
+                            </a>
+                            <p><?php _e( 'Thank you for your support!', $text ); ?></p>
+                    </div>
                 </div>
             </div>
             <!-- END-TAB 4 -->
 
             <!-- TAB 5 -->
-            <div class="tab-page fade" id="tab-support">
+            <div class="tab-page fade" id="tab-author">
                 <div class="postbox">
-                    <h3 class="title"><?php _e( 'Support', $text ); ?></h3>
-                    <div class="inside include-tab-support"></div>
+                    <h3 class="title"><?php _e( 'Author', $text ); ?></h3>
+                    <div class="inside include-tab-author"></div>
                 </div>
             </div>
             <!-- END-TAB 5 -->
@@ -210,8 +222,6 @@ function smbtoolbar_render_submenu_page() {
             </div>
             <!-- END-TAB 6 -->
 
-            <div class="additional-css"></div>
-
         </div>
 
     </div>

diff --git a/inc/php/settings.php b/inc/php/settings.php
@@ -8,45 +8,11 @@
 defined( 'ABSPATH' ) or die( "Restricted access!" );
 
 /**
- * Render Settings Tab
+ * Render Settings Tab Content
  *
- * @since 4.15
+ * @since 4.16
  */
 ?>
-    <!-- SIDEBAR -->
-    <div class="inner-sidebar">
-        <div id="side-sortables" class="meta-box-sortabless ui-sortable">
-
-            <div class="postbox about">
-                <h3 class="title"><?php _e( 'About', $text ); ?></h3>
-                <div class="inside">
-                    <p><?php _e( 'This plugin allows you to easily add the social media follow buttons bar to any place of your website.', $text ); ?></p>
-                </div>
-            </div>
-
-            <div class="postbox support">
-                <h3 class="title"><?php _e( 'Support', $text ); ?></h3>
-                <div class="inside">
-                    <p><?php _e( 'I\'m an independent developer, without a regular income, so every little contribution helps cover my costs and lets me spend more time building things for people like you to enjoy.', $text ); ?></p>
-                    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8A88KC7TFF6CS" target="_blank" class="additional-button paypal"><?php _e( 'Donate with PayPal', $text ); ?></a>
-                    <p><?php _e( 'Thanks for your support!', $text ); ?></p>
-                </div>
-            </div>
-
-            <div class="postbox help">
-                <h3 class="title"><?php _e( 'Help', $text ); ?></h3>
-                <div class="inside">
-                    <p><?php _e( 'If you have a question, please read the information in the FAQ section.', $text ); ?></p>
-                </div>
-            </div>
-
-            <div class="include-banner"></div>
-
-        </div>
-    </div>
-    <!-- END-SIDEBAR -->
-
-    <!-- FORM -->
     <div class="has-sidebar sm-padded">
         <div id="post-body-content" class="has-sidebar-content">
             <div class="meta-box-sortabless">
@@ -653,7 +619,12 @@
                         <h3 class="title"><?php _e( 'Support', $text ); ?></h3>
                         <div class="inside">
                             <p><?php _e( 'I\'m an independent developer, without a regular income, so every little contribution helps cover my costs and lets me spend more time building things for people like you to enjoy.', $text ); ?></p>
-                            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8A88KC7TFF6CS" target="_blank" class="additional-button paypal"><?php _e( 'Donate with PayPal', $text ); ?></a>
+                            <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8A88KC7TFF6CS" target="_blank" class="btn btn-default btn-labeled">
+                                                        <span class="btn-label">
+                                                            <img src="<?php echo SMEDIABT_URL . 'inc/img/paypal.svg'; ?>" alt="PayPal">
+                                                        </span>
+                                                        <?php _e( 'Donate with PayPal', $text ); ?>
+                                                </a>
                             <p><?php _e( 'Thanks for your support!', $text ); ?></p>
                         </div>
                     </div>
@@ -663,5 +634,4 @@
             </div>
         </div>
     </div>
-    <!-- END-FORM -->
 <?php
diff --git a/inc/php/sidebar.php b/inc/php/sidebar.php
@@ -0,0 +1,57 @@
+<?php
+
+/**
+ * Prevent Direct Access
+ *
+ * @since 0.1
+ */
+defined( 'ABSPATH' ) or die( "Restricted access!" );
+
+/**
+ * Render Sidebar
+ *
+ * @since 4.16
+ */
+?>
+    <div class="inner-sidebar">
+        <div id="side-sortables" class="meta-box-sortabless ui-sortable">
+
+            <div class="postbox about">
+                <h3 class="title"><?php _e( 'About', $text ); ?></h3>
+                <div class="inside">
+                    <p><?php _e( 'This plugin allows you to easily add the social media follow buttons bar to any place of your website.', $text ); ?></p>
+                </div>
+            </div>
+
+            <div class="postbox support">
+                <h3 class="title"><?php _e( 'Support', $text ); ?></h3>
+                <div class="inside">
+                    <p><?php _e( 'I\'m an independent developer, without a regular income, so every little contribution helps cover my costs and lets me spend more time building things for people like you to enjoy.', $text ); ?></p>
+                    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=8A88KC7TFF6CS" target="_blank" class="btn btn-default btn-labeled">
+                            <span class="btn-label">
+                                <img src="<?php echo SMEDIABT_URL . 'inc/img/paypal.svg'; ?>" alt="PayPal">
+                            </span>
+                            <?php _e( 'Donate with PayPal', $text ); ?>
+                    </a>
+                    <p><?php _e( 'Thanks for your support!', $text ); ?></p>
+                </div>
+            </div>
+
+            <div class="postbox help">
+                <h3 class="title"><?php _e( 'Help', $text ); ?></h3>
+                <div class="inside">
+                    <p><?php _e( 'If you have a question, please read the information in the FAQ section.', $text ); ?></p>
+                </div>
+            </div>
+
+            <div class="postbox banner">
+                <div class="inside">
+                    <a href="https://www.spacexchimp.com/" target="_blank">
+                        <img src="<?php echo SMEDIABT_URL . 'inc/img/banner.png'; ?>" alt="Space X-Chimp Studio">
+                    </a>
+                </div>
+            </div>
+
+        </div>
+    </div>
+<?php
diff --git a/languages/social-media-buttons-toolbar-es_ES.mo b/languages/social-media-buttons-toolbar-es_ES.mo