From a24ecb2401414794a4ee2a3f46e0203517eee9e5 Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Wed, 13 Oct 2021 15:26:44 -0700
Subject: [PATCH 1/7] Possible fix to Issue #2315 (affects
 `templates/abilities.html`)

The REST API expects an ability object in which the cleanup field is an array (list) of strings. Currently, the "Create Ability" UI saves the cleanup command as a string, causing an Unprocessable Entity response status code (422) when executing the PUT request in API v2.  This commit includes a slight change to the cleanup field in the Create Ability modal which converts a line-break separated list of cleanup commands to the correct type.  The net effect of the change is to enable users to create and edit abilities which include cleanup commands through the UI and API v2.
---
 templates/abilities.html | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/templates/abilities.html b/templates/abilities.html
index 5ad17528f..7e82b914b 100644
--- a/templates/abilities.html
+++ b/templates/abilities.html
@@ -302,9 +302,14 @@ <h2>Abilities</h2>
                                             <label class="label">cleanup</label>
                                         </div>
                                         <div class="field-body">
-                                            <div class="field ">
+                                            <div class="field has-addons">
+                                                <div class="control is-expanded">
+                                                    <textarea class="textarea is-small code" x-model="executor.cleanup"></textarea>
+                                                </div>
                                                 <div class="control">
-                                                    <input class="input is-small code" x-model="executor.cleanup">
+                                                    <a class="button is-small has-tooltip-left has-tooltip-arrow" data-tooltip="Add commands separated by new line." @click="executor.cleanup = transformCleanup(executor.cleanup)">
+                                                        <span class="icon is-small"><i class="fas fa-plus-square"></i></span>
+                                                    </a>
                                                 </div>
                                             </div>
                                         </div>
@@ -511,6 +516,15 @@ <h2>Abilities</h2>
                 }
             },
 
+            transformCleanup(cleanup) {
+                if (typeof cleanup === 'string') {
+                    if (cleanup.includes('\n')) {
+                        return cleanup.split('\n');
+                    }
+                }
+                return cleanup;
+            },
+
             addExecutorToAbility(bOrA) {
                 const template = {
                     payloads: [],

From 383c3372f908c430aa0c1f5d5be186a5cd38436f Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Wed, 13 Oct 2021 15:45:36 -0700
Subject: [PATCH 2/7] Update abilities.html

Ensure correct typing in `transformCleanup` under the Alpine.js framework.
---
 templates/abilities.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/abilities.html b/templates/abilities.html
index 7e82b914b..406044e42 100644
--- a/templates/abilities.html
+++ b/templates/abilities.html
@@ -522,7 +522,7 @@ <h2>Abilities</h2>
                         return cleanup.split('\n');
                     }
                 }
-                return cleanup;
+                return [cleanup];
             },
 
             addExecutorToAbility(bOrA) {

From 2c9f43209e7802a151143787ed2ff5025f37d34c Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Thu, 14 Oct 2021 17:02:40 -0700
Subject: [PATCH 3/7] Tweaks to cleanup command structure

Redone cleanup commands to enable easy and intuitive addition and removal of cleanup commands.
---
 templates/abilities.html | 36 +++++++++++++++---------------------
 1 file changed, 15 insertions(+), 21 deletions(-)

diff --git a/templates/abilities.html b/templates/abilities.html
index 406044e42..28f145b1c 100644
--- a/templates/abilities.html
+++ b/templates/abilities.html
@@ -300,18 +300,20 @@ <h2>Abilities</h2>
                                     <div class="field is-horizontal">
                                         <div class="field-label is-small">
                                             <label class="label">cleanup</label>
-                                        </div>
-                                        <div class="field-body">
-                                            <div class="field has-addons">
-                                                <div class="control is-expanded">
-                                                    <textarea class="textarea is-small code" x-model="executor.cleanup"></textarea>
-                                                </div>
-                                                <div class="control">
-                                                    <a class="button is-small has-tooltip-left has-tooltip-arrow" data-tooltip="Add commands separated by new line." @click="executor.cleanup = transformCleanup(executor.cleanup)">
-                                                        <span class="icon is-small"><i class="fas fa-plus-square"></i></span>
-                                                    </a>
+                                            <template x-for="i in executor.cleanup.length+1">
+                                                <div class="field-body">
+                                                    <div class="field has-addons">
+                                                        <div class="control is-expanded">
+                                                            <input class="input is-small code" x-model="executor.cleanup[i-1]"></input>
+                                                        </div>
+                                                        <div class="control">
+                                                            <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(i-1, 1)">
+                                                                <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
+                                                            </a>
+                                                        </div>
+                                                    </div>
                                                 </div>
-                                            </div>
+                                            </template>
                                         </div>
                                     </div>
                                 </form>
@@ -516,20 +518,12 @@ <h2>Abilities</h2>
                 }
             },
 
