Merge pull request #835 from scott/experiment/ticket-ui-2

Helpy 2

Gemfile

@@ -108,6 +108,7 @@ gem 'selectize-rails'
 gem "bootstrap-switch-rails"
 gem 'bootstrap-datepicker-rails'
 gem 'bootstrap-select-rails'
+gem 'gemoji'
 
 gem 'config', '~> 1.1.0', git: 'https://github.com/railsconfig/config.git'
 
@@ -124,6 +125,10 @@ gem 'griddler-postmark'
 gem 'griddler-mailin'
 gem 'griddler-sparkpost'
 
+# html Email
+gem 'inky-rb', require: 'inky'
+gem 'premailer-rails'
+
 gem 'rails-timeago'
 
 gem 'devise_invitable', '~> 1.6'

Gemfile.lock

@@ -150,7 +150,9 @@ GEM
     coffee-script-source (1.10.0)
     commonjs (0.2.7)
     concurrent-ruby (1.0.5)
-    crass (1.0.3)
+    crass (1.0.4)
+    css_parser (1.6.0)
+      addressable
     daemons (1.2.3)
     debug_inspector (0.0.2)
     deep_merge (1.0.1)
@@ -189,8 +191,10 @@ GEM
     faraday (0.9.2)
       multipart-post (>= 1.2, < 3)
     ffi (1.9.17)
-    font-awesome-sass (4.5.0)
-      sass (>= 3.2)
+    font-awesome-sass (5.0.13)
+      sassc (>= 1.11)
+    foundation_emails (2.2.1.0)
+    gemoji (3.0.0)
     globalid (0.4.1)
       activesupport (>= 4.2.0)
     globalize (5.0.1)
@@ -259,12 +263,15 @@ GEM
     http-cookie (1.0.2)
       domain_name (~> 0.5)
     http_accept_language (2.0.5)
-    i18n (0.9.3)
+    i18n (0.9.5)
       concurrent-ruby (~> 1.0)
     i18n-country-translations (1.2.3)
       i18n (~> 0.5)
       railties (>= 3.0)
     ice_nine (0.11.2)
+    inky-rb (1.3.7.2)
+      foundation_emails (~> 2)
+      nokogiri
     jbuilder (2.4.1)
       activesupport (>= 3.0.0, < 5.1)
       multi_json (~> 1.2)
@@ -275,14 +282,14 @@ GEM
     jquery-minicolors-rails (2.2.3.0)
       jquery-rails
       rails (>= 3.2.8)
-    jquery-rails (4.1.1)
+    jquery-rails (4.3.1)
       rails-dom-testing (>= 1, < 3)
       railties (>= 4.2.0)
       thor (>= 0.14, < 2.0)
     jquery-turbolinks (2.1.0)
       railties (>= 3.1.0)
       turbolinks
-    jquery-ui-rails (5.0.5)
+    jquery-ui-rails (6.0.1)
       railties (>= 3.2.16)
     js_regex (1.0.14)
       regexp_parser (= 0.3.3)
@@ -386,6 +393,13 @@ GEM
       arel
     polyglot (0.3.5)
     powerpack (0.1.1)
+    premailer (1.11.1)
+      addressable
+      css_parser (>= 1.6.0)
+      htmlentities (>= 4.0.0)
+    premailer-rails (1.10.1)
+      actionmailer (>= 3, < 6)
+      premailer (~> 1.7, >= 1.7.9)
     pry (0.10.4)
       coderay (~> 1.1.0)
       method_source (~> 0.8.1)
@@ -477,13 +491,17 @@ GEM
       sexp_processor (~> 4.1)
     rubyzip (1.2.1)
     safe_yaml (1.0.4)
-    sass (3.4.22)
+    sass (3.4.25)
     sass-rails (5.0.6)
       railties (>= 4.0.0, < 6)
       sass (~> 3.1)
       sprockets (>= 2.8, < 4.0)
       sprockets-rails (>= 2.0, < 4.0)
       tilt (>= 1.1, < 3)
