From 278a4921454d5df8a0c2b00acc6b7d4e3b42cd5d Mon Sep 17 00:00:00 2001
From: Chris Brame <polonel@gmail.com>
Date: Sun, 26 Jun 2022 16:35:17 -0400
Subject: [PATCH] fix(notices): missing create notice option

---
 src/client/actions/notices.js                 |   6 +-
 src/client/api/index.js                       |   6 +
 .../containers/Modals/CreateNoticeModal.jsx   | 127 ++++++++++
 src/client/containers/Modals/index.jsx        |   2 +
 .../containers/Notice/NoticeContainer.jsx     |  16 ++
 src/client/reducers/noticesReducer.js         |  11 +-
 src/client/sagas/notices/index.js             |  20 +-
 src/controllers/api/v2/notices.js             |  25 +-
 src/controllers/api/v2/routes.js              |   1 +
 src/public/js/angularjs/controllers/groups.js | 231 ------------------
 .../controllers/settingsElasticSearch.js      | 184 --------------
 src/public/js/pages/createNotice.js           |  60 ++---
 src/public/js/pages/groups.js                 | 110 ---------
 src/public/js/pages/singleTicket.js           |  50 ----
 src/sass/partials/ui.sass                     |   4 +
 15 files changed, 242 insertions(+), 611 deletions(-)
 create mode 100644 src/client/containers/Modals/CreateNoticeModal.jsx
 delete mode 100644 src/public/js/angularjs/controllers/groups.js
 delete mode 100644 src/public/js/angularjs/controllers/settingsElasticSearch.js
 delete mode 100644 src/public/js/pages/groups.js
 delete mode 100644 src/public/js/pages/singleTicket.js

diff --git a/src/client/actions/notices.js b/src/client/actions/notices.js
index 3ffc54b7c..48aa9267c 100644
--- a/src/client/actions/notices.js
+++ b/src/client/actions/notices.js
@@ -2,7 +2,11 @@ import { createAction } from 'redux-actions'
 import { FETCH_NOTICES, CREATE_NOTICE, UPDATE_NOTICE, DELETE_NOTICE, UNLOAD_NOTICES } from 'actions/types'
 
 export const fetchNotices = createAction(FETCH_NOTICES.ACTION)