-            transformCleanup(cleanup) {
-                if (typeof cleanup === 'string') {
-                    if (cleanup.includes('\n')) {
-                        return cleanup.split('\n');
-                    }
-                }
-                return [cleanup];
-            },
-
             addExecutorToAbility(bOrA) {
                 const template = {
                     payloads: [],
                     platform: 'linux',
-                    name: 'sh'
+                    name: 'sh',
+                    cleanup: []
                 };
 
                 if (bOrA === 'after') {

From 6c13dd2470c99d6f48c7c74fac8dbeb9717a6539 Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Thu, 14 Oct 2021 17:07:43 -0700
Subject: [PATCH 4/7] Propagate change to abilities modal

Propagate change to ability modal to `profiles.html`.
---
 templates/profiles.html | 49 +++++++++++++++++++++++------------------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/templates/profiles.html b/templates/profiles.html
index 3911c87cc..aff2fab74 100644
--- a/templates/profiles.html
+++ b/templates/profiles.html
@@ -370,10 +370,8 @@ <h3>Create a profile</h3>
                         </div>
                     </div>
                 </form>
-                <template x-if="selectedAbilityId">
+                <template x-if="selectedAbility">
                     <div class="content">
-                        <hr>
-                        <p class="has-text-centered">Ability Details</p>
                         <form>
                             <div class="field is-horizontal">
                                 <div class="field-label is-small">
@@ -399,8 +397,8 @@ <h3>Create a profile</h3>
                                 <div class="field-body">
                                     <div class="field">
                                         <div class="control">
-                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrorsAbility.includes('name') }" x-model="selectedAbility.name">
-                                            <p x-show="fieldErrorsAbility.includes('name')" class="help is-danger">This field is required.</p>
+                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrors.includes('name') }" x-model="selectedAbility.name">
+                                            <p x-show="fieldErrors.includes('name')" class="help is-danger">This field is required.</p>
                                         </div>
                                     </div>
                                 </div>
@@ -412,8 +410,8 @@ <h3>Create a profile</h3>
                                 <div class="field-body">
                                     <div class="field">
                                         <div class="control">
-                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrorsAbility.includes('description') }" x-model="selectedAbility.description">
-                                            <p x-show="fieldErrorsAbility.includes('description')" class="help is-danger">This field is required.</p>
+                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrors.includes('description') }" x-model="selectedAbility.description">
+                                            <p x-show="fieldErrors.includes('description')" class="help is-danger">This field is required.</p>
                                         </div>
                                     </div>
                                 </div>
@@ -425,8 +423,8 @@ <h3>Create a profile</h3>
                                 <div class="field-body">
                                     <div class="field">
                                         <div class="control">
-                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrorsAbility.includes('tactic') }" x-model="selectedAbility.tactic">
-                                            <p x-show="fieldErrorsAbility.includes('tactic')" class="help is-danger">This field is required.</p>
+                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrors.includes('tactic') }" x-model="selectedAbility.tactic">
+                                            <p x-show="fieldErrors.includes('tactic')" class="help is-danger">This field is required.</p>
                                         </div>
                                     </div>
                                 </div>
