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:
15
js/components/delete_confirmation.js
Normal file
15
js/components/delete_confirmation.js
Normal file
@@ -0,0 +1,15 @@
|
||||
export default {
|
||||
name: 'delete-confirmation',
|
||||
|
||||
data: function() {
|
||||
return {
|
||||
deleteText: '',
|
||||
}
|
||||
},
|
||||
|
||||
computed: {
|
||||
valid: function() {
|
||||
return this.deleteText.toLowerCase() === 'delete'
|
||||
},
|
||||
},
|
||||
}
|
@@ -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() {
|
||||
|
Reference in New Issue
Block a user