activity_notification 2.0.0 → 2.1.0

data/spec/rails_app/app/javascript/components/subscriptions/Subscription.vue

@@ -0,0 +1,226 @@
+<template>
+  <div class="fields_wrapper configured">
+    <div class="fields_title_wrapper">
+      <h3 class="fields_title">
+        {{ subscription.key }}
+      </h3>
+
+      <p>
+        <router-link v-bind:to="{ path : $route.path.replace('subscriptions', 'notifications') + '?filtered_by_key=' + subscription.key }">Notifications</router-link>
+      </p>
+    </div>
+
+    <div class="field_wrapper subscribing">
+      <div class="field_label">
+        <label>
+          Notification
+        </label>
+      </div>
+      <div class="field">
+        <div class="ui checkbox">
+          <div v-if="subscription.subscribing">
+            <a href="#" v-on:click="unsubscribe(subscription)" data-remote="true">
+              <input type="checkbox" checked="checked" />
+              <div class="slider" />
+            </a>
+          </div>
+          <div v-else>
+            <a href="#" v-on:click="subscribe(subscription)" data-remote="true">
+              <input type="checkbox" />
+              <div class="slider" />
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-bind:class="[subscription.subscribing ? '' : 'hidden', 'field_wrapper subscribing_to_email']">
+      <div class="field_label">
+        <label>
+          Email notification
+        </label>
+      </div>
+      <div class="field">
+        <div class="ui checkbox">
+          <div v-if="subscription.subscribing_to_email">
+            <a href="#" v-on:click="unsubscribe_to_email(subscription)" data-remote="true">
+              <label>
+                <input type="checkbox" checked="checked" />
+                <div class="slider" />
+              </label>
+            </a>
+          </div>
+          <div v-else>
+            <a href="#" v-on:click="subscribe_to_email(subscription)" data-remote="true">
+              <label>
+                <input type="checkbox" />
+                <div class="slider" />
+              </label>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div v-bind:class="[subscription.subscribing ? '' : 'hidden', 'field_wrapper subscribing_to_optional_targets']">
+      <div v-for="(optionalTargetSubscription, optionalTargetName) in subscription.optional_targets" :key="optionalTargetName">
+        <div class="field_label">
+          <label>
+            Optional tagret ({{ optionalTargetName }})
+          </label>
+        </div>
+        <div class="field">
+          <div class="ui checkbox">
+            <div v-if="optionalTargetSubscription.subscribing">
+              <a href="#" v-on:click="unsubscribe_to_optional_target(subscription, optionalTargetName)" data-remote="true">
+                <label>
+                  <input type="checkbox" checked="checked" />
+                  <div class="slider" />
+                </label>
+              </a>
+            </div>
+            <div v-else>
+              <a href="#" v-on:click="subscribe_to_optional_target(subscription, optionalTargetName)" data-remote="true">
+                <label>
+                  <input type="checkbox" />
+                  <div class="slider" />
+                </label>
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="ui button">
+      <a href="#" v-on:click="destroy(subscription)" data-confirm="Are you sure?" class="button" data-remote="true">Destroy</a>
+    </div>
+  </div>
+</template>
+
+<script>
+import axios from 'axios'
+
+export default {
+  name: 'Subscription',
+  props: {
+    targetSubscription: {
+      type: Object,
+      required: true
+    },
+    targetApiPath: {
+      type: String,
+      required: true
+    }
+  },
+  data () {
+    return {
+      subscription: this.targetSubscription,
+      baseURL: axios.defaults.baseURL + this.targetApiPath
+    }
+  },
+  methods: {
+    subscribe (subscription) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/subscribe')
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    unsubscribe (subscription) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/unsubscribe')
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    subscribe_to_email (subscription) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/subscribe_to_email')
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    unsubscribe_to_email (subscription) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/unsubscribe_to_email')
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    subscribe_to_optional_target (subscription, optionalTargetName) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/subscribe_to_optional_target?optional_target_name=' + optionalTargetName)
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    unsubscribe_to_optional_target (subscription, optionalTargetName) {
+      axios
+        .put(this.targetApiPath + '/subscriptions/' + subscription.id + '/unsubscribe_to_optional_target?optional_target_name=' + optionalTargetName)
+        .then(response => {
+          if (response.status == 200) {
+            this.subscription = response.data
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    },
+    destroy (subscription) {
+      axios
+        .delete(this.targetApiPath + '/subscriptions/' + subscription.id)
+        .then(response => {
+          if (response.status == 204) {
+            this.$emit('getSubscriptions');
+          }
+        })
+        .catch (error => {
+          if (error.response.status == 401) {
+            this.$router.push('/logout');
+          }
+        })
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

data/spec/rails_app/app/javascript/config/development.js

@@ -0,0 +1,5 @@
+const config = {
+  ACTION_CABLE_CONNECTION_URL: 'ws://localhost:3000/cable'
+}
+
+module.exports = config;

data/spec/rails_app/app/javascript/config/environment.js

@@ -0,0 +1,7 @@
+const config = require('./' + process.env.NODE_ENV);
+
+export default class Environment {
+  static get ACTION_CABLE_CONNECTION_URL() {
+    return config.ACTION_CABLE_CONNECTION_URL;
+  }
+}

data/spec/rails_app/app/javascript/config/production.js

@@ -0,0 +1,5 @@
+const config = {
+  ACTION_CABLE_CONNECTION_URL: 'wss://activity-notification-example.herokuapp.com/cable'
+}
+
+module.exports = config;

data/spec/rails_app/app/javascript/config/test.js

@@ -0,0 +1,5 @@
+const config = {
+  ACTION_CABLE_CONNECTION_URL: 'ws://localhost:3000/cable'
+}
+
+module.exports = config;

data/spec/rails_app/app/javascript/packs/application.js

@@ -0,0 +1,18 @@
+/* eslint no-console:0 */
+// This file is automatically compiled by Webpack, along with any other files
+// present in this directory. You're encouraged to place your actual application logic in
+// a relevant structure within app/javascript and only use these pack files to reference
+// that code so it'll be compiled.
+//
+// To reference this file, add <%= javascript_pack_tag 'application' %> to the appropriate
+// layout file, like app/views/layouts/application.html.erb
+
+
+// Uncomment to copy all static images under ../images to the output folder and reference
+// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
+// or the `imagePath` JavaScript helper below.
+//
+// const images = require.context('../images', true)
+// const imagePath = (name) => images(name, true)
+
+console.log('Hello World from Webpacker')

data/spec/rails_app/app/javascript/packs/spa.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import axios from 'axios'
+import App from '../App.vue'
+
+axios.defaults.baseURL = "/api/v2"
+
+document.addEventListener('DOMContentLoaded', () => {
+  const app = new Vue({
+    render: h => h(App)
+  }).$mount('#spa')
+})

data/spec/rails_app/app/javascript/store/auth.js

@@ -0,0 +1,37 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+import createPersistedState from "vuex-persistedstate"
+
+Vue.use(Vuex)
+
+export default new Vuex.Store({
+  state: {
+    signedInStatus: false,
+    currentUser: null,
+    authHeaders: {}
+  },
+  mutations: {
+    signIn(state, { user, authHeaders }) {
+      state.currentUser = user;
+      state.authHeaders = authHeaders;
+      state.signedInStatus = true;
+    },
+    signOut(state) {
+      state.signedInStatus = false;
+      state.currentUser = null;
+      state.authHeaders = {};
+    }
+  },
+  getters: {
+    userSignedIn(state) {
+      return state.signedInStatus;
+    },
+    currentUser(state) {
+      return state.currentUser;
+    },
+    authHeaders(state) {
+      return state.authHeaders;
+    }
+  },
+  plugins: [createPersistedState({storage: window.sessionStorage})]
+});

data/spec/rails_app/app/models/admin.rb

@@ -1,15 +1,24 @@
-unless ENV['AN_TEST_DB'] == 'mongodb'
-  class Admin < ActiveRecord::Base
+module AdminModel
+  extend ActiveSupport::Concern
+
+  included do
     belongs_to :user
     validates :user, presence: true
 
     acts_as_notification_target email_allowed: false,
       subscription_allowed: true,
+      action_cable_allowed: true, action_cable_with_devise: true,
       devise_resource: :user,
       current_devise_target: ->(current_user) { current_user.admin },
-      printable_name: ->(admin) { "admin (#{admin.user.name})" },
-      action_cable_allowed: true, action_cable_with_devise: true
-    end
+      printable_name: ->(admin) { "#{admin.user.name} (admin)" }
+  end
+end
+
+unless ENV['AN_TEST_DB'] == 'mongodb'
+  class Admin < ActiveRecord::Base
+    include AdminModel
+    default_scope { order(:id) }
+  end
 else
   require 'mongoid'
   class Admin
@@ -17,18 +26,10 @@ else
     include Mongoid::Timestamps
     include GlobalID::Identification
 
-    belongs_to :user
-    validates :user, presence: true
-
     field :phone_number,   type: String
     field :slack_username, type: String
 
     include ActivityNotification::Models
-    acts_as_notification_target email_allowed: false,
-      subscription_allowed: true,
-      devise_resource: :user,
-      current_devise_target: ->(current_user) { current_user.admin },
-      printable_name: ->(admin) { "admin (#{admin.user.name})" },
-      action_cable_allowed: true, action_cable_with_devise: true
-    end
+    include AdminModel
+  end
 end

data/spec/rails_app/app/models/article.rb

@@ -1,20 +1,38 @@
-unless ENV['AN_TEST_DB'] == 'mongodb'
-  class Article < ActiveRecord::Base
+module ArticleModel
+  extend ActiveSupport::Concern
+
+  included do
     belongs_to :user
     has_many :comments, dependent: :destroy
-    has_many :commented_users, through: :comments, source: :user
     validates :user, presence: true
 
     acts_as_notifiable :users,
       targets: ->(article) { User.all.to_a - [article.user] },
-      notifier: :user, email_allowed: true, action_cable_allowed: true,
+      notifier: :user, email_allowed: true,
+      action_cable_allowed: true, action_cable_api_allowed: true,
+      printable_name: ->(article) { "new article \"#{article.title}\"" },
+      dependent_notifications: :delete_all
+
+    acts_as_notifiable :admins,
+      targets: ->(article) { Admin.all.to_a },
+      notifier: :user,
+      action_cable_allowed: true, action_cable_api_allowed: true,
+      tracked: Rails.env.test? ? {only: []} : { only: [:create, :update], action_cable_rendering: { fallback: :default } },
       printable_name: ->(article) { "new article \"#{article.title}\"" },
       dependent_notifications: :delete_all
+
     acts_as_notification_group printable_name: ->(article) { "article \"#{article.title}\"" }
+  end
 
-    def author?(user)
-      self.user == user
-    end
+  def author?(user)
+    self.user == user
+  end
+end
+
+unless ENV['AN_TEST_DB'] == 'mongodb'
+  class Article < ActiveRecord::Base
+    include ArticleModel
+    has_many :commented_users, through: :comments, source: :user
   end
 else
   require 'mongoid'
@@ -23,27 +41,14 @@ else
     include Mongoid::Timestamps
     include GlobalID::Identification
 
-    belongs_to :user
-    has_many :comments, dependent: :destroy
-    validates :user, presence: true
-
     field :title, type: String
     field :body,  type: String
 
     include ActivityNotification::Models
-    acts_as_notifiable :users,
-      targets: ->(article) { User.all.to_a - [article.user] },
-      notifier: :user, email_allowed: true, action_cable_allowed: true,
-      printable_name: ->(article) { "new article \"#{article.title}\"" },
-      dependent_notifications: :delete_all
-    acts_as_notification_group printable_name: ->(article) { "article \"#{article.title}\"" }
+    include ArticleModel
 
     def commented_users
       User.where(:id.in => comments.pluck(:user_id))
     end
-
-    def author?(user)
-      self.user == user
-    end
   end
 end