@@ -438,8 +436,8 @@ <h3>Create a profile</h3>
                                 <div class="field-body">
                                     <div class="field">
                                         <div class="control">
-                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrorsAbility.includes('technique_id') }" x-model="selectedAbility.technique_id">
-                                            <p x-show="fieldErrorsAbility.includes('technique_id')" class="help is-danger">This field is required.</p>
+                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrors.includes('technique_id') }" x-model="selectedAbility.technique_id">
+                                            <p x-show="fieldErrors.includes('technique_id')" class="help is-danger">This field is required.</p>
                                         </div>
                                     </div>
                                 </div>
@@ -451,20 +449,20 @@ <h3>Create a profile</h3>
                                 <div class="field-body">
                                     <div class="field">
                                         <div class="control">
-                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrorsAbility.includes('technique_name') }" x-model="selectedAbility.technique_name">
-                                            <p x-show="fieldErrorsAbility.includes('technique_name')" class="help is-danger">This field is required.</p>
+                                            <input class="input is-small" x-bind:class="{ 'is-danger': fieldErrors.includes('technique_name') }" x-model="selectedAbility.technique_name">
+                                            <p x-show="fieldErrors.includes('technique_name')" class="help is-danger">This field is required.</p>
                                         </div>
                                     </div>
                                 </div>
                             </div>
                         </form>
                         <p class="has-text-centered">Executors</p>
-                        <p x-show="fieldErrorsAbility.includes('executors')" class="help is-danger">At least one executor is required.</p>
+                        <p x-show="fieldErrors.includes('executors')" class="help is-danger">At least one executor is required.</p>
                         <div class="has-text-centered">
                             <button class="button is-small is-primary" @click="addExecutorToAbility('before')">+ Add Executor</button>
                         </div>
                         <br>
-                        <template x-for="(executor, index) of getAbilityExecutors()" :key="index">
+                        <template x-for="(executor, index) of selectedAbility.executors" :key="index">
                             <div class="box">
                                 <div class="has-text-right">
                                     <button class="delete" @click="selectedAbility.executors.splice(index, 1)"></button>
@@ -570,19 +568,26 @@ <h3>Create a profile</h3>
                                     <div class="field is-horizontal">
                                         <div class="field-label is-small">
                                             <label class="label">cleanup</label>
-                                        </div>
-                                        <div class="field-body">
-                                            <div class="field ">
-                                                <div class="control">
-                                                    <input class="input is-small code" x-model="executor.cleanup">
+                                            <template x-for="i in executor.cleanup.length+1">
+                                                <div class="field-body">
+                                                    <div class="field has-addons">
+                                                        <div class="control is-expanded">
+                                                            <input class="input is-small code" x-model="executor.cleanup[i-1]"></input>
+                                                        </div>
+                                                        <div class="control">
+                                                            <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(i-1, 1)">
+                                                                <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
+                                                            </a>
+                                                        </div>
+                                                    </div>
                                                 </div>
-                                            </div>
+                                            </template>
                                         </div>
                                     </div>
                                 </form>
                             </div>
                         </template>
-                        <template x-if="selectedAbility.executors && selectedAbility.executors.length > 0">
+                        <template x-if="selectedAbility.executors.length > 0">
                             <div class="has-text-centered">
                                 <button class="button is-small is-primary" @click="addExecutorToAbility('after')">+ Add Executor</button>
                             </div>

From 8fd2f7d33993cfc381e30b0b47ac724b52381ed7 Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Fri, 15 Oct 2021 08:23:27 -0700
Subject: [PATCH 5/7] Improve cleanup visualization

Changes to create ability modal incorporating Adam's UI fixes and backend change to the cleanup field.
---
 templates/abilities.html | 46 ++++++++++++++++++++++++++--------------
 1 file changed, 30 insertions(+), 16 deletions(-)

