activity_notification 2.0.0 → 2.1.4

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,14 @@
+import Vue from 'vue'
+import App from '../App.vue'
+import router from '../router'
+import store from '../store'
+
+Vue.config.productionTip = false
+
+document.addEventListener('DOMContentLoaded', () => {
+  new Vue({
+    router,
+    store,
+    render: h => h(App)
+  }).$mount('#spa')
+})

data/spec/rails_app/app/javascript/router/index.js

@@ -0,0 +1,73 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import store from '../store'
+import DeviseTokenAuth from '../components/DeviseTokenAuth.vue'
+import Top from '../components/Top.vue'
+import NotificationsIndex from '../components/notifications/Index.vue'
+import SubscriptionsIndex from '../components/subscriptions/Index.vue'
+
+Vue.use(VueRouter)
+
+const routes = [
+  // Routes for common components
+  { path: '/', component: Top },
+  { path: '/login', component: DeviseTokenAuth },
+  { path: '/logout', component: DeviseTokenAuth, props: { isLogout: true } },
+  // Routes for single page application working with activity_notification REST API backend for users
+  {
+    path: '/notifications',
+    name: 'AuthenticatedUserNotificationsIndex',
+    component: NotificationsIndex,
+    props: () => ({ target_type: 'users', target: store.getters.currentUser }),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/subscriptions',
+    name: 'AuthenticatedUserSubscriptionsIndex',
+    component: SubscriptionsIndex,
+    props: () => ({ target_type: 'users', target: store.getters.currentUser }),
+    meta: { requiresAuth: true }
+  },
+  // Routes for single page application working with activity_notification REST API backend for admins
+  {
+    path: '/admins/notifications',
+    name: 'AuthenticatedAdminNotificationsIndex',
+    component: NotificationsIndex,
+    props: () => ({ target_type: 'admins', targetApiPath: 'admins', target: store.getters.currentUser.admin }),
+    meta: { requiresAuth: true }
+  },
+  {
+    path: '/admins/subscriptions',
+    name: 'AuthenticatedAdminSubscriptionsIndex',
+    component: SubscriptionsIndex,
+    props: () => ({ target_type: 'admins', targetApiPath: 'admins', target: store.getters.currentUser.admin }),
+    meta: { requiresAuth: true }
+  },
+  // Routes for single page application working with activity_notification REST API backend for unauthenticated targets
+  {
+    path: '/:target_type/:target_id/notifications',
+    name: 'UnauthenticatedTargetNotificationsIndex',
+    component: NotificationsIndex,
+    props : true
+  },
+  {
+    path: '/:target_type/:target_id/subscriptions',
+    name: 'UnauthenticatedTargetSubscriptionsIndex',
+    component: SubscriptionsIndex,
+    props : true
+  }
+]
+
+const router = new VueRouter({
+  routes
+})
+
+router.beforeEach((to, from, next) => {
+  if (to.matched.some(record => record.meta.requiresAuth) && !store.getters.userSignedIn) {
+      next({ path: '/login', query: { redirect: to.fullPath }});
+  } else {
+    next();
+  }
+})
+
+export default router

data/spec/rails_app/app/javascript/store/index.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