Merge pull request #548 from apinf/feature/user-admin-communication-channel

Feature/user admin communication channel

Author: Ville Jyrkkä

both/collections/feedback.js

@@ -0,0 +1,69 @@
+Feedback = new Mongo.Collection('feedback');
+
+Schemas.FeedbackSchema = new SimpleSchema({
+  topic: {
+    type: String,
+    label: "Topic",
+    max: 50,
+    optional: false,
+    autoform: {
+      placeholder: 'Feedback topic'
+    }
+  },
+  message: {
+    type: String,
+    label: "Your Message",
+    max: 1000,
+    optional: false,
+    autoform: {
+      rows: 5,
+      placeholder: 'Your message'
+    }
+  },
+  messageType: {
+    type: String,
+    label: "Choose message type",
+    allowedValues: ['Feedback', 'Error report', 'Feature request'],
+    autoform: {
+      options: [
+        {label: "Feedback", value: "Feedback"},
+        {label: "Error report", value: "Error report"},
+        {label: "Feature request", value: "Feature request"}
+      ]
+    }
+  },
+  authorId: {
+    type: String,
+    autoValue: function() {
+      if (this.isInsert) {
+        return Meteor.userId();
+      } else {
+        this.unset();
+      }
+    },
+    denyUpdate: true
+  },
+  apiBackendId: {
+    type: String
+  },
+  createdAt: {
+    type: Date,
+    autoValue: function() {
+      if (this.isInsert) {
+        return new Date();
+      } else if (this.isUpsert) {
+        return {$setOnInsert: new Date()};
+      } else {
+        this.unset();
+      }
+    }
+  }
+});
+
+Feedback.attachSchema(Schemas.FeedbackSchema);
+
+Feedback.allow({
+  insert: function () {
+    return true;
+  }
+});

both/collections/feedbackAnswers.js

@@ -0,0 +1,40 @@
+FeedbackAnswers = new Mongo.Collection('feedbackAnswers');
+
+Schemas.FeedbackAnswersSchema = new SimpleSchema({
+  message: {
+    type: String,
+    label: "Answer to the message",
+    max: 1000,
+    optional: false,
+    autoform: {
+      rows: 5,
+      placeholder: 'Type your message here'
+    }
+  },
+  author: {
+    type: String,
+    autoValue: function () {
+      return Meteor.userId()
+    }
+  },
+  createdAt: {
+    type: Date,
+    autoValue: function() {
+      if (this.isInsert) {
+        return new Date();
+      } else if (this.isUpsert) {
+        return {$setOnInsert: new Date()};
+      } else {
+        this.unset();
+      }
+    }
+  }
+});
+
+FeedbackAnswers.attachSchema(Schemas.FeedbackAnswersSchema);
+
+FeedbackAnswers.allow({
+  insert: function () {
+    return true;
+  }
+});

client/views/api_backends/view_api_backend/view_api_backend.html

@@ -53,4 +53,5 @@ <h2>{{_ "view-ApiBackend-Export-Title"}}</h2>
       </div>
     </div>
   </div>
+  {{> feedbackList}}
 </template>

client/views/api_backends/view_api_backend/view_api_backend.less

@@ -0,0 +1,3 @@
+.supportButton {
+  float: right;
+}

client/views/feedback/feedback_form/feedbackForm.js

@@ -0,0 +1,32 @@
+AutoForm.hooks({
+  feedback: {
+    before: {
+      insert: function (feedback) {
+        feedback.apiBackendId = Router.current().params._id;
+        return feedback;
+      }
+    },
+    beginSubmit: function () {
+      // Disable form elements while submitting form
+      $('[data-schema-key],button').attr("disabled", "disabled");
+    },
+    endSubmit: function () {
+      // Enable form elements after form submission
+      $('[data-schema-key],button').removeAttr("disabled");
+    }
+  }
+});
+
+AutoForm.addHooks(['feedback'], {
+  // Success message
+  onSuccess: function () {
+    FlashMessages.sendSuccess('Thank you! Your feedback has been successfully sent.');
+  }
+});
+
+FlashMessages.configure({
+  // Configuration for FlashMessages
+  autoHide: true,
+  hideDelay: 5000,
+  autoScroll: false
+});

client/views/feedback/feedback_form/feedback_form.html

@@ -0,0 +1,18 @@
+<template name="feedbackForm">
+  <button type="button" class="btn btn-info btn-sm pull-right feedback-form-button" data-toggle="modal" data-target="#feedbackForm" data-backdrop="static" data-keyboard="false"><i class="fa fa-comments-o"></i>&nbsp;{{_ "feedback-feedbackForm-button"}}</button>
+  <div class="modal fade" id="feedbackForm" tabindex="-1" role="dialog" aria-labelledby="feedbackFormLabel">
+    <div class="modal-dialog" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title" id="feedbackFormLabel">{{_ "feedback-feedbackForm-title"}}</h4>
+        </div>
+        <div class="modal-body">
+          <p>{{_ "feedback-feedbackForm-description"}}</p>
+          {{> quickForm collection="Feedback" id="feedback" type="insert" omitFields="authorId, createdAt, apiBackendId"}}
+        </div>
+      </div>
+      {{> flashMessages}}
+    </div>
+  </div>
+</template>

client/views/feedback/feedback_form/feedback_form.less

@@ -0,0 +1,4 @@
+Template.feedbackItem.created = function () {
+  // Subscription to feedback collection
+  this.subscribe('feedback');
+};

client/views/feedback/feedback_item/feedbackItem.js

@@ -0,0 +1,14 @@
+<template name="feedbackItem">
+  <div class="feedback-page">
+    <div class="feedback">
+      <h1>{{ topic }}</h1>
+      <span class="user-name"><strong>{{ messageType }}</strong>, </span>
+      <span class="feedback-date">{{ createdAt }}</span>
+      <div class="row feedback-message">
+        <div class="col-lg-8">
+          <p class="message-body">{{ message }}</p>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>

client/views/feedback/feedback_item/feedback_item.html

@@ -0,0 +1,17 @@
+.feedback-page {
+  margin-left: 2em;
+}
+
+.feedback h1 {
+  line-height: 1.4;
+  font-size: 1.8em;
+  margin-bottom: 0;
+}
+
+.feedback-message {
+  margin-top: 1em;
+}
+
+.author-name {
+  display: inline-block;
+}