diff --git a/templates/abilities.html b/templates/abilities.html
index 28f145b1c..b968061c5 100644
--- a/templates/abilities.html
+++ b/templates/abilities.html
@@ -290,30 +290,42 @@ <h2>Abilities</h2>
                                             <label class="label">timeout</label>
                                         </div>
                                         <div class="field-body">
-                                            <div class="field ">
+                                            <div class="field">
                                                 <div class="control">
                                                     <input class="input is-small" type="number" x-model="executor.timeout">
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
+                                    <template x-for="(cleanup, index) of executor.cleanup">
+                                        <div class="field is-horizontal">
+                                            <div class="field-label is-small">
+                                                <label class="label" x-text="index === 0 ? 'cleanup': ' '"></label>
+                                            </div>
+                                            <div class="field-body">
+                                                <div class="field has-addons">
+                                                    <div class="control is-expanded">
+                                                        <input class="input is-small code" x-model="executor.cleanup[index]"></input>
+                                                    </div>
+                                                    <div class="control">
+                                                        <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(index, 1)">
+                                                            <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
                                     <div class="field is-horizontal">
-                                        <div class="field-label is-small">
+                                        <div class="field-label is-small" x-show="!executor.cleanup.length">
                                             <label class="label">cleanup</label>
-                                            <template x-for="i in executor.cleanup.length+1">
-                                                <div class="field-body">
-                                                    <div class="field has-addons">
-                                                        <div class="control is-expanded">
-                                                            <input class="input is-small code" x-model="executor.cleanup[i-1]"></input>
-                                                        </div>
-                                                        <div class="control">
-                                                            <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(i-1, 1)">
-                                                                <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
-                                                            </a>
-                                                        </div>
-                                                    </div>
+                                        </div>
+                                        <div class="field-body">
+                                            <div class="field">
+                                                <div class="control has-text-right">
+                                                    <button class="button is-small is-primary" @click.stop="executor.cleanup.push('')">+ Add Cleanup Command</button>
                                                 </div>
-                                            </template>
+                                            </div>
                                         </div>
                                     </div>
                                 </form>
@@ -457,6 +469,7 @@ <h2>Abilities</h2>
                 this.fieldErrors = [];
                 this.selectedAbility = ability;
                 this.showAbilityModal = true;
+                console.log(this.selectedAbility)
             },
 
             createAbility() {
@@ -475,7 +488,8 @@ <h2>Abilities</h2>
                     singleton: true,
                     buckets: [],
                     requirements: [],
-                    access: {}
+                    access: {},
+                    cleanup: []
                 };
 
                 this.addExecutorToAbility('before');

From 13a246b3b54c51de52d785afe25edc1060fe5f1e Mon Sep 17 00:00:00 2001
From: Chris Jellen <64814231+CDJellen@users.noreply.github.com>
Date: Fri, 15 Oct 2021 08:24:22 -0700
Subject: [PATCH 6/7] Propagate changes to profiles template

Incorporate the changes to the create ability modal to the `profiles.html` template.
---
 templates/profiles.html | 143 +++++++++++-----------------------------
 1 file changed, 38 insertions(+), 105 deletions(-)

diff --git a/templates/profiles.html b/templates/profiles.html
index aff2fab74..284ea082d 100644
--- a/templates/profiles.html
+++ b/templates/profiles.html
@@ -288,88 +288,9 @@ <h3>Create a profile</h3>
         <div class="modal-background" @click="showAbilityModal = false"></div>
         <div class="modal-card wide">
             <header class="modal-card-head">
-                <p class="modal-card-title">Add an Ability to Adversary</p>
+                <p class="modal-card-title"><span x-text="isCreatingAbility ? 'Create' : 'Edit'"></span> an Ability</p>
             </header>
             <section class="modal-card-body">
