Release v0.1.0-beta.4

extensions/subscriptions/CHANGELOG.md

@@ -0,0 +1,9 @@
+# Change Log
+All notable changes to the Subscriptions extension will be documented in this file.
+This project adheres to [Semantic Versioning](http://semver.org/).
+
+## [0.1.0-beta.4] - 2015-11-05
+### Added
+- Add a tooltip to the Follow button
+
+[0.1.0-beta.4]: https://github.com/flarum/subscriptions/compare/v0.1.0-beta.3...v0.1.0-beta.4

extensions/subscriptions/js/forum/dist/extension.js

@@ -209,6 +209,26 @@ System.register('flarum/subscriptions/components/SubscriptionMenu', ['flarum/Com
         }
 
         babelHelpers.createClass(SubscriptionMenu, [{
+          key: 'init',
+          value: function init() {
+            this.options = [{
+              subscription: false,
+              icon: 'star-o',
+              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.not_following_button'),
+              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.not_following_text')
+            }, {
+              subscription: 'follow',
+              icon: 'star',
+              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.following_button'),
+              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.following_text')
+            }, {
+              subscription: 'ignore',
+              icon: 'eye-slash',
+              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.ignoring_button'),
+              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.ignoring_text')
+            }];
+          }
+        }, {
           key: 'view',
           value: function view() {
             var _this = this;
@@ -235,32 +255,36 @@ System.register('flarum/subscriptions/components/SubscriptionMenu', ['flarum/Com
               // no default
             }
 
-            var options = [{
+            var buttonProps = {
-              subscription: false,
+              className: 'Button SubscriptionMenu-button ' + buttonClass,
-              icon: 'star-o',
+              icon: buttonIcon,
-              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.not_following_button'),
+              children: buttonLabel,
-              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.not_following_text')
+              onclick: this.saveSubscription.bind(this, discussion, ['follow', 'ignore'].indexOf(subscription) !== -1 ? false : 'follow')
-            }, {
+            };
-              subscription: 'follow',
+
-              icon: 'star',
+            var preferences = app.session.user.preferences();
-              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.following_button'),
+            var notifyEmail = preferences['notify_newPost_email'];
-              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.following_text')
+            var notifyAlert = preferences['notify_newPost_alert'];
-            }, {
+
-              subscription: 'ignore',
+            if ((notifyEmail || notifyAlert) && subscription === false) {
-              icon: 'eye-slash',
+              buttonProps.config = function (element) {
-              label: app.translator.trans('flarum-subscriptions.forum.sub_controls.ignoring_button'),
+                $(element).tooltip({
-              description: app.translator.trans('flarum-subscriptions.forum.sub_controls.ignoring_text')
+                  container: '.SubscriptionMenu',
-            }];
+                  placement: 'bottom',
+                  delay: 250,
+                  title: app.translator.trans(notifyEmail ? 'flarum-subscriptions.forum.sub_controls.notify_email_tooltip' : 'flarum-subscriptions.forum.sub_controls.notify_alert_tooltip')
+                });
+              };
+            } else {
+              buttonProps.config = function (element) {
+                return $(element).tooltip('destroy');
+              };
+            }
 
             return m(
               'div',
               { className: 'Dropdown ButtonGroup SubscriptionMenu' },
-              Button.component({
+              Button.component(buttonProps),
-                className: 'Button SubscriptionMenu-button ' + buttonClass,
-                icon: buttonIcon,
-                children: buttonLabel,
-                onclick: this.saveSubscription.bind(this, discussion, ['follow', 'ignore'].indexOf(subscription) !== -1 ? false : 'follow')
-              }),
               m(
                 'button',
                 { className: 'Dropdown-toggle Button Button--icon ' + buttonClass, 'data-toggle': 'dropdown' },
@@ -269,7 +293,7 @@ System.register('flarum/subscriptions/components/SubscriptionMenu', ['flarum/Com
               m(
                 'ul',
                 { className: 'Dropdown-menu dropdown-menu Dropdown-menu--right' },
-                options.map(function (props) {
+                this.options.map(function (props) {
                   props.onclick = _this.saveSubscription.bind(_this, discussion, props.subscription);
                   props.active = subscription === props.subscription;
 
@@ -286,6 +310,8 @@ System.register('flarum/subscriptions/components/SubscriptionMenu', ['flarum/Com
           key: 'saveSubscription',
           value: function saveSubscription(discussion, subscription) {
             discussion.save({ subscription: subscription });
+
+            this.$('.SubscriptionMenu-button').tooltip('hide');
           }
         }]);
         return SubscriptionMenu;