Prevent double submit, compose start.js, added messenger

app/assets/js/start.js

@@ -1,5 +1,58 @@
 $(function() {
 
+    // Ajax Setup
+    $.ajaxPrefilter(function(options, originalOptions, jqXHR) {
+        var token;
+        if (! options.crossDomain) {
+            token = $('meta[name="token"]').attr('content');
+            if (token) {
+                return jqXHR.setRequestHeader('X-CSRF-Token', token);
+            }
+        }
+    });
+
+    $.ajaxSetup({
+        statusCode: {
+            401: function () {
+                window.location.href = '/';
+            },
+            403: function () {
+                window.location.href = '/';
+            }
+        }
+    });
+
+    // Prevent double form submission
+    $('form').submit(function() {
+        var $form = $(this);
+        $form.find(':submit').prop('disabled', true);
+    });
+
+    // Messenger config
+    Messenger.options = {
+        extraClasses: 'messenger-fixed messenger-on-top',
+        theme: 'air'
+    }
+
+    // App setup
+    window.CachetHQ = {};
+
+    CachetHQ.Notifier = function () {
+        this.notify = function (message, type, options) {
+            type = (typeof type === 'undefined' || type == 'error') ? 'error' : type;
+
+            var defaultOptions = {
+                message: message,
+                type: type,
+                showCloseButton: true
+            };
+
+            var options = _.extend(defaultOptions, options);
+
+            Messenger().post(options);
+        };
+    };
+
     $('.color-code').minicolors({
         control: 'hue',
         defaultValue: $(this).val() || '',
@@ -27,10 +80,10 @@ $(function() {
             type: 'POST',
             data: formData,
             success: function(component) {
-                $('.alert').removeClass('hide');
+                (new CachetHQ.Notifier).notify($form.data('messenger'), 'success');
             },
             error: function(a, b, c) {
-                alert('Something went wrong updating the component.');
+                (new CachetHQ.Notifier).notify('Something went wrong updating the component.');
             }
         });
     });

app/assets/sass/main.scss

@@ -23,6 +23,9 @@ html, body {
 // Styles for specific page
 @import "pages/login";
 
+// Styles for plugins
+@import "plugins/messenger";
+
 // Status Page will need to override certain styles.
 @import "status-page";
 

app/assets/sass/plugins/_messenger.scss

@@ -0,0 +1,540 @@
+/* line 4, ../../src/sass/messenger.sass */
+ul.messenger {
+    margin: 0;
+    padding: 0;
+}
+/* line 8, ../../src/sass/messenger.sass */
+ul.messenger > li {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+/* line 14, ../../src/sass/messenger.sass */
+ul.messenger.messenger-empty {
+    display: none;
+}
+/* line 17, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message {
+    overflow: hidden;
+    *zoom: 1;
+}
+/* line 20, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message.messenger-hidden {
+    display: none;
+}
+/* line 23, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message .messenger-phrase, ul.messenger .messenger-message .messenger-actions a {
+    padding-right: 5px;
+}
+/* line 26, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message .messenger-actions {
+    float: right;
+}
+/* line 29, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message .messenger-actions a {
+    cursor: pointer;
+    text-decoration: underline;
+}
+/* line 33, ../../src/sass/messenger.sass */
+ul.messenger .messenger-message ul, ul.messenger .messenger-message ol {
+    margin: 10px 18px 0;
+}
+/* line 36, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed {
+    position: fixed;
+    z-index: 10000;
+}
+/* line 40, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed .messenger-message {
+    min-width: 0;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+/* line 45, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed .message .messenger-actions {
+    float: left;
+}
+/* line 48, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-top {
+    top: 20px;
+}
+/* line 51, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-bottom {
+    bottom: 20px;
+}
+/* line 54, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
+    left: 50%;
+    width: 600px;
+    margin-left: -300px;
+}
+@media (max-width: 960px) {
+    /* line 54, ../../src/sass/messenger.sass */
+    ul.messenger.messenger-fixed.messenger-on-top, ul.messenger.messenger-fixed.messenger-on-bottom {
+        left: 10%;
+        width: 80%;
+        margin-left: 0px;
+    }
+}
+/* line 64, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-top.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-right {
+    right: 20px;
+    left: auto;
+}
+/* line 68, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-top.messenger-on-left, ul.messenger.messenger-fixed.messenger-on-bottom.messenger-on-left {
+    left: 20px;
+    margin-left: 0px;
+}
+/* line 72, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-right, ul.messenger.messenger-fixed.messenger-on-left {
+    width: 350px;
+}
+/* line 75, ../../src/sass/messenger.sass */
+ul.messenger.messenger-fixed.messenger-on-right .messenger-actions, ul.messenger.messenger-fixed.messenger-on-left .messenger-actions {
+    float: left;
+}
+/* line 78, ../../src/sass/messenger.sass */
+ul.messenger .messenger-spinner {
+    display: none;
+}
+
+@-webkit-keyframes ui-spinner-rotate-right {
+    /* line 64, ../../src/sass/messenger-spinner.scss */
+    0% {
+        -webkit-transform: rotate(0deg);
+    }
+
+    /* line 65, ../../src/sass/messenger-spinner.scss */
+    25% {
+        -webkit-transform: rotate(180deg);
+    }
+
+    /* line 66, ../../src/sass/messenger-spinner.scss */
+    50% {
+        -webkit-transform: rotate(180deg);
+    }
+
+    /* line 67, ../../src/sass/messenger-spinner.scss */
+    75% {
+        -webkit-transform: rotate(360deg);
+    }
+
+    /* line 68, ../../src/sass/messenger-spinner.scss */
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@-webkit-keyframes ui-spinner-rotate-left {
+    /* line 72, ../../src/sass/messenger-spinner.scss */
+    0% {
+        -webkit-transform: rotate(0deg);
+    }
+
+    /* line 73, ../../src/sass/messenger-spinner.scss */
+    25% {
+        -webkit-transform: rotate(0deg);
+    }
+
+    /* line 74, ../../src/sass/messenger-spinner.scss */
+    50% {
+        -webkit-transform: rotate(180deg);
+    }
+
+    /* line 75, ../../src/sass/messenger-spinner.scss */
+    75% {
+        -webkit-transform: rotate(180deg);
+    }
+
+    /* line 76, ../../src/sass/messenger-spinner.scss */
+    100% {
+        -webkit-transform: rotate(360deg);
+    }
+}
+
+@-moz-keyframes ui-spinner-rotate-right {
+    /* line 80, ../../src/sass/messenger-spinner.scss */
+    0% {
+        -moz-transform: rotate(0deg);
+    }
+
+    /* line 81, ../../src/sass/messenger-spinner.scss */
+    25% {
+        -moz-transform: rotate(180deg);
+    }
+
+    /* line 82, ../../src/sass/messenger-spinner.scss */
+    50% {
+        -moz-transform: rotate(180deg);
+    }
+
+    /* line 83, ../../src/sass/messenger-spinner.scss */
+    75% {
+        -moz-transform: rotate(360deg);
+    }
+
+    /* line 84, ../../src/sass/messenger-spinner.scss */
+    100% {
+        -moz-transform: rotate(360deg);
+    }
+}
+
+@-moz-keyframes ui-spinner-rotate-left {
+    /* line 88, ../../src/sass/messenger-spinner.scss */
+    0% {
+        -moz-transform: rotate(0deg);
+    }
+
+    /* line 89, ../../src/sass/messenger-spinner.scss */
+    25% {
+        -moz-transform: rotate(0deg);
+    }
+
+    /* line 90, ../../src/sass/messenger-spinner.scss */
+    50% {
+        -moz-transform: rotate(180deg);
+    }
+
+    /* line 91, ../../src/sass/messenger-spinner.scss */
+    75% {
+        -moz-transform: rotate(180deg);
+    }
+
+    /* line 92, ../../src/sass/messenger-spinner.scss */
+    100% {
+        -moz-transform: rotate(360deg);
+    }
+}
+
+@keyframes ui-spinner-rotate-right {
+    /* line 96, ../../src/sass/messenger-spinner.scss */
+    0% {
+        transform: rotate(0deg);
+    }
+
+    /* line 97, ../../src/sass/messenger-spinner.scss */
+    25% {
+        transform: rotate(180deg);
+    }
+
+    /* line 98, ../../src/sass/messenger-spinner.scss */
+    50% {
+        transform: rotate(180deg);
+    }
+
+    /* line 99, ../../src/sass/messenger-spinner.scss */
+    75% {
+        transform: rotate(360deg);
+    }
+
+    /* line 100, ../../src/sass/messenger-spinner.scss */
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+@keyframes ui-spinner-rotate-left {
+    /* line 104, ../../src/sass/messenger-spinner.scss */
+    0% {
+        transform: rotate(0deg);
+    }
+
+    /* line 105, ../../src/sass/messenger-spinner.scss */
+    25% {
+        transform: rotate(0deg);
+    }
+
+    /* line 106, ../../src/sass/messenger-spinner.scss */
+    50% {
+        transform: rotate(180deg);
+    }
+
+    /* line 107, ../../src/sass/messenger-spinner.scss */
+    75% {
+        transform: rotate(180deg);
+    }
+
+    /* line 108, ../../src/sass/messenger-spinner.scss */
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+/* line 116, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner {
+    position: relative;
+    border-radius: 100%;
+}
+/* line 120, ../../src/sass/messenger-spinner.scss */
+ul.messenger.messenger-spinner-active .messenger-spinner .messenger-spinner {
+    display: block;
+}
+/* line 124, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side {
+    width: 50%;
+    height: 100%;
+    overflow: hidden;
+    position: absolute;
+}
+/* line 130, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
+    border-radius: 999px;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    -webkit-animation-iteration-count: infinite;
+    -moz-animation-iteration-count: infinite;
+    -ms-animation-iteration-count: infinite;
+    -o-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
+    -webkit-animation-timing-function: linear;
+    -moz-animation-timing-function: linear;
+    -ms-animation-timing-function: linear;
+    -o-animation-timing-function: linear;
+    animation-timing-function: linear;
+}
+/* line 140, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side-left {
+    left: 0;
+}
+/* line 143, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
+    left: 100%;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    -webkit-animation-name: ui-spinner-rotate-left;
+    -moz-animation-name: ui-spinner-rotate-left;
+    -ms-animation-name: ui-spinner-rotate-left;
+    -o-animation-name: ui-spinner-rotate-left;
+    animation-name: ui-spinner-rotate-left;
+    -webkit-transform-origin: 0 50%;
+    -moz-transform-origin: 0 50%;
+    -ms-transform-origin: 0 50%;
+    -o-transform-origin: 0 50%;
+    transform-origin: 0 50%;
+}
+/* line 152, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side-right {
+    left: 50%;
+}
+/* line 155, ../../src/sass/messenger-spinner.scss */
+.messenger-spinner .messenger-spinner-side-right .messenger-spinner-fill {
+    left: -100%;
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    -webkit-animation-name: ui-spinner-rotate-right;
+    -moz-animation-name: ui-spinner-rotate-right;
+    -ms-animation-name: ui-spinner-rotate-right;
+    -o-animation-name: ui-spinner-rotate-right;
+    animation-name: ui-spinner-rotate-right;
+    -webkit-transform-origin: 100% 50%;
+    -moz-transform-origin: 100% 50%;
+    -ms-transform-origin: 100% 50%;
+    -o-transform-origin: 100% 50%;
+    transform-origin: 100% 50%;
+}
+
+/* line 16, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air {
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+    font-family: "Raleway", sans-serif;
+}
+/* line 20, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message {
+    -webkit-transition: background-color 0.4s;
+    -moz-transition: background-color 0.4s;
+    -o-transition: background-color 0.4s;
+    transition: background-color 0.4s;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    -ms-border-radius: 5px;
+    -o-border-radius: 5px;
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 0 0 1px white, inset 0 2px white, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px rgba(0, 0, 0, 0.2);
+    border: 0px;
+    background-color: white;
+    position: relative;
+    margin-bottom: 1em;
+    font-size: 13px;
+    color: #666666;
+    font-weight: 500;
+    padding: 10px 30px 11px 46px;
+}
+/* line 33, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message:hover {
+    background-color: white;
+}
+/* line 36, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-close {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    color: #888888;
+    opacity: 1;
+    font-weight: bold;
+    display: block;
+    font-size: 20px;
+    line-height: 20px;
+    padding: 8px 10px 7px 7px;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    -webkit-appearance: none;
+}
+/* line 52, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-close:hover {
+    color: #444444;
+}
+/* line 55, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-close:active {
+    color: #222222;
+}
+/* line 58, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-actions {
+    float: none;
+    margin-top: 10px;
+}
+/* line 62, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-actions a {
+    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
+    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
+    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.05);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    -ms-border-radius: 4px;
+    -o-border-radius: 4px;
+    border-radius: 4px;
+    text-decoration: none;
+    display: inline-block;
+    padding: 10px;
+    color: #888888;
+    margin-right: 10px;
+    padding: 3px 10px 5px;
+    text-transform: capitalize;
+}
+/* line 73, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-actions a:hover {
+    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
+    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
+    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1), inset 0px 1px rgba(255, 255, 255, 0.15);
+    color: #444444;
+}
+/* line 77, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-actions a:active {
+    -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
+    -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
+    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.18), inset 0px 1px rgba(0, 0, 0, 0.05);
+    background: rgba(0, 0, 0, 0.04);
+    color: #444444;
+}
+/* line 82, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-actions .messenger-phrase {
+    display: none;
+}
+/* line 85, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message .messenger-message-inner:before {
+    -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
+    -webkit-border-radius: 50%;
+    -moz-border-radius: 50%;
+    -ms-border-radius: 50%;
+    -o-border-radius: 50%;
+    border-radius: 50%;
+    position: absolute;
+    left: 17px;
+    display: block;
+    content: " ";
+    top: 50%;
+    margin-top: -8px;
+    height: 13px;
+    width: 13px;
+    z-index: 20;
+}
+/* line 99, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message.alert-success .messenger-message-inner:before {
+    background-color: #5fca4a;
+}
+/* line 32, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner {
+    width: 24px;
+    height: 24px;
+    background: transparent;
+}
+/* line 37, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
+    background: #dd6a45;
+    -webkit-animation-duration: 20s;
+    -moz-animation-duration: 20s;
+    -ms-animation-duration: 20s;
+    -o-animation-duration: 20s;
+    animation-duration: 20s;
+    opacity: 1;
+}
+/* line 45, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-soon .messenger-spinner:after {
+    content: "";
+    background: white;
+    position: absolute;
+    width: 19px;
+    height: 19px;
+    border-radius: 50%;
+    top: 2px;
+    left: 2px;
+    display: block;
+}
+/* line 32, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner {
+    width: 24px;
+    height: 24px;
+    background: transparent;
+}
+/* line 37, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner .messenger-spinner-side .messenger-spinner-fill {
+    background: #dd6a45;
+    -webkit-animation-duration: 600s;
+    -moz-animation-duration: 600s;
+    -ms-animation-duration: 600s;
+    -o-animation-duration: 600s;
+    animation-duration: 600s;
+    opacity: 1;
+}
+/* line 45, ../../src/sass/messenger-spinner.scss */
+ul.messenger-theme-air .messenger-message.alert-error.messenger-retry-later .messenger-spinner:after {
+    content: "";
+    background: white;
+    position: absolute;
+    width: 19px;
+    height: 19px;
+    border-radius: 50%;
+    top: 2px;
+    left: 2px;
+    display: block;
+}
+/* line 109, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message.alert-error .messenger-message-inner:before {
+    background-color: #dd6a45;
+}
+/* line 113, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-message.alert-info .messenger-message-inner:before {
+    background-color: #61c4b8;
+}
+/* line 116, ../../src/sass/messenger-theme-air.sass */
+ul.messenger-theme-air .messenger-spinner {
+    display: block;
+    position: absolute;
+    left: 12px;
+    top: 50%;
+    margin-top: -13px;
+    z-index: 999;
+    height: 24px;
+    width: 24px;
+    z-index: 10;
+}

app/views/dashboard/component-add.blade.php

@@ -50,7 +50,8 @@
                         </div>
                     </fieldset>
 
-                    <button type="submit" class="btn btn-primary">Submit</button>
+                    <button type="submit" class="btn btn-success">Submit</button>
+                    <a class="btn btn-default" href="{{ URL::route('dashboard.components') }}">Cancel</a>
                     <input type='hidden' name='component[user_id]' value='{{ Auth::user()->id }}' />
                 </form>
             </div>

app/views/dashboard/index.blade.php

@@ -14,7 +14,7 @@
                     <div class='list-group'>
                         @forelse($components as $component)
                         <div class='list-group-item'>
-                            {{ Form::open(['class' => 'component-inline']) }}
+                            {{ Form::open(['class' => 'component-inline', 'data-messenger' => 'Component updated.']) }}
                             <div class='row striped-list-item'>
                                 <div class='col-lg-2 col-xs-12'>
                                     <strong>{{ $component->name }}</strong>
@@ -38,13 +38,6 @@
                         @endforelse
                     </div>
                 </div>
-
-                <div class='alert alert-success alert-dismissable hide fade in out' role='alert'>
-                    <button type='button' class='close'>
-                        <span aria-hidden='true'>×</span>
-                    </button>
-                    Component updated.
-                </div>
             </div>
         </div>
     </div>

app/views/layout/master.blade.php

@@ -4,6 +4,9 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+    <meta name="env" content="{{ app('env') }}">
+    <meta name="token" content="{{ csrf_token() }}">
+
     <!-- RSS Feed -->
     <link rel="alternate" type="application/rss+xml" href="/rss" title="{{ $pageTitle ?: Setting::get('app_name') }} Status - RSS Feed" />
 

app/views/partials/dashboard/head.blade.php

@@ -4,6 +4,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes">
 
+    <meta name="env" content="{{ app('env') }}">
+    <meta name="token" content="{{ csrf_token() }}">
+
     <link rel="icon" type="image/png" href="{{ URL::to('img/favicon.ico') }}">
     <link rel="shortcut icon" href="{{ URL::to('img/favicon.png') }}" type="image/x-icon" />
 

bower.json

@@ -7,6 +7,9 @@
     "rivets": "0.7.*",
     "ionicons": "~2.0.0",
     "jquery-minicolors": "2.1.10",
-    "jquery-serialize-object": "2.4.3"
+    "jquery-serialize-object": "2.4.3",
+    "lodash": "~2.4.1",
+    "humane-js": "~3.2.2",
+    "messenger": "~1.4.1"
   }
 }

gulpfile.js

@@ -36,6 +36,8 @@ elixir(function (mix) {
         .scripts([
             'bower_components/jquery/dist/jquery.min.js',
             'bower_components/bootstrap-sass-official/assets/javascripts/bootstrap.js',
+            'bower_components/lodash/dist/lodash.js',
+            'bower_components/messenger/build/js/messenger.js',
             // 'bower_components/chartjs/Chart.min.js',
             'bower_components/jquery-minicolors/jquery.minicolors.js',
             'bower_components/jquery-serialize-object/jquery.serialize-object.js',

public/build/rev-manifest.json

@@ -1,4 +1,4 @@
 {
-  "css/all.css": "css/all-2dbd6334.css",
-  "js/all.js": "js/all-1604355c.js"
+  "css/all.css": "css/all-84f50550.css",
+  "js/all.js": "js/all-b4f68abf.js"
 }