-                <p class="has-text-centered">Select an Ability</p>
-                <form>
-                    <div class="field is-horizontal">
-                        <div class="field-label is-small">
-                            <label class="label"><span class="icon is-small"><i class="fas fa-search"></i></span></label>
-                        </div>
-                        <div class="field-body">
-                            <div class="field">
-                                <div class="control">
-                                    <input class="input is-small" x-model="abilitySearchQuery" placeholder="Search for an ability..." x-on:keyup="searchForAbility()">
-                                    <div class="search-results">
-                                        <template x-for="result of abilitySearchResults" :key="result.ability_id">
-                                            <p @click="selectAbility(result.ability_id)" x-text="result.name"></p>
-                                        </template>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </form>
-                <form>
-                    <div class="field is-horizontal">
-                        <div class="field-label is-small">
-                            <label class="label">Tactic</label>
-                        </div>
-                        <div class="field-body">
-                            <div class="field">
-                                <div class="control">
-                                    <div class="select is-small is-fullwidth">
-                                        <select x-model="selectedTactic" x-on:change="selectedAbilityId = ''">
-                                            <option default>Choose a tactic</option>
-                                            <template x-for="tactic of [...new Set(abilities.map((e) => e.tactic))]" :key="tactic">
-                                                <option x-bind:value="tactic" x-text="tactic"></option>
-                                            </template>
-                                        </select>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="field is-horizontal">
-                        <div class="field-label is-small">
-                            <label class="label">Technique</label>
-                        </div>
-                        <div class="field-body">
-                            <div class="field">
-                                <div class="control">
-                                    <div class="select is-small is-fullwidth">
-                                        <select x-model="selectedTechnique" x-bind:disabled="!selectedTactic" x-on:change="selectedAbilityId = ''">
-                                            <option default>Choose a technique</option>
-                                            <template :key="exploit.technique_id" x-for="exploit of [...new Set(abilities.filter((e) => selectedTactic === e.tactic).map((e) => e.technique_id))].map((t) => abilities.find((e) => e.technique_id === t))">
-                                                <option x-bind:value="exploit.technique_id" x-text="`${exploit.technique_id} | ${exploit.technique_name}`"></option>
-                                            </template>
-                                        </select>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="field is-horizontal is-fullwidth">
-                        <div class="field-label is-small">
-                            <label class="label">Ability</label>
-                        </div>
-                        <div class="field-body">
-                            <div class="field">
-                                <div class="control">
-                                    <div class="select is-small is-fullwidth">
-                                        <select x-model="selectedAbilityId" x-bind:disabled="!selectedTechnique" x-on:change="selectAbility(selectedAbilityId)">
-                                            <option default>Choose an ability</option>
-                                            <template :key="ability.ability_id" x-for="ability of abilities.filter((e) => selectedTactic === e.tactic && selectedTechnique === e.technique_id)">
-                                                <option x-bind:value="ability.ability_id" x-text="ability.name"></option>
-                                            </template>
-                                        </select>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </form>
                 <template x-if="selectedAbility">
                     <div class="content">
                         <form>
@@ -534,7 +455,7 @@ <h3>Create a profile</h3>
                                                         <select class="select is-multiple" multiple size="6">
                                                             <template x-for="payload of payloads">
                                                                 <option x-show="executor.payloads.indexOf(payload) === -1" x-on:click="executor.payloads.push(payload)" x-text="payload"></option>
-                                                            </template>      
+                                                            </template>
                                                         </select>
                                                     </div>
                                                 </div>
@@ -558,30 +479,42 @@ <h3>Create a profile</h3>
                                             <label class="label">timeout</label>
                                         </div>
                                         <div class="field-body">
