confirmation modal for deleting an application

- adds delete-confirmation Vue component
- refactors some button styles to make them globally available
This commit is contained in:
dandds
2019-04-10 13:43:29 -04:00
parent 0bde431a70
commit 2b06e281ae
7 changed files with 136 additions and 11 deletions

View File

@@ -0,0 +1,15 @@
export default {
name: 'delete-confirmation',
data: function() {
return {
deleteText: '',
}
},
computed: {
valid: function() {
return this.deleteText.toLowerCase() === 'delete'
},
},
}

View File

@@ -35,6 +35,7 @@ import DateSelector from './components/date_selector'
import SidenavToggler from './components/sidenav_toggler'
import KoReview from './components/forms/ko_review'
import BaseForm from './components/forms/base_form'
import DeleteConfirmation from './components/delete_confirmation'
Vue.config.productionTip = false
@@ -72,6 +73,7 @@ const app = new Vue({
SidenavToggler,
KoReview,
BaseForm,
DeleteConfirmation,
},
mounted: function() {