+    sassc (1.11.4)
+      bundler
+      ffi (~> 1.9.6)
+      sass (>= 3.3.0)
     scss-lint (0.38.0)
       rainbow (~> 2.0)
       sass (~> 3.4.1)
@@ -525,7 +543,7 @@ GEM
     staccato (0.4.5)
     sucker_punch (2.0.1)
       concurrent-ruby (~> 1.0.0)
-    summernote-rails (0.8.3.0)
+    summernote-rails (0.8.10.0)
       railties (>= 3.1)
     temple (0.7.6)
     terminal-table (1.5.2)
@@ -547,7 +565,7 @@ GEM
       less-rails (>= 2.5.0)
       railties (>= 3.1)
     twitter-bootstrap-rails-confirm (1.0.5)
-    tzinfo (1.2.4)
+    tzinfo (1.2.5)
       thread_safe (~> 0.1)
     uglifier (3.0.0)
       execjs (>= 0.3.0, < 3)
@@ -612,6 +630,7 @@ DEPENDENCIES
   factory_girl_rails
   faker
   font-awesome-sass
+  gemoji
   globalize-accessors
   globalize-versioning
   grape
@@ -633,6 +652,7 @@ DEPENDENCIES
   helpy_onboarding!
   http_accept_language
   i18n-country-translations
+  inky-rb
   jbuilder (~> 2.0)
   jquery-fileupload-rails
   jquery-minicolors-rails
@@ -657,6 +677,7 @@ DEPENDENCIES
   permalink_fu
   pg
   pg_search
+  premailer-rails
   pry
   pry-byebug
   rack-cors

README.md

@@ -1,14 +1,20 @@
-Helpy: A Modern Helpdesk Alternative
+Helpy: A Modern Helpdesk Platform for the Web
 ====================================
 
