Merge pull request #8561 from piwik/plugin_donation

Make it possible to donate to plugin creators from within piwik

plugins/CorePluginsAdmin/javascripts/pluginOverview.js

@@ -34,4 +34,12 @@ $(document).ready(function () {
         });
     });
 
+    $('.plugin-donation-link').click(function (event) {
+        event.preventDefault();
+
+        var overlayId = $(this).data('overlay-id');
+
+        piwikHelper.modalConfirm('#'+overlayId, {});
+    });
+
 });
\ No newline at end of file

plugins/CorePluginsAdmin/lang/en.json

@@ -38,6 +38,10 @@
         "LastCommitTime": "(last commit %s)",
         "LastUpdated": "Last Updated",
         "LicenseHomepage": "License Homepage",
+        "LikeThisPlugin": "Like this plugin?",
+        "ConsiderDonating": "Consider donating",
+        "CommunityContributedPlugin": "This is a community contributed plugin, brought to you for free.",
+        "ConsiderDonatingCreatorOf": "Please consider donating to the creator of %s",
         "PluginsExtendPiwik": "Plugins extend and expand the functionality of Piwik.",
         "OncePluginIsInstalledYouMayActivateHere": "Once a plugin is installed, you may activate it or deactivate it here.",
         "Marketplace": "Marketplace",

plugins/CorePluginsAdmin/stylesheets/plugins_admin.less

@@ -23,6 +23,40 @@ table.dataTable tr.inactive-plugin:hover > td {
     margin-bottom:1.5em;
 }
 
+.plugin-donation {
+    margin-top:1em;
+}
+
+.donation-overlay {
+    text-align: center;
+    .donation-links {
+        margin-top: 2em;
+        .donation-link {
+            display: inline-block;
+            margin: 0 1em;
+
+            &.bitcoin {
+                margin: 1em 0!important;
+                display: block!important;
+                a {
+                    display: inline-block;
+                    color: #c7254e;
+                    border-radius: 4px;
+                    font-size: 1.1em;
+                    padding: 5px;
+                    text-decoration: none!important;
+                    background-color: #f9f2f4;
+                }
+                span {
+                    font-size: 1.2em;
+                    font-weight: bold;
+                    display: block;
+                }
+            }
+        }
+    }
+}
+
 .plugin-author {
     float:left;
 }

plugins/CorePluginsAdmin/templates/macros.twig

@@ -187,6 +187,31 @@
                                 <a href="{{ plugin.info.homepage }}">({{ 'CorePluginsAdmin_PluginHomepage'|translate|replace({' ': '&nbsp;'})|raw }})</a>
                             </span>
                             {% endif %}
+
+                            {% if plugin.info.donate is defined and plugin.info.donate|length %}
+                                <div class="plugin-donation">
+                                    {{ 'CorePluginsAdmin_LikeThisPlugin'|translate }} <a href="javascript:;" class="plugin-donation-link" data-overlay-id="overlay-{{ name|escape('html_attr') }}">{{ 'CorePluginsAdmin_ConsiderDonating'|translate }}</a>
+                                    <div id="overlay-{{ name|escape('html_attr') }}" class="donation-overlay ui-confirm" title="{{ 'CorePluginsAdmin_LikeThisPlugin'|translate }}">
+                                        <p>{{ 'CorePluginsAdmin_CommunityContributedPlugin'|translate }}</p>
+                                        <p>{{ 'CorePluginsAdmin_ConsiderDonatingCreatorOf'|translate("<b>" ~ name ~ "</b>")|raw }}</p>
+                                        <div class="donation-links">
+                                        {% if plugin.info.donate.paypal is defined and plugin.info.donate.paypal %}
+                                            <a class="donation-link paypal" target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_donations&item_name=Piwik%20Plugin%20{{ name|escape('url') }}&bn=PP%2dDonationsBF%3abtn_donateCC_LG%2egif%3aNonHosted&business={{ plugin.info.donate.paypal|escape('url') }}"><img src="plugins/CorePluginsAdmin/images/paypal_donate.jpg" height="30"/></a>
+                                        {% endif %}
+                                        {% if plugin.info.donate.flattr is defined and plugin.info.donate.flattr %}
+                                            <a class="donation-link flattr" target="_blank" href="{{ plugin.info.donate.flattr }}"><img class="alignnone" title="Flattr" alt="" src="plugins/CorePluginsAdmin/images/flattr.png" height="29" /></a>
+                                        {% endif %}
+                                        {% if plugin.info.donate.bitcoin is defined and plugin.info.donate.bitcoin %}
+                                            <div class="donation-link bitcoin">
+                                                <span>Donate Bitcoins to:</span>
+                                                <a href="bitcoin:{{ plugin.info.donate.bitcoin|escape('url') }}">{{ plugin.info.donate.bitcoin }}</a>
+                                            </div>
+                                        {% endif %}
+                                        </div>
+                                        <input role="no" type="button" value="{{ 'General_Close'|translate }}"/>
+                                    </div>
+                                </div>
+                            {% endif %}
                         </div>
                         {% if plugin.info.license is defined %}
                         <div class="plugin-license">