From 88fe2f6d93c9d0b27fa5357e3e496b3201a4f5e4 Mon Sep 17 00:00:00 2001
From: neroignis <neroignis@gmail.com>
Date: Fri, 18 Sep 2020 16:53:44 +0200
Subject: [PATCH] Remove PhpStorm-Files; Add deleteNotes;

---
 .idea/kara.iml      |  16 --
 .idea/workspace.xml | 420 --------------------------------------------
 app.js              |  13 +-
 index.html          |   7 +-
 4 files changed, 18 insertions(+), 438 deletions(-)
 delete mode 100644 .idea/kara.iml
 delete mode 100644 .idea/workspace.xml

diff --git a/.idea/kara.iml b/.idea/kara.iml
deleted file mode 100644
index 36810ab..0000000
--- a/.idea/kara.iml
+++ /dev/null
@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-    <orderEntry type="library" name="vue" level="application" />
-    <orderEntry type="library" name="jquery-3.5.1" level="application" />
-    <orderEntry type="library" name="bootstrap" level="application" />
-    <orderEntry type="library" name="axios" level="application" />
-    <orderEntry type="library" name="b54a4cceff" level="application" />
-    <orderEntry type="library" name="moment.js" level="application" />
-    <orderEntry type="library" name="popper.js" level="application" />
-    <orderEntry type="library" name="jquery-3.3.1.slim" level="application" />
-  </component>
-</module>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
deleted file mode 100644
index d785897..0000000
--- a/.idea/workspace.xml
+++ /dev/null
@@ -1,420 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="AutoImportSettings">
-    <option name="autoReloadType" value="SELECTIVE" />
-  </component>
-  <component name="ChangeListManager">
-    <list default="true" id="e3f098f0-e98c-435a-af04-d153c9525633" name="Default Changelist" comment="Add weather command;">
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/app.js" beforeDir="false" afterPath="$PROJECT_DIR$/app.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
-    </list>
-    <option name="SHOW_DIALOG" value="false" />
-    <option name="HIGHLIGHT_CONFLICTS" value="true" />
-    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
-    <option name="LAST_RESOLUTION" value="IGNORE" />
-  </component>
-  <component name="ComposerSettings">
-    <execution />
-  </component>
-  <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
-  </component>
-  <component name="GitToolBoxStore">
-    <option name="projectConfigVersion" value="2" />
-  </component>
-  <component name="ProjectId" id="1g0vdLKoCZC7Ep9S79Z434EvL8a" />
-  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
-  <component name="ProjectViewState">
-    <option name="hideEmptyMiddlePackages" value="true" />
-    <option name="showLibraryContents" value="true" />
-  </component>
-  <component name="PropertiesComponent">
-    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last.edited.regexp" value="Why, ever, would you? Stupid! pf." />
-    <property name="nodejs_package_manager_path" value="npm" />
-    <property name="settings.editor.selected.configurable" value="preferences.keymap" />
-    <property name="vue.rearranger.settings.migration" value="true" />
-  </component>
-  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
-  <component name="TaskManager">
-    <task active="true" id="Default" summary="Default task">
-      <changelist id="e3f098f0-e98c-435a-af04-d153c9525633" name="Default Changelist" comment="" />
-      <created>1597264410641</created>
-      <option name="number" value="Default" />
-      <option name="presentableId" value="Default" />
-      <updated>1597264410641</updated>
-      <workItem from="1597264411672" duration="27000" />
-      <workItem from="1597264469454" duration="594000" />
-      <workItem from="1597346228730" duration="1851000" />
-      <workItem from="1597348092890" duration="8205000" />
-      <workItem from="1597530844649" duration="131000" />
-      <workItem from="1597577497243" duration="3353000" />
-      <workItem from="1597583294362" duration="11703000" />
-      <workItem from="1600432025720" duration="4503000" />
-    </task>
-    <task id="LOCAL-00001" summary="Adds gitignore.">
-      <created>1597348071361</created>
-      <option name="number" value="00001" />
-      <option name="presentableId" value="LOCAL-00001" />
-      <option name="project" value="LOCAL" />
-      <updated>1597348071361</updated>
-    </task>
-    <task id="LOCAL-00002" summary="Add message filters;&#10;Add responsiveness;&#10;Remove disabled input while Kara types;&#10;Does not send empty messages;">
-      <created>1597350180316</created>
-      <option name="number" value="00002" />
-      <option name="presentableId" value="LOCAL-00002" />
-      <option name="project" value="LOCAL" />
-      <updated>1597350180316</updated>
-    </task>
-    <task id="LOCAL-00003" summary="Restyling.">
-      <created>1597350867239</created>
-      <option name="number" value="00003" />
-      <option name="presentableId" value="LOCAL-00003" />
-      <option name="project" value="LOCAL" />
-      <updated>1597350867239</updated>
-    </task>
-    <task id="LOCAL-00004" summary="New responsive design which is mobile first.">
-      <created>1597352319654</created>
-      <option name="number" value="00004" />
-      <option name="presentableId" value="LOCAL-00004" />
-      <option name="project" value="LOCAL" />
-      <updated>1597352319654</updated>
-    </task>
-    <task id="LOCAL-00005" summary="Color change;">
-      <created>1597352391290</created>
-      <option name="number" value="00005" />
-      <option name="presentableId" value="LOCAL-00005" />
-      <option name="project" value="LOCAL" />
-      <updated>1597352391290</updated>
-    </task>
-    <task id="LOCAL-00006" summary="Fix vh.">
-      <created>1597352494191</created>
-      <option name="number" value="00006" />
-      <option name="presentableId" value="LOCAL-00006" />
-      <option name="project" value="LOCAL" />
-      <updated>1597352494191</updated>
-    </task>
-    <task id="LOCAL-00007" summary="Design fixes;&#10;Adds font-awesome;&#10;Adds scroll-down-button;">
-      <created>1597352800309</created>
-      <option name="number" value="00007" />
-      <option name="presentableId" value="LOCAL-00007" />
-      <option name="project" value="LOCAL" />
-      <updated>1597352800309</updated>
-    </task>
-    <task id="LOCAL-00008" summary="Fix not completely visible messages in mobile view with open keyboard.">
-      <created>1597352905354</created>
-      <option name="number" value="00008" />
-      <option name="presentableId" value="LOCAL-00008" />
-      <option name="project" value="LOCAL" />
-      <updated>1597352905354</updated>
-    </task>
-    <task id="LOCAL-00009" summary="Testing database access.">
-      <created>1597354550739</created>
-      <option name="number" value="00009" />
-      <option name="presentableId" value="LOCAL-00009" />
-      <option name="project" value="LOCAL" />
-      <updated>1597354550739</updated>
-    </task>
-    <task id="LOCAL-00010" summary="Test commit.">
-      <created>1597354669637</created>
-      <option name="number" value="00010" />
-      <option name="presentableId" value="LOCAL-00010" />
-      <option name="project" value="LOCAL" />
-      <updated>1597354669637</updated>
-    </task>
-    <task id="LOCAL-00011" summary="Test commit.">
-      <created>1597354705571</created>
-      <option name="number" value="00011" />
-      <option name="presentableId" value="LOCAL-00011" />
-      <option name="project" value="LOCAL" />
-      <updated>1597354705571</updated>
-    </task>
-    <task id="LOCAL-00012" summary="Test commit.">
-      <created>1597354976941</created>
-      <option name="number" value="00012" />
-      <option name="presentableId" value="LOCAL-00012" />
-      <option name="project" value="LOCAL" />
-      <updated>1597354976941</updated>
-    </task>
-    <task id="LOCAL-00013" summary="Test commit.">
-      <created>1597355046622</created>
-      <option name="number" value="00013" />
-      <option name="presentableId" value="LOCAL-00013" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355046622</updated>
-    </task>
-    <task id="LOCAL-00014" summary="Test commit.">
-      <created>1597355213869</created>
-      <option name="number" value="00014" />
-      <option name="presentableId" value="LOCAL-00014" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355213869</updated>
-    </task>
-    <task id="LOCAL-00015" summary="Test commit.">
-      <created>1597355260615</created>
-      <option name="number" value="00015" />
-      <option name="presentableId" value="LOCAL-00015" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355260615</updated>
-    </task>
-    <task id="LOCAL-00016" summary="Test commit.">
-      <created>1597355284907</created>
-      <option name="number" value="00016" />
-      <option name="presentableId" value="LOCAL-00016" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355284907</updated>
-    </task>
-    <task id="LOCAL-00017" summary="Test commit.">
-      <created>1597355468300</created>
-      <option name="number" value="00017" />
-      <option name="presentableId" value="LOCAL-00017" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355468300</updated>
-    </task>
-    <task id="LOCAL-00018" summary="Test commit.">
-      <created>1597355517033</created>
-      <option name="number" value="00018" />
-      <option name="presentableId" value="LOCAL-00018" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355517033</updated>
-    </task>
-    <task id="LOCAL-00019" summary="Test commit.">
-      <created>1597355591231</created>
-      <option name="number" value="00019" />
-      <option name="presentableId" value="LOCAL-00019" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355591231</updated>
-    </task>
-    <task id="LOCAL-00020" summary="Test commit.">
-      <created>1597355683327</created>
-      <option name="number" value="00020" />
-      <option name="presentableId" value="LOCAL-00020" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355683327</updated>
-    </task>
-    <task id="LOCAL-00021" summary="Test commit.">
-      <created>1597355700869</created>
-      <option name="number" value="00021" />
-      <option name="presentableId" value="LOCAL-00021" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355700869</updated>
-    </task>
-    <task id="LOCAL-00022" summary="Test commit.">
-      <created>1597355794310</created>
-      <option name="number" value="00022" />
-      <option name="presentableId" value="LOCAL-00022" />
-      <option name="project" value="LOCAL" />
-      <updated>1597355794310</updated>
-    </task>
-    <task id="LOCAL-00023" summary="Test commit.">
-      <created>1597356192344</created>
-      <option name="number" value="00023" />
-      <option name="presentableId" value="LOCAL-00023" />
-      <option name="project" value="LOCAL" />
-      <updated>1597356192344</updated>
-    </task>
-    <task id="LOCAL-00024" summary="Remove DB method call.">
-      <created>1597577517699</created>
-      <option name="number" value="00024" />
-      <option name="presentableId" value="LOCAL-00024" />
-      <option name="project" value="LOCAL" />
-      <updated>1597577517699</updated>
-    </task>
-    <task id="LOCAL-00025" summary="Remove DB method call.">
-      <created>1597577559042</created>
-      <option name="number" value="00025" />
-      <option name="presentableId" value="LOCAL-00025" />
-      <option name="project" value="LOCAL" />
-      <updated>1597577559042</updated>
-    </task>
-    <task id="LOCAL-00026" summary="Refactor and added todo.">
-      <created>1597577694274</created>
-      <option name="number" value="00026" />
-      <option name="presentableId" value="LOCAL-00026" />
-      <option name="project" value="LOCAL" />
-      <updated>1597577694274</updated>
-    </task>
-    <task id="LOCAL-00027" summary="Move answers to data.">
-      <created>1597578975715</created>
-      <option name="number" value="00027" />
-      <option name="presentableId" value="LOCAL-00027" />
-      <option name="project" value="LOCAL" />
-      <updated>1597578975715</updated>
-    </task>
-    <task id="LOCAL-00028" summary="Kara now saves the chat and her saved answers in localstorage.">
-      <created>1597584801023</created>
-      <option name="number" value="00028" />
-      <option name="presentableId" value="LOCAL-00028" />
-      <option name="project" value="LOCAL" />
-      <updated>1597584801023</updated>
-    </task>
-    <task id="LOCAL-00029" summary="Adds method to change saved username.">
-      <created>1597587202860</created>
-      <option name="number" value="00029" />
-      <option name="presentableId" value="LOCAL-00029" />
-      <option name="project" value="LOCAL" />
-      <updated>1597587202860</updated>
-    </task>
-    <task id="LOCAL-00030" summary="Change button symbol.">
-      <created>1597587291650</created>
-      <option name="number" value="00030" />
-      <option name="presentableId" value="LOCAL-00030" />
-      <option name="project" value="LOCAL" />
-      <updated>1597587291650</updated>
-    </task>
-    <task id="LOCAL-00031" summary="Adds settingsModal;&#10;Adds more saving;&#10;Disables saving welcomeBack messages;">
-      <created>1597589149291</created>
-      <option name="number" value="00031" />
-      <option name="presentableId" value="LOCAL-00031" />
-      <option name="project" value="LOCAL" />
-      <updated>1597589149291</updated>
-    </task>
-    <task id="LOCAL-00032" summary="Adds wildcards for chat.">
-      <created>1597589650668</created>
-      <option name="number" value="00032" />
-      <option name="presentableId" value="LOCAL-00032" />
-      <option name="project" value="LOCAL" />
-      <updated>1597589650669</updated>
-    </task>
-    <task id="LOCAL-00033" summary="Change wildcards in html">
-      <created>1597589670240</created>
-      <option name="number" value="00033" />
-      <option name="presentableId" value="LOCAL-00033" />
-      <option name="project" value="LOCAL" />
-      <updated>1597589670240</updated>
-    </task>
-    <task id="LOCAL-00034" summary="Adds js for bootstrap &amp; moment.js;">
-      <created>1597607090595</created>
-      <option name="number" value="00034" />
-      <option name="presentableId" value="LOCAL-00034" />
-      <option name="project" value="LOCAL" />
-      <updated>1597607090595</updated>
-    </task>
-    <task id="LOCAL-00035" summary="Adds answers for telling the time, day of the week and the date.">
-      <created>1597607586663</created>
-      <option name="number" value="00035" />
-      <option name="presentableId" value="LOCAL-00035" />
-      <option name="project" value="LOCAL" />
-      <updated>1597607586663</updated>
-    </task>
-    <task id="LOCAL-00036" summary="Adds setting for themes">
-      <created>1597609566783</created>
-      <option name="number" value="00036" />
-      <option name="presentableId" value="LOCAL-00036" />
-      <option name="project" value="LOCAL" />
-      <updated>1597609566783</updated>
-    </task>
-    <task id="LOCAL-00037" summary="Fix error with new messages.">
-      <created>1597610420208</created>
-      <option name="number" value="00037" />
-      <option name="presentableId" value="LOCAL-00037" />
-      <option name="project" value="LOCAL" />
-      <updated>1597610420208</updated>
-    </task>
-    <task id="LOCAL-00038" summary="Add fix for username detection.">
-      <created>1597611480915</created>
-      <option name="number" value="00038" />
-      <option name="presentableId" value="LOCAL-00038" />
-      <option name="project" value="LOCAL" />
-      <updated>1597611480915</updated>
-    </task>
-    <task id="LOCAL-00039" summary="Add notes;">
-      <created>1600434244194</created>
-      <option name="number" value="00039" />
-      <option name="presentableId" value="LOCAL-00039" />
-      <option name="project" value="LOCAL" />
-      <updated>1600434244194</updated>
-    </task>
-    <task id="LOCAL-00040" summary="Add lastmessage;">
-      <created>1600434611694</created>
-      <option name="number" value="00040" />
-      <option name="presentableId" value="LOCAL-00040" />
-      <option name="project" value="LOCAL" />
-      <updated>1600434611694</updated>
-    </task>
-    <option name="localTasksCounter" value="41" />
-    <servers />
-  </component>
-  <component name="TypeScriptGeneratedFilesManager">
-    <option name="version" value="3" />
-  </component>
-  <component name="VcsManagerConfiguration">
-    <MESSAGE value="Add message filters;&#10;Add responsiveness;&#10;Remove disabled input while Kara types;&#10;Does not send empty messages;" />
-    <MESSAGE value="Restyling." />
-    <MESSAGE value="New responsive design which is mobile first." />
-    <MESSAGE value="Color change;" />
-    <MESSAGE value="Fix vh." />
-    <MESSAGE value="Design fixes;&#10;Adds font-awesome;&#10;Adds scroll-down-button;" />
-    <MESSAGE value="Fix not completely visible messages in mobile view with open keyboard." />
-    <MESSAGE value="Testing database access." />
-    <MESSAGE value="Test commit." />
-    <MESSAGE value="Remove DB method call." />
-    <MESSAGE value="Refactor and added todo." />
-    <MESSAGE value="Move answers to data." />
-    <MESSAGE value="Kara now saves the chat and her saved answers in localstorage." />
-    <MESSAGE value="Adds method to change saved username." />
-    <MESSAGE value="Change button symbol." />
-    <MESSAGE value="Adds settingsModal;&#10;Adds more saving;&#10;Disables saving welcomeBack messages;" />
-    <MESSAGE value="Adds wildcards for chat." />
-    <MESSAGE value="Change wildcards in html" />
-    <MESSAGE value="Adds js for bootstrap &amp; moment.js;" />
-    <MESSAGE value="Adds answers for telling the time, day of the week and the date." />
-    <MESSAGE value="Adds setting for themes" />
-    <MESSAGE value="Fix error with new messages." />
-    <MESSAGE value="Add fix for username detection." />
-    <MESSAGE value="Add notes;" />
-    <MESSAGE value="Add lastmessage;" />
-    <option name="LAST_COMMIT_MESSAGE" value="Add lastmessage;" />
-  </component>
-  <component name="WindowStateProjectService">
-    <state x="278" y="2" width="800" height="718" key="#Plugins" timestamp="1597350105557">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="278" y="2" width="800" height="718" key="#Plugins/0.0.1366.720@0.0.1366.720" timestamp="1597350105557" />
-    <state x="312" y="0" width="912" height="720" key="CommitChangelistDialog2" timestamp="1600435908264">
-      <screen x="0" y="0" width="1920" height="1160" />
-    </state>
-    <state x="222" y="0" width="912" height="720" key="CommitChangelistDialog2/0.0.1366.720@0.0.1366.720" timestamp="1597611480863" />
-    <state x="312" y="0" key="CommitChangelistDialog2/0.0.1920.1160/-1920.0.1920.1040@0.0.1920.1160" timestamp="1600435908264" />
-    <state x="466" y="118" width="424" height="490" key="FileChooserDialogImpl" timestamp="1597353496276">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="466" y="118" width="424" height="490" key="FileChooserDialogImpl/0.0.1366.720@0.0.1366.720" timestamp="1597353496276" />
-    <state x="127" y="60" width="1092" height="612" key="MergeDialog" timestamp="1597577611599">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="127" y="60" width="1092" height="612" key="MergeDialog/0.0.1366.720@0.0.1366.720" timestamp="1597577611599" />
-    <state x="315" y="115" width="726" height="496" key="MultipleFileMergeDialog" timestamp="1597577611601">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="315" y="115" width="726" height="496" key="MultipleFileMergeDialog/0.0.1366.720@0.0.1366.720" timestamp="1597577611601" />
-    <state x="172" y="0" key="SettingsEditor" timestamp="1597530949459">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="172" y="0" key="SettingsEditor/0.0.1366.720@0.0.1366.720" timestamp="1597530949459" />
-    <state x="391" y="148" width="800" height="542" key="Vcs.Push.Dialog.v2" timestamp="1600434613552">
-      <screen x="0" y="0" width="1920" height="1160" />
-    </state>
-    <state x="278" y="92" width="800" height="542" key="Vcs.Push.Dialog.v2/0.0.1366.720@0.0.1366.720" timestamp="1597611482295" />
-    <state x="391" y="148" key="Vcs.Push.Dialog.v2/0.0.1920.1160/-1920.0.1920.1040@0.0.1920.1160" timestamp="1600434613552" />
-    <state x="0" y="0" width="616" height="720" key="find.popup" timestamp="1597346688624">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="0" y="0" width="616" height="720" key="find.popup/0.0.1366.720@0.0.1366.720" timestamp="1597346688624" />
-    <state width="684" height="487" key="javadoc.popup.new" timestamp="1600433639818">
-      <screen x="0" y="0" width="1920" height="1160" />
-    </state>
-    <state width="486" height="302" key="javadoc.popup.new/0.0.1366.720@0.0.1366.720" timestamp="1597589385567" />
-    <state width="684" height="487" key="javadoc.popup.new/0.0.1920.1160/-1920.0.1920.1040@0.0.1920.1160" timestamp="1600433639818" />
-    <state x="347" y="155" key="run.anything.popup" timestamp="1597587322870">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="347" y="155" key="run.anything.popup/0.0.1366.720@0.0.1366.720" timestamp="1597587322870" />
-    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup" timestamp="1597587640929">
-      <screen x="0" y="0" width="1366" height="720" />
-    </state>
-    <state x="346" y="41" width="672" height="678" key="search.everywhere.popup/0.0.1366.720@0.0.1366.720" timestamp="1597587640929" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/app.js b/app.js
index ae732a2..4599636 100644
--- a/app.js
+++ b/app.js
@@ -129,7 +129,7 @@ let kara = new Vue({
 
             setTimeout(() => {
                 // Check commands
-                if (this.checkForCommands(message, ['note', 'nt'])) {
+                if (this.checkForCommands(message, 'note')) {
                     let noteToSave = this.checkForCommands(message, 'note');
                     this.saveNote(noteToSave);
                 } else if (this.checkForCommands(message, 'clear')) {
@@ -413,6 +413,17 @@ let kara = new Vue({
                 ])
             )
         },
+        clearNotes() {
+            this.notes = [];
+
+            this.botMessage(
+                this.oneOf([
+                    "Notes cleared. 🚮"
+                ])
+            );
+
+            this.updateStorage();
+        },
         saveSettings() {
             this.name = this.settingsModal.name;
             this.username = this.settingsModal.username;
diff --git a/index.html b/index.html
index 4f2b2f2..176c8df 100644
--- a/index.html
+++ b/index.html
@@ -110,12 +110,17 @@
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title">Notes</h5>
+                    <div class="float-right">
+                        <button class="btn btn-sm btn-secondary" @click="clearNotes">
+                            <i class="fas fa-trash"></i>
+                        </button>
+                    </div>
                 </div>
                 <div class="modal-body" style="max-height: 800px; overflow-y: scroll">
                     <ul class="list-group">
                         <li class="list-group-item" v-for="note in notes" v-if="!note.checked">
                             <span class="float-right">
-                                <input type="checkbox" v-model="note.checked" @change="updateStorage()"/>
+                                <input type="checkbox" v-model="note.checked" @change="updateStorage()" data-dismiss="modal"/>
                             </span>
                             {{ note.body }}
                         </li>