Merge pull request #1870 from codidact/art/complaints

Author: ArtOfCode-

app/assets/javascripts/complaints.js

@@ -0,0 +1,56 @@
+window.addEventListener('DOMContentLoaded', () => {
+  QPixel.DOM.addSelectorListener('change', 'input[name="report_type"]', ev => {
+    const value = /** @type HTMLInputElement */(document.querySelector('input[name="report_type"]:checked')).value;
+    document.querySelectorAll(`[data-report-type="${value}"]`).forEach(el => {
+      el.classList.remove('hidden');
+      el.removeAttribute('disabled');
+    });
+    document.querySelectorAll(`[data-report-type]:not([data-report-type="${value}"])`).forEach(el => {
+      el.classList.add('hidden');
+      el.setAttribute('disabled', 'disabled');
+    });
+  });
+
+  QPixel.DOM.addSelectorListener('click', '.js-reply-button', ev => {
+    const tgt = /** @type HTMLElement */(ev.currentTarget);
+    const internal = tgt.dataset.internal;
+
+    const widget = /** @type HTMLElement */(document.querySelector('.js-reply-widget'));
+    const label = /** @type HTMLElement */(document.querySelector('.js-reply-label'));
+    const form = /** @type HTMLFormElement */(document.querySelector('.js-reply-form'));
+
+    widget.classList.add('hidden');
+
+    if (internal === 'true') {
+      widget.classList.add('is-yellow');
+      label.innerText = 'Add your internal notes';
+    }
+    else {
+      widget.classList.remove('is-yellow');
+      label.innerText = 'Add your reply';
+    }
+    /** @type HTMLInputElement */(form.querySelector('input[name="internal"]')).value = internal;
+
+    widget.classList.remove('hidden');
+  });
+
+  QPixel.DOM.addSelectorListener('submit', '.js-reply-form', async ev => {
+    ev.preventDefault();
+
+    const tgt = /** @type HTMLFormElement */(ev.currentTarget);
+
+    const data = Object.fromEntries(new FormData(tgt).entries());
+    const resp = await QPixel.fetchJSON(tgt.action, data);
+    const json = await resp.json();
+    QPixel.handleJSONResponse(json, () => {
+      document.querySelector('.js-comments').insertAdjacentHTML('beforeend', json.comment);
+      tgt.reset();
+      tgt.querySelector('input[type="submit"]').removeAttribute('disabled');
+      document.querySelector('.js-reply-widget').classList.add('hidden');
+
+      if (!json.can_add_more) {
+        document.querySelector('.js-reply-container').remove();
+      }
+    });
+  });
+});

app/assets/stylesheets/complaints.scss

@@ -0,0 +1,62 @@
+@import 'variables';
+
+.complaint-form, .complaints-container {
+  label {
+    display: block;
+    margin-bottom: 1rem;
+    font-weight: bold;
+    font-size: 1.2rem;
+    color: #222;
+
+    &.inline {
+      display: inline-block;
+      font-weight: normal;
+      font-size: 1rem;
+    }
+  }
+
+  .form-radio-group {
+    display: flex;
+    margin: 0.75rem 0;
+    justify-content: flex-start;
+    align-items: center;
+
+    :first-child {
+      margin-right: 0.5rem;
+    }
+
+    label {
+      display: block;
+      margin: 0;
+      font-weight: normal;
+      font-size: 1rem;
+    }
+
+    .form-caption {
+      margin: 0;
+    }
+  }
+
+  .form-group {
+    margin-bottom: 2rem;
+  }
+
+  .hidden {
+    display: none;
+  }
+
+  [disabled] {
+    border: 1px solid $muted-text;
+    background: $muted-graphic;
+  }
+}
+
+.complaint-status-badge {
+  display: inline-block;
+  padding: 0.3rem;
+  border-radius: 0.2rem;
+}
+
+.is-lead + h1.complaint-title {
+  margin-top: -1rem;
+}

app/assets/stylesheets/flags.scss

@@ -1,3 +1,5 @@
+@import 'variables';
+
 .flags-list-header {
   display: flex;
   justify-content: space-between;
@@ -9,6 +11,11 @@
       .header--alert {
         min-width: 2em;
         padding: 0 0.5em;
+        height: unset;
+
+        &.is-red {
+          background: $danger;
+        }
       }
     }
   }

app/controllers/active_storage/base_controller.rb

@@ -1,6 +1,7 @@
 class ActiveStorage::BaseController < ActionController::Base
   before_action :enforce_signed_in
   include ActiveStorage::SetCurrent
+
   protect_from_forgery with: :exception
 
   self.etag_with_template_digest = false

app/controllers/application_controller.rb

@@ -108,6 +108,14 @@ def verify_developer
     true
   end
 
+  def verify_staff
+    if !user_signed_in? || !current_user.staff?
+      render 'errors/not_found', layout: 'without_sidebar', status: :not_found
+      return false
+    end
+    true
+  end
+
   def check_your_privilege(name, post = nil, render_error = true)
     unless current_user&.privilege?(name) || (current_user&.post_privilege?(name, post) if post)
       @privilege = Ability.find_by(name: name)
@@ -199,6 +207,10 @@ def set_globals
     if current_user&.admin?
       Rack::MiniProfiler.authorize_request
     end
+
+    if current_user&.staff?
+      @complaints_count = Complaint.where(status: 'new').count
+    end
   end
 
   def setup_request_context