Add feedback widget

2015-01-12 12:35:36 -08:00
parent 1b328a8542
commit c510c5a1da
11 changed files with 294 additions and 11 deletions
@@ -0,0 +1,103 @@
+###
+Crafting Guide - feedback_controller.coffee
+
+Copyright (c) 2015 by Redwood Labs
+All rights reserved.
+###
+
+BaseController = require './base_controller'
+{Duration}     = require '../constants'
+EmailClient    = require '../models/email_client'
+{Key}          = require '../constants'
+
+########################################################################################################################
+
+module.exports = class FeedbackController extends BaseController
+
+    constructor: (options={})->
+        options.model ?= new EmailClient
+        options.templateName = 'feedback'
+        super options
+
+        Object.defineProperty this, 'isOpen', get:-> @$el.offset().left is 0
+
+    # Event Methods ################################################################################
+
+    onSendClicked: ->
+        return unless @$commentField.val().length > 0
+        @$sendButton.attr 'disabled', 'disabled'
+
+        message =
+            subject:'Crafting Guide Feedback'
+            body:
+                """
+                url: #{window.location.href}
+                name: #{@$nameField.val()}
+                email: #{@$emailField.val()}
+                comment:
+
+                #{@$commentField.val()}
+                """
+
+        @model.send(message)
+            .then =>
+                @onToggle()
+                @$error.slideUp duration:Duration.fast
+            .catch (error)=>
+                @$error.slideDown duration:Duration.normal
+            .finally =>
+                @$sendButton.removeAttr 'disabled'
+
+    onTextChanged: (event)->
+        if @$commentField.val().length > 0
+            @$sendButton.removeAttr 'disabled'
+        else
+            @$sendButton.attr 'disabled', 'disabled'
+
+        if event?.which is Key.Return and @$commentField.val().length > 0
+            @onSendClicked()
+
+    onToggle: ->
+        @$screen.off 'click'
+
+        if @isOpen
+            @$screen.css display:'none'
+            @$el.animate {left:-@$el.outerWidth()}, duration:Duration.normal, complete:=>
+                @$commentField.val ''
+                @$('input, textarea').blur()
+        else
+            @$screen.on 'click', => @onToggle()
+            @$screen.css display:'block'
+
+            @$el.animate {left:0}, duration:Duration.normal, complete:=>
+                if @$nameField.val().length is 0
+                    @$nameField.focus()
+                else if @$emailField.val().length is 0
+                    @$emailField.focus()
+                else
+                    @$commentField.focus()
+
+    # BaseController Overrides #####################################################################
+
+    onDidRender: ->
+        @$screen = $('.view__screen')
+
+        @$commentField = @$('textarea[name="comment"]')
+        @$emailField   = @$('input[name="email"]')
+        @$error        = @$('.error')
+        @$nameField    = @$('input[name="name"]')
+        @$sendButton   = @$('button[name="send"]')
+
+        windowHeight = window.innerHeight
+        @$el.delay(Duration.slow).animate {left:-@$el.outerWidth()}, Duration.slow
+        @onTextChanged()
+
+        super
+
+    # Backbone.View Methods ########################################################################
+
+    events:
+        'click .label':   'onToggle'
+        'click button':   'onSendClicked'
+        'input textarea': 'onTextChanged'
+        'keyup textarea': 'onTextChanged'