-Helpy is a modern, "mobile first" helpdesk solution written in Ruby on Rails 4.2 and released under the MIT license.  The goal of Helpy is to provide a full featured open source helpdesk platform.
+Helpy is a modern omnichannel helpdesk platform written in Ruby on Rails 4.2 and released under the MIT license.  The goal of Helpy is to power your support email and ticketing, integrate seamlessly with your app, and run an amazing customer helpcenter.  
 
 [![Build Status](https://img.shields.io/travis/helpyio/helpy/master.svg)](https://travis-ci.org/helpyio/helpy) [![Code Climate](https://codeclimate.com/github/helpyio/helpy/badges/gpa.svg)](https://codeclimate.com/github/helpyio/helpy)
 
 ![](http://helpy.io/images/HelpyBrowser.png)
 
+Sponsor/Support Helpy
+========
+
+Helpy is licensed under the MIT license, and is an open-core project. This means that the core functionality is 100% open source and fully hackable or even re-sellable under the MIT license.  See the features comparison below to understand what is included.  
 
-Features
+Helpy is a large system and cannot exist purely as a hobby project. If you use it in a money generating capacity, it makes good sense to support the project financially or by becoming an official sponsor.
+
+Open Source Features
 ========
 
 Helpy is an integrated support solution- combining and leveraging synergies between support ticketing, Knowledgebase and a public community.  Each feature is optional however, and can be easily disabled.
@@ -23,10 +29,47 @@ Helpy is an integrated support solution- combining and leveraging synergies betw
 - **Multi-lingual:** Helpy is fully multi-lingual and can provide support in multiple languages at the same time.  Currently the app includes translations for 19 languages and is easy to translate.
 - **Themeable:** Customize the look and functionality of your Helpy without disturbing the underlying system that makes it all work. Helpy comes with two additional themes, and we hope to add more and get more from the community as time goes on.
 
-Hosting
+What is new in Version 2.0
+=========
+Version 2 includes a number of awesome improvements in the open source edition, and even more in the pro and cloud hosted versions:
+
+- Refreshed Admin UI
+- New Helpcenter theme: Singular
+- HTML support when responding to tickets
+- Nicer HTML alert emails
+- Nicer HTML responses to customers
+- HTML emails now include the full ticket history
+- UI for replying to tickets re-imagined
+- Inline customer editing
+- Channel and source reporting
+- New support for emoji's in ticket replies
+- Customize the colors of the admin UI
+- Ability to email customers from the create ticket dialogue
+- New internal ticket type
+- Set all ticket params from admin create ticket UI
+- Font Awesome 5 iconography
+- Improved support for CC and BCC recipients
+- Import/Export data in CSV
+- Comply with GDPR by deleting or anonymizing users
+
+Cloud Version
+=========
+
+We also offer a hosted version with additional features designed to make your helpcenter even more awesome. This is a turn-key SaaS and does not require any effort on your part to get it up and running. Proceeds go directly towards supporting the continued development of the project. Some of the things found in the hosted version:
+
+- Triggers: Insert events at any point in the ticket lifecycle. This includes an outbound JSON API.
+- Notifications: Browser notifications when new tickets are received, you are assigned to a ticket, etc.
+- Real time UI: When tickets arrive, they are automatically added to the UI
+- Custom Views: Add additional Ticketing queues to highlight just the tickets you need to see
+- Advanced reporting: A suite of additional reports on the performance of your ticketing and helpcenter knowledgebase
+- Advanced search: Easily filter and find tickets or customers when you have thousands
+- Customizable Request Forms: Easily Add questions to the ticket creation forms
+- AI Support Chatbot: Create a chatbot for your website to answer up 90% of tier one questions autonomously
+
+On-Premise and Dedicated Cloud
 =========
 
-We offer a hosted version of Helpy that includes a variety of additional features for businesses that don't want to worry about self installing and maintaining their Helpy.  You can get an instant free trial of the hosted version to see if Helpy is right for you: [Test it Out for Free](https://goo.gl/Jbrx0m)
+You may prefer to run Helpy locally or in-country.  You can still get access to the full cloud feature set with either an on-premise installation of the cloud hosted features, or a dedicated AWS instance in a regional data-center.  
 
 Live Demo
 =========
@@ -114,6 +157,6 @@ Welcome, and thanks for contributing to Helpy.  Together we are building the bes
 License
 =======
 
-Copyright 2017, Helpy.io, LLC, Scott Miller and Contributors. Helpy is released under the MIT open source license.  Please contribute back any enhancements you make.  Also, I would appreciate if you kept the "powered by Helpy" blurb in the footer.  This helps me keep track of how many are using Helpy.
+Copyright 2016-2018, Helpy.io, LLC, Scott Miller and Contributors. Helpy is released under the MIT open source license.  Please contribute back any enhancements you make.  Also, I would appreciate if you kept the "powered by Helpy" blurb in the footer.  This helps me keep track of how many are using Helpy.
 
 [![Analytics](https://ga-beacon.appspot.com/UA-50151-28/helpy/readme?pixel)](https://github.com/igrigorik/ga-beacon)

app/assets/javascripts/admin.js

@@ -25,6 +25,10 @@ String.prototype.capitalize = function() {
 var Helpy = Helpy || {};
 Helpy.admin = function(){
 
+  $(".alert").delay(2000).slideUp(500, function(){
+      $(".alert").alert('close');
+  });
+
   $('div.sortable').sortable({
     items: '.item',
     axis: 'y',
@@ -84,15 +88,15 @@ Helpy.admin = function(){
     theme: 'bootstrap'
   });
 
-  $('.reports-menu-toggle').off().on('click', function(){
-    var $reports_nav = $('.reports-nav');
-    if ($reports_nav.is(":visible")) {
-      $reports_nav.addClass('hidden-xs').addClass('hidden-sm');
-    } else {
-      $reports_nav.removeClass('hidden-xs').removeClass('hidden-sm');
-    }
-
-  });
+  // $('.reports-menu-toggle').off().on('click', function(){
+  //   var $reports_nav = $('.reports-nav');
+  //   if ($reports_nav.is(":visible")) {
+  //     $reports_nav.addClass('hidden-xs').addClass('hidden-sm');
+  //   } else {
+  //     $reports_nav.removeClass('hidden-xs').removeClass('hidden-sm');
+  //   }
+  //
+  // });
 
   $('.bs-toggle').bootstrapSwitch();
 
@@ -169,6 +173,47 @@ Helpy.admin = function(){
     $('#user_search').focus();
   });
 
+  // Highlight the last clicked view
+  $('.nav-item').off().on('click', function(){
+    var $this = $(this);
+    $('.nav-item').removeClass('nav-active');
+    $this.addClass('nav-active');
+  });
+
+  // Highlight the last clicked view
+  $('.nav-item').on('mouseover', function(){
+    var $this = $(this);
+    $this.addClass('nav-over');
+  });
+  // Highlight the last clicked view
+  $('.nav-item').on('mouseout', function(){
+    var $this = $(this);
+    $this.removeClass('nav-over');
+  });
+
+  Helpy.ticketMenu();
+
+};
+
+Helpy.ticketMenu = function() {
+  // Show/hide ticket menu
+  $('.show-ticket-menu').on('click', function(){
+    var $ticketNav = $('#admin-left-nav');
+
+    if ($ticketNav.hasClass('open')) {
+      $ticketNav.removeClass('open').addClass('hidden-xs').addClass('hidden-sm').removeClass('left-dropdown');
+    } else {
+      $ticketNav.addClass('open');
+      $ticketNav.removeClass('hidden-xs').removeClass('hidden-sm').addClass('left-dropdown');
+    }
+  });
+
+  $('.show-ticket-menu.open').on('click', function(){
+    var $ticketNav = $('#admin-left-nav');
+
+    $ticketNav.removeClass('open');
+    $ticketNav.addClass('hidden-xs');
+  });
 };
 
 Helpy.showPanel = function(panel) {

app/assets/javascripts/app.js

@@ -243,16 +243,11 @@ Helpy.ready = function(){
 
   // Use or append common reply
   $('#post_reply_id').on('change', function(){
-    var post_body = $('#post_body');
     var common_reply = $('#post_reply_id option:selected');
 
-    // append new line if some text already exists
-    if( post_body.val() && common_reply.val() ) {
-      post_body.val(post_body.val() + "\n\n");
-    }
-
-    // add content of selected reply
-    post_body.val( post_body.val() + common_reply.val() );
+    // set value of summernote with existing value + common reply
+    $('#post_body').summernote('code', $('#post_body').summernote('code') + common_reply.val());
+    $('#topic_post_body').summernote('code', $('#topic_post_body').summernote('code') + common_reply.val());
     $('.disableable').attr('disabled', false);
   });
 
@@ -411,11 +406,11 @@ Helpy.ready = function(){
 
   // Add hoversort icon
   $('.hoversort').off().on('mouseover', function(){
-    $(this).prepend('<span class="fa fa-arrows-v" style="color:#666; margin-right: 0;"></span>');
+    $(this).prepend('<span class="fas fa-arrows-alt-v" style="color:#666; margin-right: 0;"></span>');
     $(this).css("cursor","move");
 
     $(this).on('mouseout', function(){
-      $(this).find('span.fa-arrows-v').remove();
+      $(this).find('span.fa-arrows-alt-v').remove();
     });
   });
 };
@@ -469,7 +464,7 @@ Helpy.showGroup = function() {
 };
 
 Helpy.loader = function(){
-  $('#tickets').html("<div class=\"col-md-12 text-center no-tickets\"><i class=\"fa fa-spinner fa-pulse fa-3x fa-fw\"></i><span class=\"sr-only\"></span></div>");
+  $('#tickets').html("<div class=\"col-md-12 text-center no-tickets\"><i class=\"fas fa-spinner fa-pulse fa-3x fa-fw\"></i><span class=\"sr-only\"></span></div>");
 };
 
 $(document).ready(Helpy.ready);

app/assets/javascripts/application.js

@@ -11,11 +11,9 @@
 // about supported directives.
 //
 //= require jquery
+//= require jquery-ui
 //= require best_in_place
 //= require jquery_ujs
-//= require jquery-ui/sortable
-//= require jquery-ui/effect-highlight
-//= require jquery-ui/autocomplete
 //= require jquery-fileupload
 //= require bootstrap-sprockets
 //= require turbolinks