-export const createNotice = createAction(CREATE_NOTICE.ACTION)
+export const createNotice = createAction(
+  CREATE_NOTICE.ACTION,
+  payload => payload,
+  () => ({ thunk: true })
+)
 export const updateNotice = createAction(UPDATE_NOTICE.ACTION)
 export const unloadNotices = createAction(
   UNLOAD_NOTICES.ACTION,
diff --git a/src/client/api/index.js b/src/client/api/index.js
index 982ee157e..5af240f49 100644
--- a/src/client/api/index.js
+++ b/src/client/api/index.js
@@ -251,6 +251,12 @@ api.departments.delete = ({ _id }) => {
 }
 
 api.notices = {}
+api.notices.create = payload => {
+  return axios.post('/api/v2/notices', payload).then(res => {
+    return res.data
+  })
+}
+
 api.notices.get = () => {
   return axios.get('/api/v2/notices').then(res => {
     return res.data
diff --git a/src/client/containers/Modals/CreateNoticeModal.jsx b/src/client/containers/Modals/CreateNoticeModal.jsx
new file mode 100644
index 000000000..59e621f2b
--- /dev/null
+++ b/src/client/containers/Modals/CreateNoticeModal.jsx
@@ -0,0 +1,127 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { connect } from 'react-redux'
+import { PopoverColorPicker } from 'components/PopoverColorPicker'
+import Button from 'components/Button'
+import BaseModal from 'containers/Modals/BaseModal'
+import { observer } from 'mobx-react'
+import { makeObservable, observable } from 'mobx'
+
+import { createNotice } from 'actions/notices'
+
+import helpers from 'lib/helpers'
+import $ from 'jquery'
+
+@observer
+class CreateNoticeModal extends React.Component {
+  constructor (props) {
+    super(props)
+
+    makeObservable(this)
+  }
+
+  @observable name = ''
+  @observable message = ''
+  @observable color = ''
+  @observable fontColor = ''
+
+  componentDidMount () {
+    this.color = '#4CAF50'
+    this.fontColor = '#ffffff'
+
+    helpers.UI.inputs()
+    helpers.UI.reRenderInputs()
+    helpers.formvalidator()
+  }
+
+  componentDidUpdate (prevProps, prevState, snapshot) {
+    helpers.UI.reRenderInputs()
+  }
+
+  onInputChange (target, e) {
+    this[target] = e.target.value
+  }
+
+  onFormSubmit (e) {
+    e.preventDefault()
+    const $form = $(e.target)
+    if (!$form.isValid(null, null, false)) return false
+
+    const payload = {
+      name: this.name,
+      message: this.message,
+      color: this.color,
+      fontColor: this.fontColor
+    }
+
+    this.props.createNotice(payload).then(() => {
+      helpers.resizeAll()
+    })
+  }
+
+  render () {
+    return (
+      <BaseModal {...this.props} options={{ bgclose: false }}>
+        <div className={'mb-25'}>
+          <h2>Create Notice</h2>
+        </div>
+        <form className={'uk-form-stacked'} onSubmit={e => this.onFormSubmit(e)}>
+          <div className={'uk-margin-medium-bottom'}>
+            <label>Name</label>
+            <input
+              type='text'
+              className={'md-input'}
+              value={this.name}
+              onChange={e => this.onInputChange('name', e)}
+              data-validation='length'
+              data-validation-length={'min2'}
+              data-validation-error-msg={'Please enter a notice name. (Must contain 2 characters)'}
+            />
+          </div>
+          <div className={'uk-margin-medium-bottom'}>
+            <label>Message</label>
+            <textarea
+              className={'md-input'}
+              value={this.message}
+              onChange={e => this.onInputChange('message', e)}
+              data-validation='length'
+              data-validation-length={'min10'}
+              data-validation-error-msg={'Please enter a notice message. (Must contain 10 characters)'}
+            />
+          </div>
+          <div>
+            <span style={{ display: 'inline-block', float: 'left', paddingTop: 5 }}>Background Color</span>
+            <PopoverColorPicker
+              color={this.color}
+              onChange={c => {
+                this.color = c
+              }}
+              style={{ float: 'left', marginLeft: 5, marginRight: 15 }}
+            />
+            <span style={{ display: 'inline-block', float: 'left', paddingTop: 5 }}>Font Color</span>
+            <PopoverColorPicker
+              color={this.fontColor}
+              onChange={c => {
+                this.fontColor = c
+              }}
+              style={{ float: 'left', marginLeft: 5 }}
+            />
+          </div>
+
+          <div className='uk-modal-footer uk-text-right'>
+            <Button text={'Close'} flat={true} waves={true} extraClass={'uk-modal-close'} />
+            <Button text={'Create Notice'} flat={true} waves={true} style={'primary'} type={'submit'} />
+          </div>
+        </form>
+      </BaseModal>
+    )
+  }
+}
+
+CreateNoticeModal.propTypes = {
+  createNotice: PropTypes.func.isRequired
+}
+
+const mapStateToProps = state => ({})
+
+export default connect(mapStateToProps, { createNotice })(CreateNoticeModal)
diff --git a/src/client/containers/Modals/index.jsx b/src/client/containers/Modals/index.jsx
index c15bdbd70..42192a2ba 100644
--- a/src/client/containers/Modals/index.jsx
+++ b/src/client/containers/Modals/index.jsx
@@ -38,6 +38,7 @@ import CreateTeamModal from './CreateTeamModal'
 import EditTeamModal from './EditTeamModal'
 import CreateDepartmentModal from './CreateDepartmentModal'
 import EditDepartmentModal from './EditDepartmentModal'
+import CreateNoticeModal from 'containers/Modals/CreateNoticeModal'
 import EditNoticeModal from 'containers/Modals/EditNoticeModal'
 import LinkWarningModal from 'containers/Modals/LinkWarningModal'
 
@@ -63,6 +64,7 @@ const MODAL_COMPONENTS = {
   EDIT_TEAM: EditTeamModal,
   CREATE_DEPARTMENT: CreateDepartmentModal,
   EDIT_DEPARTMENT: EditDepartmentModal,
+  CREATE_NOTICE: CreateNoticeModal,
   EDIT_NOTICE: EditNoticeModal,
   LINK_WARNING: LinkWarningModal
 }
diff --git a/src/client/containers/Notice/NoticeContainer.jsx b/src/client/containers/Notice/NoticeContainer.jsx
index 2bfd2698a..ebea7ebe7 100644
--- a/src/client/containers/Notice/NoticeContainer.jsx
+++ b/src/client/containers/Notice/NoticeContainer.jsx
@@ -29,6 +29,10 @@ class NoticeContainer extends React.Component {
     this.props.fetchNotices()
   }
 
+  componentDidUpdate () {
+    helpers.resizeAll()
+  }
+
   componentWillUnmount () {
     this.props.unloadNotices()
   }
@@ -145,6 +149,18 @@ class NoticeContainer extends React.Component {
                     onClick={() => this.onDeactivateNotice()}
                   />
                 )}
+                {helpers.canUser('notices:create') && (
+                  <Button
+                    text={'Create'}
+                    flat={false}
+                    small={true}
+                    waves={false}
+                    extraClass={'hover-success'}
+                    onClick={() => {
+                      this.props.showModal('CREATE_NOTICE')
+                    }}
+                  />
+                )}
               </div>
             </div>
           }
diff --git a/src/client/reducers/noticesReducer.js b/src/client/reducers/noticesReducer.js
index d43fd6b38..0a069b791 100644
--- a/src/client/reducers/noticesReducer.js
+++ b/src/client/reducers/noticesReducer.js
@@ -1,6 +1,6 @@
 import { fromJS, List } from 'immutable'
 import { handleActions } from 'redux-actions'
-import { FETCH_NOTICES, UPDATE_NOTICE, DELETE_NOTICE, UNLOAD_NOTICES } from 'actions/types'
+import { FETCH_NOTICES, UPDATE_NOTICE, DELETE_NOTICE, UNLOAD_NOTICES, CREATE_NOTICE } from 'actions/types'
 
 const initialState = {
   notices: List([]),
@@ -24,6 +24,15 @@ const reducer = handleActions(
       }
     },
 
+    [CREATE_NOTICE.SUCCESS]: (state, action) => {
+      const notice = action.response.notice
+
+      return {
+        ...state,
+        notices: state.notices.push(fromJS(notice))
+      }
+    },
+
     [UPDATE_NOTICE.SUCCESS]: (state, action) => {
       const notice = action.response.notice
       const idx = state.notices.findIndex(n => {
diff --git a/src/client/sagas/notices/index.js b/src/client/sagas/notices/index.js
index 22ba23eea..c3ed0a905 100644
--- a/src/client/sagas/notices/index.js
+++ b/src/client/sagas/notices/index.js
@@ -13,7 +13,7 @@
  */
 
 import { call, put, takeLatest } from 'redux-saga/effects'
-import { FETCH_NOTICES, UPDATE_NOTICE, DELETE_NOTICE, UNLOAD_NOTICES, HIDE_MODAL } from 'actions/types'
+import { FETCH_NOTICES, UPDATE_NOTICE, DELETE_NOTICE, UNLOAD_NOTICES, HIDE_MODAL, CREATE_NOTICE } from 'actions/types'
 
 import api from '../../api'
 import Log from '../../logger'
@@ -31,6 +31,23 @@ function * fetchNotices ({ payload }) {
   }
 }
 
+function * createNotice ({ payload, meta }) {
+  try {
+    const response = yield call(api.notices.create, payload)
+    yield put({ type: CREATE_NOTICE.SUCCESS, response, meta })
+    yield put({ type: HIDE_MODAL.ACTION })
+    helpers.UI.showSnackbar('Notice Created')
+  } catch (error) {
+    const errorText = error.response ? error.response.data.error : error
+    if (error.response && error.response.status !== (401 || 403)) {
+      Log.error(errorText, error)
+      helpers.UI.showSnackbar(`Error: ${errorText}`, true)
+    }
+
+    yield put({ type: CREATE_NOTICE.ERROR, error })
+  }
+}
+
 function * updateNotice ({ payload }) {
   try {
     const response = yield call(api.notices.update, payload)
@@ -71,6 +88,7 @@ function * unloadThunk ({ payload, meta }) {
 }
 
 export default function * watch () {
+  yield takeLatest(CREATE_NOTICE.ACTION, createNotice)
   yield takeLatest(FETCH_NOTICES.ACTION, fetchNotices)
   yield takeLatest(UPDATE_NOTICE.ACTION, updateNotice)
   yield takeLatest(DELETE_NOTICE.ACTION, deleteNotice)
diff --git a/src/controllers/api/v2/notices.js b/src/controllers/api/v2/notices.js
index 594f26906..b38ba529a 100644
--- a/src/controllers/api/v2/notices.js
+++ b/src/controllers/api/v2/notices.js
@@ -12,10 +12,29 @@
  *  Copyright (c) 2014-2022. All rights reserved.
  */
 
-var apiUtils = require('../apiUtils')
-var Notice = require('../../../models/notice')
+const winston = require('../../../logger')
+const apiUtils = require('../apiUtils')
+const Notice = require('../../../models/notice')
 
-var apiNotices = {}
+const apiNotices = {}
+
+apiNotices.create = async (req, res) => {
+  const payload = req.body
+
+  try {
+    const notice = await Notice.create({
+      name: payload.name,
+      message: payload.message,
+      color: payload.color,
+      fontColor: payload.fontColor
+    })
+
+    return apiUtils.sendApiSuccess(res, { notice })
+  } catch (err) {
+    winston.debug(err)
+    return apiUtils.sendApiError(res, 500, err.message)
+  }
+}
 
 apiNotices.get = function (req, res) {
   Notice.find({}, function (err, notices) {
diff --git a/src/controllers/api/v2/routes.js b/src/controllers/api/v2/routes.js
index 8531b32b6..3170eb5f4 100644
--- a/src/controllers/api/v2/routes.js
+++ b/src/controllers/api/v2/routes.js
@@ -64,6 +64,7 @@ module.exports = function (middleware, router, controllers) {
 
   // Notices
   router.get('/api/v2/notices', apiv2Auth, apiv2.notices.get)
+  router.post('/api/v2/notices', apiv2Auth, canUser('notices:create'), apiv2.notices.create)
   // router.get('/api/v2/notices/active', apiv2Auth, apiv2.notices.getActive)
   router.put('/api/v2/notices/:id', apiv2Auth, canUser('notices:update'), apiv2.notices.update)
   router.put('/api/v2/notices/:id/activate', apiv2Auth, canUser('notices:activate'), apiv2.notices.activate)
diff --git a/src/public/js/angularjs/controllers/groups.js b/src/public/js/angularjs/controllers/groups.js
deleted file mode 100644
index 946da2823..000000000
--- a/src/public/js/angularjs/controllers/groups.js
+++ /dev/null
@@ -1,231 +0,0 @@
-/*
- *       .                             .o8                     oooo
- *    .o8                             "888                     `888
- *  .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
- *    888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
- *    888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
- *    888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
- *    "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
- *  ========================================================================
- *  Author:     Chris Brame
- *  Updated:    1/20/19 4:43 PM
- *  Copyright (c) 2014-2019. All rights reserved.
- */
-
-define([
-  'angular',
-  'underscore',
-  'jquery',
-  'modules/helpers',
-  'uikit',
-  'jquery_custom',
-  'history',
-  'multiselect'
-], function (angular, _, $, helpers, UIkit) {
-  return angular
-    .module('trudesk.controllers.groups', [])
-    .controller('groupsCtrl', function ($scope, $http, $timeout, $log) {
-      $scope.editGroup = function ($event) {
-        if (_.isNull($event.target) || _.isUndefined($event.target)) {
-          return false
-        }
-        var self = $($event.target)
-        var groupId = self.attr('data-group-id')
-
-        $http
-          .get('/api/v1/groups/' + groupId)
-          .success(function (data) {
-            var group = data.group
-            var form = $('#editGroupForm')
-            form.find('#__EditId').text(group._id)
-            form
-              .find('#gName')
-              .val(group.name)
-              .parent()
-              .addClass('md-input-filled')
-            var mappedMembers = _.map(group.members, '_id')
-            var mappedSendMailTo = _.map(group.sendMailTo, '_id')
-
-            form.find('#gMembers').multiSelect('deselect_all')
-            form.find('#gMembers').multiSelect('select', mappedMembers)
-            form.find('#gSendMailTo').multiSelect('deselect_all')
-            form.find('#gSendMailTo').multiSelect('select', mappedSendMailTo)
-
-            UIkit.modal('#groupEditModal').show()
-          })
-          .error(function (err) {
-            $log.log('[trudesk:groups:editGroup] - Error: ' + err)
-            helpers.UI.showSnackbar(err, true)
-          })
-      }
-
-      $scope.saveEditGroup = function ($event) {
-        var id = $($event.target)
-          .parents('form')
-          .find('#__EditId')
-          .text()
-        if (_.isUndefined(id)) {
-          helpers.UI.showSnackbar('Unable to get Group ID', true)
-          return false
-        }
-        var $form = $('#editGroupForm')
-        var formData = $form.serializeObject()
-        var members = $form.find('#gMembers').val()
-        var sendMailTo = $form.find('#gSendMailTo').val()
-
-        var apiData = {
-          name: formData.gName,
-          members: members,
-          sendMailTo: sendMailTo
-        }
-
-        $http({
-          method: 'PUT',
-          url: '/api/v1/groups/' + id,
-          data: apiData,
-          headers: { 'Content-Type': 'application/json' }
-        })
-          .success(function () {
-            helpers.UI.showSnackbar('Group Saved Successfully', false)
-            UIkit.modal('#groupEditModal').hide()
-            // Refresh Grid
-            refreshGrid()
-          })
-          .error(function (err) {
-            $log.log('[trudesk:groups:saveEditGroup] - Error: ' + err)
-            helpers.UI.showSnackbar(err.error, true)
-          })
-      }
-
-      $scope.createGroup = function () {
-        var formData = $('#createGroupForm').serializeObject()
-        var apiData = {
-          name: formData.gName,
-          members: formData.gMembers,
-          sendMailTo: formData.gSendMailTo
-        }
-
-        $http({
-          method: 'POST',
-          url: '/api/v1/groups/create',
-          data: apiData,
-          headers: { 'Content-Type': 'application/json' }
-        })
-          .success(function () {
-            helpers.UI.showSnackbar('Group Created Successfully', false)
-            UIkit.modal('#groupCreateModal').hide()
-            // Refresh Grid
-            $timeout(function () {
-              refreshGrid()
-            }, 0)
-          })
-          .error(function (err) {
-            $log.log('[trudesk:groups:createGroup] - Error: ' + err)
-            helpers.UI.showSnackbar(err, true)
-          })
-      }
-
-      $scope.deleteGroup = function (event) {
-        event.preventDefault()
-        var self = $(event.currentTarget)
-        var groupID = self.attr('data-group-id')
-        var card = self.parents('.tru-card-wrapper')
-        if (groupID) {
-          UIkit.modal.confirm(
-            'Are you sure you want to delete group: <strong>' + card.find('h3').attr('data-group-name') + '</strong>',
-            function () {
-              helpers.showLoader(0.8)
-              $http
-                .delete('/api/v1/groups/' + groupID)
-                .success(function () {
-                  helpers.hideLoader()
-                  helpers.UI.showSnackbar('Group Successfully Deleted', false)
-
-                  card.remove()
-                  UIkit.$html.trigger('changed.uk.dom')
-                })
-                .error(function (err) {
-                  helpers.hideLoader()
-                  $log.log('[trudesk:groups:deleteGroup] - Error: ' + err.error)
-                  helpers.UI.showSnackbar(err.error, true)
-                })
-            },
-            {
-              labels: { Ok: 'Yes', Cancel: 'No' },
-              confirmButtonClass: 'md-btn-danger'
-            }
-          )
-        }
-      }
-
-      function refreshGrid () {
-        var $cards = $('#group_list').find('.tru-card-wrapper')
-        $cards.each(function () {
-          var vm = this
-          var self = $(vm)
-          self.remove()
-        })
-
-        $http
-          .get('/api/v1/groups/all')
-          .success(function (data) {
-            var $groupList = $('#group_list')
-
-            var html = ''
-            _.each(data.groups, function (group) {
-              html += buildHTML(group)
-            })
-
-            var $injector = angular.injector(['ng', 'trudesk'])
-            $injector.invoke([
-              '$compile',
-              '$rootScope',
-              function ($compile, $rootScope) {
-                var $scope = $groupList.append(html).scope()
-                $compile($groupList)($scope || $rootScope)
-                $rootScope.$digest()
-              }
-            ])
-
-            UIkit.$html.trigger('changed.uk.dom')
-          })
-          .error(function (err) {
-            $log.log('[trudesk:groups:refreshGrid] - Error: ' + err.error)
-            helpers.UI.showSnackbar(err.error, true)
-          })
-      }
-
-      function buildHTML (group) {
-        var html = ''
-        html += '<div class="tru-card-wrapper" data-uk-filter="' + group.name + '">'
-        html += '<div class="tru-card tru-card-hover">'
-        html += '<div class="tru-card-head">'
-        html += '<div class="tru-card-head-menu" data-uk-dropdown="{pos: \'bottom-right\',mode:\'click\'}">'
-        html += '<i class="material-icons tru-icon">&#xE5D4;</i>'
-        html += '<div class="uk-dropdown uk-dropdown-small">'
-        html += '<ul class="uk-nav">'
-        html +=
-          '<li><a href="#" class="no-ajaxy" data-group-id="' +
-          group._id +
-          '" ng-click="editGroup($event)">Edit</a></li>'
-        html +=
-          '<li><a href="#" class="no-ajaxy" data-group-id="' +
-          group._id +
-          '" ng-click="deleteGroup($event)">Remove</a></li>'
-        html += '</ul>'
-        html += '</div>'
-        html += '</div>'
-        html += '<h3 class="tru-card-head-text uk-text-center" style="padding-top:60px;">'
-        html += group.name
-        html += '<span class="uk-text-truncate">'
-        html += _.size(group.members).toString() + ' ' + (_.size(group.members) === 1 ? 'member' : 'members')
-        html += '</span>'
-        html += '</h3>'
-        html += '</div>'
-        html += '</div>'
-        html += '</div>'
-
-        return html
-      }
-    })
-})
diff --git a/src/public/js/angularjs/controllers/settingsElasticSearch.js b/src/public/js/angularjs/controllers/settingsElasticSearch.js
deleted file mode 100644
index 9cb5cf279..000000000
--- a/src/public/js/angularjs/controllers/settingsElasticSearch.js
+++ /dev/null
@@ -1,184 +0,0 @@
-/**
-      .                             .o8                     oooo
-   .o8                             "888                     `888
- .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
-   888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
-   888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
-   888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
-   "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
- ========================================================================
- Created:    10/10/2018
- Author:     Chris Brame
-
- **/
-
-define([
-  'angular',
-  'underscore',
-  'jquery',
-  'modules/helpers',
-  'modules/socket',
-  'uikit',
-  'history',
-  'angularjs/services'
-], function (angular, _, $, helpers, socketClient, Uikit) {
-  return angular
-    .module('trudesk.controllers.settingsElasticSearch', ['trudesk.services.settings'])
-    .controller('settingsElasticSearchCtrl', function (SettingsService, $scope, $http, $timeout, $document, $log) {
-      // Local Functions
-      function toggleAnimation (forceState, state) {
-        var animateItems = $('.setting-item-wrap.animate-in')
-        var docElemStyle = $document[0].documentElement.style
-        var transitionProp = angular.isString(docElemStyle.transition) ? 'transition' : 'WebkitTransition'
-
-        for (var i = 0; i < animateItems.length; i++) {
-          var item = animateItems[i]
-          item.style[transitionProp + 'Delay'] = i * 50 + 'ms'
-          if (forceState) {
-            if (state) item.classList.add('is-in')
-            else item.classList.remove('is-in')
-          } else item.classList.toggle('is-in')
-        }
-      }
-
-      function getStatus () {
-        if (!SettingsService.getSettings().elasticSearchConfigured.value) {
-          $scope.esStatus = 'Not Configured'
-          $scope.indexCount = '0'
-          $scope.inSyncText = 'Not Configured'
-          return false
-        }
-
-        // Get Elastic Search Status
-        $http.get('/api/v1/admin/elasticsearch/status').then(
-          function success (response) {
-            $scope.esStatus = response.data.status.esStatus
-            $scope.esStatusClass = 'none'
-            if ($scope.esStatus.toLowerCase() === 'connected') $scope.esStatusClass = 'success'
-            if ($scope.esStatus.toLowerCase() === 'error') $scope.esStatusClass = 'danger'
-
-            $scope.indexCount = response.data.status.indexCount
-            $scope.indexCountFormatted = $scope.indexCount.toLocaleString()
-
-            if (response.data.status.inSync) {
-              $scope.inSyncText = 'In Sync'
-              $scope.inSyncClass = 'bg-success'
-            } else {
-              $scope.inSyncText = 'Out of Sync'
-              $scope.inSyncClass = 'bg-warning'
-            }
-
-            // Refresh on Rebuild every 5s
-            if ($scope.esStatus.toLowerCase() === 'rebuilding...') {
-              $timeout(getStatus, 5000)
-              $('#es-rebuild-btn').attr('disabled', true)
-            }
-          },
-          function error (err) {
-            $log.error(err)
-            $scope.esStatus = 'Error'
-            $scope.esStatusClass = 'danger'
-            $scope.inSyncText = 'Unknown'
-            if (err.data.error.message) helpers.UI.showSnackbar('Error: ' + err.data.error.message, true)
-            else if (err.data.error.msg)
-              helpers.UI.showSnackbar('Error: An unknown error occurred. Check Console.', true)
-            else helpers.UI.showSnackbar('Error: ' + err.data.error, true)
-          }
-        )
-      }
-
-      // Scope
-
-      // Vars
-      $scope.esStatus = 'Please Wait...'
-      $scope.indexCount = 0
-      $scope.indexCountFormatted = 0
-      $scope.inSyncText = 'Please Wait...'
-
-      $scope.init = function () {
-        // Animate if enabled
-        if ($scope.elasticSearchEnable) toggleAnimation(true, true)
-
-        getStatus()
-      }
-
-      $scope.elasticSearchEnableChange = function () {
-        toggleAnimation(true, $scope.elasticSearchEnable)
-
-        $http
-          .put(
-            '/api/v1/settings',
-            {
-              name: 'es:enable',
-              value: $scope.elasticSearchEnable
-            },
-            {
-              headers: {
-                'Content-Type': 'application/json'
-              }
-            }
-          )
-          .then(
-            function successCallback () {},
-            function errorCallback (err) {
-              helpers.UI.showSnackbar('Error: ' + err, true)
-            }
-          )
-      }
-
-      $scope.esServerFormSubmit = function ($event) {
-        $event.preventDefault()
-
-        $http
-          .put(
-            '/api/v1/settings',
-            [{ name: 'es:host', value: $scope.esServer }, { name: 'es:port', value: $scope.esPort }],
-            {
-              headers: {
-                'Content-Type': 'application/json'
-              }
-            }
-          )
-          .then(
-            function successCallback () {
-              SettingsService.getSettings().elasticSearchConfigured.value = true
-              SettingsService.getSettings().elasticSearchHost.value = $scope.esServer
-              SettingsService.getSettings().elasticSearchPort.value = $scope.esPort
-              helpers.UI.showSnackbar('Settings Saved', false)
-            },
-            function errorCallback (err) {
-              helpers.UI.showSnackbar('Error: ' + err, true)
-            }
-          )
-      }
-
-      $scope.rebuildIndexClicked = function ($event) {
-        $event.preventDefault()
-
-        Uikit.modal.confirm(
-          'Are you sure you want to rebuild the index?',
-          function () {
-            $http
-              .get('/api/v1/admin/elasticsearch/rebuild')
-              .success(function () {
-                $scope.esStatus = 'Rebuilding...'
-                $scope.esStatusClass = 'text-warning'
-                helpers.UI.showSnackbar('Rebuilding Index...', false)
-                $($event.currentTarget).attr('disabled', true)
-                $timeout(function () {
-                  getStatus()
-                }, 3000)
-              })
-              .error(function (err) {
-                $log.error('[trudesk:settings:es:RebuildIndex] - Error: ' + err.error)
-                helpers.UI.showSnackbar('Error: An unknown error occurred. Check Console.', true)
-              })
-          },
-          {
-            labels: { Ok: 'Yes', Cancel: 'No' },
-            confirmButtonClass: 'md-btn-danger'
-          }
-        )
-      }
-    })
-})
diff --git a/src/public/js/pages/createNotice.js b/src/public/js/pages/createNotice.js
index 139ba02e2..45a2f9e16 100644
--- a/src/public/js/pages/createNotice.js
+++ b/src/public/js/pages/createNotice.js
@@ -1,30 +1,30 @@
-/*
- *       .                             .o8                     oooo
- *    .o8                             "888                     `888
- *  .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
- *    888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
- *    888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
- *    888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
- *    "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
- *  ========================================================================
- *  Author:     Chris Brame
- *  Updated:    1/20/19 4:43 PM
- *  Copyright (c) 2014-2019. All rights reserved.
- */
-
-define('pages/createNotice', ['jquery', 'chosen', 'history', 'colorpicker'], function ($) {
-  var createNotice = {}
-
-  createNotice.init = function (callback) {
-    $(document).ready(function () {
-      $('select[name="nColor"]').simplecolorpicker({ theme: 'fontawesome' })
-      $('select[name="nFontColor"]').simplecolorpicker({ theme: 'fontawesome' })
-
-      if (typeof callback === 'function') {
-        return callback()
-      }
-    })
-  }
-
-  return createNotice
-})
+// /*
+//  *       .                             .o8                     oooo
+//  *    .o8                             "888                     `888
+//  *  .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
+//  *    888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
+//  *    888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
+//  *    888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
+//  *    "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
+//  *  ========================================================================
+//  *  Author:     Chris Brame
+//  *  Updated:    1/20/19 4:43 PM
+//  *  Copyright (c) 2014-2019. All rights reserved.
+//  */
+//
+// define('pages/createNotice', ['jquery', 'chosen', 'history', 'colorpicker'], function ($) {
+//   var createNotice = {}
+//
+//   createNotice.init = function (callback) {
+//     $(document).ready(function () {
+//       $('select[name="nColor"]').simplecolorpicker({ theme: 'fontawesome' })
+//       $('select[name="nFontColor"]').simplecolorpicker({ theme: 'fontawesome' })
+//
+//       if (typeof callback === 'function') {
+//         return callback()
+//       }
+//     })
+//   }
+//
+//   return createNotice
+// })
diff --git a/src/public/js/pages/groups.js b/src/public/js/pages/groups.js
deleted file mode 100644
index 5648d73f0..000000000
--- a/src/public/js/pages/groups.js
+++ /dev/null
@@ -1,110 +0,0 @@
-/*
- *       .                             .o8                     oooo
- *    .o8                             "888                     `888
- *  .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
- *    888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
- *    888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
- *    888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
- *    "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
- *  ========================================================================
- *  Author:     Chris Brame
- *  Updated:    1/20/19 4:43 PM
- *  Copyright (c) 2014-2019. All rights reserved.
- */
-
-define('pages/groups', [
-  'jquery',
-  'modules/helpers',
-  'uikit',
-  'datatables',
-  'dt_responsive',
-  'dt_grouping',
-  // 'dt_foundation',
-  'dt_scroller',
-  'history'
-], function ($, helpers, UIkit) {
-  var groupsPage = {}
-
-  groupsPage.init = function (callback) {
-    $(document).ready(function () {
-      // get all filters
-      var filterArray = []
-      $('#group_list')
-        .children()
-        .each(function () {
-          var thisfilter = $(this).attr('data-uk-filter')
-          if ($.inArray(thisfilter, filterArray) === -1) {
-            filterArray.push(thisfilter)
-          }
-        })
-
-      var filterArrayLength = filterArray.length
-
-      var grid = UIkit.grid($('#group_list'), {
-        controls: '',
-        gutter: 20
-      })
-
-      // find user
-      $('#group_list_search')
-        .keyup(function () {
-          var sValue = $(this)
-            .val()
-            .toLowerCase()
-
-          if (sValue.length > 2) {
-            var filteredItems = ''
-            for (var $i = 0; $i < filterArrayLength; $i++) {
-              if (filterArray[$i].toLowerCase().indexOf(sValue) !== -1) {
-                filteredItems += (filteredItems.length > 1 ? ',' : '') + filterArray[$i]
-              }
-            }
-
-            if (filteredItems) {
-              // filter grid items
-              grid.filter(filteredItems)
-            } else {
-              // show all
-              grid.filter('all')
-            }
-          } else {
-            // reset filter
-            grid.filter()
-          }
-        })
-        .on('blur', function () {
-          // clear search input
-          // $(this).val('');
-        })
-
-      //            var table = $('#groupsTable');
-      //            table.dataTable({
-      //                searching: true,
-      //                bLengthChange: false,
-      //                bPaginate: false,
-      //                iDisplayLength: 99999,
-      //                bInfo: false,
-      //                scrollY: '100%',
-      //                order: [[1, 'asc']],
-      //                columnDefs: [
-      //                    {"width": "50px", "targets": 0}
-      //                ]
-      //            });
-      /// /                .rowGrouping({
-      /// /                iGroupingColumnIndex: 5,
-      /// /                sGroupingColumnSortDirection: "asc",
-      /// /                iGroupingOrderByColumnIndex: 1,
-      /// /                bHideGroupingColumn: false,
-      /// /                bHideGroupingOrderByColumn: false
-      /// /            });
-      //
-      //            helpers.resizeDataTables('.groupsList');
-
-      if (typeof callback === 'function') {
-        return callback()
-      }
-    })
-  }
-
-  return groupsPage
-})
diff --git a/src/public/js/pages/singleTicket.js b/src/public/js/pages/singleTicket.js
deleted file mode 100644
index e5df0613d..000000000
--- a/src/public/js/pages/singleTicket.js
+++ /dev/null
@@ -1,50 +0,0 @@
-/*
- *       .                             .o8                     oooo
- *    .o8                             "888                     `888
- *  .o888oo oooo d8b oooo  oooo   .oooo888   .ooooo.   .oooo.o  888  oooo
- *    888   `888""8P `888  `888  d88' `888  d88' `88b d88(  "8  888 .8P'
- *    888    888      888   888  888   888  888ooo888 `"Y88b.   888888.
- *    888 .  888      888   888  888   888  888    .o o.  )88b  888 `88b.
- *    "888" d888b     `V88V"V8P' `Y8bod88P" `Y8bod8P' 8""888P' o888o o888o
- *  ========================================================================
- *  Author:     Chris Brame
- *  Updated:    1/20/19 4:46 PM
- *  Copyright (c) 2014-2019. All rights reserved.
- */
-
-define('pages/singleTicket', [
-  'jquery',
-  'underscore',
-  'modules/socket',
-  'tomarkdown',
-  'modules/helpers',
-  'jquery_custom'
-], function ($, _, socketClient, md, helpers) {
-  var st = {}
-  st.init = function (callback) {
-    $(document).ready(function () {
-      socketClient.chat.updateOnlineBubbles()
-
-      $('.issue-body img:not(.hasLinked)').each(function () {
-        setupImageLink(this)
-      })
-
-      function setupImageLink (el) {
-        var $this = $(el)
-        var src = $this.attr('src')
-        $this.addClass('hasLinked')
-        var a = $('<a>')
-          .addClass('no-ajaxy')
-          .attr('href', src)
-          .attr('target', '_blank')
-        $this.wrap(a)
-      }
-
-      if (typeof callback === 'function') {
-        return callback()
-      }
-    })
-  }
-
-  return st
-})
diff --git a/src/sass/partials/ui.sass b/src/sass/partials/ui.sass
index 27b1b4456..46451a649 100644
--- a/src/sass/partials/ui.sass
+++ b/src/sass/partials/ui.sass
@@ -297,6 +297,10 @@ label.md-label
     &:hover
       color: #fff
       background: $accent_danger
+  &.hover-success
+    &:hover
+      color: #fff
+      background: $accent_success
 
 .md-color-white
   color: white !important