Add the ability to select a template when adding an incident.

app/Http/Controllers/Dashboard/IncidentUpdateController.php

@@ -17,6 +17,7 @@ use CachetHQ\Cachet\Bus\Commands\IncidentUpdate\UpdateIncidentUpdateCommand;
 use CachetHQ\Cachet\Integrations\Contracts\System;
 use CachetHQ\Cachet\Models\Incident;
 use CachetHQ\Cachet\Models\IncidentUpdate;
+use CachetHQ\Cachet\Models\IncidentTemplate;
 use GrahamCampbell\Binput\Facades\Binput;
 use Illuminate\Contracts\Auth\Guard;
 use Illuminate\Routing\Controller;
@@ -88,6 +89,7 @@ class IncidentUpdateController extends Controller
     {
         return View::make('dashboard.incidents.updates.add')
             ->withIncident($incident)
+            ->withIncidentTemplates(IncidentTemplate::all())
             ->withNotificationsEnabled($this->system->canNotifySubscribers());
     }
 

public/mix-manifest.json

@@ -1,8 +1,8 @@
 {
     "/dist/js/vendor.js": "/dist/js/vendor.js?id=313e4cd2cf600307cb5c",
-    "/dist/js/app.js": "/dist/js/app.js?id=be35dd18d92eef9dee9f",
+    "/dist/js/app.js": "/dist/js/app.js?id=04c40dcd7fc0f91a2cc1",
-    "/dist/css/dashboard/dashboard.css": "/dist/css/dashboard/dashboard.css?id=654823be1de9b1245f17",
+    "/dist/css/dashboard/dashboard.css": "/dist/css/dashboard/dashboard.css?id=2e8a315f9f8f01a60080",
-    "/dist/css/app.css": "/dist/css/app.css?id=1b9032e972af93e2c869",
+    "/dist/css/app.css": "/dist/css/app.css?id=bb04d4c61e5b5d02a938",
     "/dist/js/manifest.js": "/dist/js/manifest.js?id=40dcfff9d09d402daf38",
-    "/dist/js/all.js": "/dist/js/all.js?id=c77bbe3fb26a84b5347d"
+    "/dist/js/all.js": "/dist/js/all.js?id=eb6400680943aee8df85"
 }

resources/assets/js/cachet.js

@@ -186,7 +186,7 @@ $(function () {
     });
 
     // Incident management
-    /*$('select[name=template]').on('change', function () {
+    $('select[name=template]').on('change', function () {
         var $this = $(this).find('option:selected'),
             slug   = $this.val();
 
@@ -208,7 +208,7 @@ $(function () {
                 }
             });
         }
-    });*/
+    });
 
     // Banner removal JS
     $('#remove-banner').on('click', function (){

resources/assets/js/components/dashboard/Dashboard.vue

@@ -2,6 +2,7 @@
 const Vue = require('vue');
 
 Vue.component('report-incident', require('./ReportIncident'));
+Vue.component('update-incident', require('./UpdateIncident'));
 Vue.component('report-schedule', require('./ReportSchedule'));
 Vue.component('invite-team', require('./InviteTeam'));
 

resources/assets/js/components/dashboard/UpdateIncident.vue

@@ -0,0 +1,30 @@
+<script>
+module.exports = {
+    data () {
+        return {
+            template: null,
+            status: null,
+            message: '',
+        }
+    },
+    methods: {
+        getTemplate (template) {
+            axios.get('/dashboard/api/incidents/templates', {
+                params: {
+                    slug: template
+                }
+            }).then(response => {
+                this.name = response.data.name
+                this.message = response.data.template
+            }).catch(response => {
+                (new Cachet.Notifier()).notify('There was an error finding that template.');
+            })
+        }
+    },
+    watch: {
+        'template' (template) {
+            this.getTemplate(template)
+        }
+    }
+}
+</script>

resources/views/dashboard/incidents/updates/add.blade.php

@@ -19,9 +19,21 @@
                 </div>
             @endif
             @include('partials.errors')
+            <update-incident inline-template>
                 <form class="form-vertical" name="IncidentUpdateForm" role="form" method="POST" autocomplete="off">
                     <input type="hidden" name="_token" value="{{ csrf_token() }}">
                     <fieldset>
+                        @if($incidentTemplates->count() > 0)
+                            <div class="form-group">
+                                <label for="incident-template">{{ trans('forms.incidents.templates.template') }}</label>
+                                <select class="form-control" name="template" v-model="template">
+                                    <option selected></option>
+                                    @foreach($incidentTemplates as $tpl)
+                                    <option value="{{ $tpl->slug }}">{{ $tpl->name }}</option>
+                                    @endforeach
+                                </select>
+                            </div>
+                        @endif
                         <div class="form-group">
                             <label for="incident-name">{{ trans('forms.incidents.status') }}</label><br>
                             <label class="radio-inline">
@@ -100,6 +112,7 @@
                         </div>
                     </div>
                 </form>
+            </update-incident>
         </div>
     </div>
 </div>