From d849b991d22c196f7b372f36bdc3941bae097fba Mon Sep 17 00:00:00 2001
From: Chris Brame <polonel@gmail.com>
Date: Thu, 8 Aug 2019 03:01:05 -0400
Subject: [PATCH] chore(departments): added view all public ticket option

---
 src/client/containers/Departments/index.jsx   |  7 ++++
 .../Modals/CreateDepartmentModal.jsx          | 34 +++++++++++++++----
 .../containers/Modals/EditDepartmentModal.jsx | 22 ++++++++++++
 src/controllers/api/v2/tickets.js             | 20 ++++-------
 src/models/department.js                      | 32 +++++++++++++----
 5 files changed, 87 insertions(+), 28 deletions(-)

diff --git a/src/client/containers/Departments/index.jsx b/src/client/containers/Departments/index.jsx
index 2444bb8b0..4f0323967 100644
--- a/src/client/containers/Departments/index.jsx
+++ b/src/client/containers/Departments/index.jsx
@@ -155,6 +155,13 @@ class DepartmentsContainer extends React.Component {
                             </h6>
                           </div>
                         )}
+                        {department.get('publicGroups') === true && (
+                          <div>
+                            <h6 className={'text-success'} style={{ fontWeight: 'bold' }}>
+                              All Public Groups
+                            </h6>
+                          </div>
+                        )}
                         {department.get('allGroups') !== true &&
                           groups &&
                           groups.map(group => {
diff --git a/src/client/containers/Modals/CreateDepartmentModal.jsx b/src/client/containers/Modals/CreateDepartmentModal.jsx
index 9ce689121..55e398990 100644
--- a/src/client/containers/Modals/CreateDepartmentModal.jsx
+++ b/src/client/containers/Modals/CreateDepartmentModal.jsx
@@ -33,6 +33,7 @@ import MultiSelect from 'components/MultiSelect'
 class CreateDepartmentModal extends React.Component {
   @observable name = ''
   @observable allGroups = false
+  @observable publicGroups = false
 
   componentDidMount () {
     this.props.fetchTeams()
@@ -60,21 +61,22 @@ class CreateDepartmentModal extends React.Component {
     e.preventDefault()
     const $form = $(e.target)
     if (!$form.isValid(null, null, false)) return false
-  
-    if(!this.allGroups && this.groupSelect.getSelected() == null){
+
+    if (!this.allGroups && !this.publicGroups && this.groupSelect.getSelected() == null) {
       helpers.UI.showSnackbar('Can not create department without a group selected or all groups enabled!', true)
-      return false;
+      return false
     }
-    
-    if(this.teamsSelect.getSelected() == null){
+
+    if (this.teamsSelect.getSelected() == null) {
       helpers.UI.showSnackbar('Can not create department without a team selected!', true)
-      return false;
+      return false
     }
-    
+
     const payload = {
       name: this.name,
       teams: this.teamsSelect.getSelected(),
       allGroups: this.allGroups,
+      publicGroups: this.publicGroups,
       groups: this.allGroups ? [] : this.groupSelect.getSelected()
     }
 
@@ -137,6 +139,24 @@ class CreateDepartmentModal extends React.Component {
               </label>
             </div>
           </div>
+          <div className={'uk-margin-medium-bottom uk-clearfix'}>
+            <div className='uk-float-left'>
+              <h4 style={{ paddingLeft: 2 }}>Access all current and new public groups?</h4>
+            </div>
+            <div className='uk-float-right md-switch md-green' style={{ marginTop: 1 }}>
+              <label>
+                Yes
+                <input
+                  type='checkbox'
+                  checked={this.publicGroups}
+                  onChange={e => {
+                    this.publicGroups = e.target.checked
+                  }}
+                />
+                <span className={'lever'} />
+              </label>
+            </div>
+          </div>
           <div className={'uk-margin-medium-bottom'}>
             <label style={{ marginBottom: 5 }}>Customer Groups</label>
             <MultiSelect
diff --git a/src/client/containers/Modals/EditDepartmentModal.jsx b/src/client/containers/Modals/EditDepartmentModal.jsx
index c33f30823..0abd7a6c1 100644
--- a/src/client/containers/Modals/EditDepartmentModal.jsx
+++ b/src/client/containers/Modals/EditDepartmentModal.jsx
@@ -33,6 +33,7 @@ import MultiSelect from 'components/MultiSelect'
 class EditDepartmentModal extends React.Component {
   @observable name = ''
   @observable allGroups = false
+  @observable publicGroups = false
 
   componentDidMount () {
     this.props.fetchTeams()
@@ -40,6 +41,7 @@ class EditDepartmentModal extends React.Component {
 
     this.name = this.props.department.get('name')
     this.allGroups = this.props.department.get('allGroups')
+    this.publicGroups = this.allGroups ? true : this.props.department.get('publicGroups')
 
     helpers.UI.inputs()
     helpers.UI.reRenderInputs()
@@ -70,6 +72,7 @@ class EditDepartmentModal extends React.Component {
       name: this.name,
       teams: this.teamsSelect.getSelected(),
       allGroups: this.allGroups,
+      publicGroups: this.publicGroups,
       groups: this.allGroups ? [] : this.groupSelect.getSelected()
     }
 
@@ -132,6 +135,7 @@ class EditDepartmentModal extends React.Component {
                   checked={this.allGroups}
                   onChange={e => {
                     this.allGroups = e.target.checked
+                    this.publicGroups = this.allGroups
                     if (this.allGroups) this.groupSelect.selectAll()
                     else this.groupSelect.deselectAll()
                   }}
@@ -140,6 +144,24 @@ class EditDepartmentModal extends React.Component {
               </label>
             </div>
           </div>
+          <div className={'uk-margin-medium-bottom uk-clearfix'}>
+            <div className='uk-float-left'>
+              <h4 style={{ paddingLeft: 2 }}>Access all current and new public groups?</h4>
+            </div>
+            <div className='uk-float-right md-switch md-green' style={{ marginTop: 1 }}>
+              <label>
+                Yes
+                <input
+                  type='checkbox'
+                  checked={this.publicGroups}
+                  onChange={e => {
+                    this.publicGroups = e.target.checked
+                  }}
+                />
+                <span className={'lever'} />
+              </label>
+            </div>
+          </div>
           <div className={'uk-margin-medium-bottom'}>
             <label style={{ marginBottom: 5 }}>Customer Groups</label>
             <MultiSelect
diff --git a/src/controllers/api/v2/tickets.js b/src/controllers/api/v2/tickets.js
index 8ac7ae057..32af6f933 100644
--- a/src/controllers/api/v2/tickets.js
+++ b/src/controllers/api/v2/tickets.js
@@ -48,22 +48,14 @@ ticketsV2.get = function (req, res) {
     [
       function (next) {
         if (req.user.role.isAdmin || req.user.role.isAgent) {
-          Department.getUserDepartments(req.user._id, function (err, departments) {
+          Department.getDepartmentGroupsOfUser(req.user._id, function (err, dbGroups) {
             if (err) return next(err)
 
-            if (_.some(departments, { allGroups: true })) {
-              Group.find({}, next)
-            } else {
-              var groups = _.flattenDeep(
-                departments.map(function (d) {
-                  return d.groups.map(function (g) {
-                    return g._id
-                  })
-                })
-              )
-
-              return next(null, groups)
-            }
+            var groups = dbGroups.map(function (g) {
+              return g._id
+            })
+
+            return next(null, groups)
           })
         } else {
           Group.getAllGroupsOfUser(req.user._id, next)
diff --git a/src/models/department.js b/src/models/department.js
index ee674971a..f7d0118b8 100644
--- a/src/models/department.js
+++ b/src/models/department.js
@@ -28,6 +28,7 @@ var departmentSchema = mongoose.Schema({
   normalized: { type: String },
   teams: [{ type: mongoose.Schema.Types.ObjectId, ref: 'teams', autopopulate: true }],
   allGroups: { type: Boolean, default: false },
+  publicGroups: { type: Boolean, default: false },
   groups: [{ type: mongoose.Schema.Types.ObjectId, ref: 'groups', autopopulate: true }]
 })
 
@@ -72,17 +73,34 @@ departmentSchema.statics.getDepartmentGroupsOfUser = function (userId, callback)
         if (err) return callback(err)
 
         var hasAllGroups = _.some(departments, { allGroups: true })
+        var hasPublicGroups = _.some(departments, { publicGroups: true })
         if (hasAllGroups) {
           return Groups.getAllGroups(callback)
-        }
+        } else if (hasPublicGroups) {
+          return Groups.getAllPublicGroups(function (err, publicGroups) {
+            if (err) return callback(err)
 
-        var groups = _.flattenDeep(
-          departments.map(function (department) {
-            return department.groups
-          })
-        )
+            var mapped = departments.map(function (department) {
+              return department.groups
+            })
+            var merged = _.concat(publicGroups, mapped)
+
+            merged = _.flattenDeep(merged)
+            merged = _.uniqBy(merged, function (i) {
+              return i._id
+            })
 
-        return callback(null, groups)
+            return callback(null, merged)
+          })
+        } else {
+          var groups = _.flattenDeep(
+            departments.map(function (department) {
+              return department.groups
+            })
+          )
+
+          return callback(null, groups)
+        }
       })
   })
 }