-                                            <div class="field ">
+                                            <div class="field">
                                                 <div class="control">
                                                     <input class="input is-small" type="number" x-model="executor.timeout">
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
+                                    <template x-for="(cleanup, index) of executor.cleanup">
+                                        <div class="field is-horizontal">
+                                            <div class="field-label is-small">
+                                                <label class="label" x-text="index === 0 ? 'cleanup': ' '"></label>
+                                            </div>
+                                            <div class="field-body">
+                                                <div class="field has-addons">
+                                                    <div class="control is-expanded">
+                                                        <input class="input is-small code" x-model="executor.cleanup[index]"></input>
+                                                    </div>
+                                                    <div class="control">
+                                                        <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(index, 1)">
+                                                            <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
+                                                        </a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </template>
                                     <div class="field is-horizontal">
-                                        <div class="field-label is-small">
+                                        <div class="field-label is-small" x-show="!executor.cleanup.length">
                                             <label class="label">cleanup</label>
-                                            <template x-for="i in executor.cleanup.length+1">
-                                                <div class="field-body">
-                                                    <div class="field has-addons">
-                                                        <div class="control is-expanded">
-                                                            <input class="input is-small code" x-model="executor.cleanup[i-1]"></input>
-                                                        </div>
-                                                        <div class="control">
-                                                            <a class="button is-small has-tooltip-bottom has-tooltip-arrow" data-tooltip="Remove cleanup command" @click="executor.cleanup.splice(i-1, 1)">
-                                                                <span class="icon is-small"><i class="fas fa-minus-square"></i></span>
-                                                            </a>
-                                                        </div>
-                                                    </div>
+                                        </div>
+                                        <div class="field-body">
+                                            <div class="field">
+                                                <div class="control has-text-right">
+                                                    <button class="button is-small is-primary" @click.stop="executor.cleanup.push('')">+ Add Cleanup Command</button>
                                                 </div>
-                                            </template>
+                                            </div>
                                         </div>
                                     </div>
                                 </form>
@@ -598,21 +531,21 @@ <h3>Create a profile</h3>
             <footer class="modal-card-foot">
                 <nav class="level">
                     <div class="level-left">
-                        <div class="level-item" x-show="selectedAbility">
-                            <button class="button is-small" @click="saveAbility(false)" x-bind:disabled="!selectedAbilityId">
-                                <span class="icon"><i class="fas fa-save"></i></span>
-                                <span>Save</span>
+                        <div class="level-item">
+                            <button class="button is-primary is-small" @click="deleteAbility()" x-show="!isCreatingAbility">
+                                <span class="icon"><i class="fas fa-trash"></i></span>
+                                <span>Delete Ability</span>
                             </button>
                         </div>
                     </div>
                     <div class="level-right">
                         <div class="level-item">
                             <button class="button is-small" @click="showAbilityModal = false">Close</button>
-                        </divp>
-                        <div class="level-item" x-show="selectedAbility">
-                            <button class="button is-primary is-small" @click="saveAbility(true)" x-bind:disabled="!selectedAbilityId">
-                                <span class="icon"><i class="fas fa-plus"></i></span>
-                                <span>Save & Add</span>
+                        </div>
+                        <div class="level-item">
+                            <button class="button is-primary is-small" @click="saveAbility()">
+                                <span class="icon"><i class="fas fa-save"></i></span>
+                                <span>Save</span>
                             </button>
                         </div>
                     </div>

From d718e37d642bd14e3b4a4378fd7580ecf14e0d3f Mon Sep 17 00:00:00 2001
From: Chris Jellen <cjellen@mitre.org>
Date: Mon, 1 Nov 2021 14:28:49 -0700
Subject: [PATCH 7/7] Remove console.log from ability modal

---
 templates/abilities.html | 1 -
 1 file changed, 1 deletion(-)

diff --git a/templates/abilities.html b/templates/abilities.html
index b968061c5..fe23aa5ec 100644
--- a/templates/abilities.html
+++ b/templates/abilities.html
@@ -469,7 +469,6 @@ <h2>Abilities</h2>
                 this.fieldErrors = [];
                 this.selectedAbility = ability;
                 this.showAbilityModal = true;
-                console.log(this.selectedAbility)
             },
 
             createAbility() {