pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make modalName a component prop, rather than passing it into methods

Browse Source
This commit is contained in:
Andrew Croce 2018-10-04 14:10:49 -04:00
parent 456c5307c7
commit aba2eb28ed
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/components/forms/new_project.js
View File

@ -16,7 +16,8 @@ export default {
initialData: { initialData: {
type: Object, type: Object,
default: () => ({}) default: () => ({})
} },
modalName: String
}, },
data: function () { data: function () {
@ -86,10 +87,10 @@ export default {
return names.every((n, index) => names.indexOf(n) === index) return names.every((n, index) => names.indexOf(n) === index)
}, },
handleSubmit: function (modalName, event) { handleSubmit: function (event) {
if (!this.readyToSubmit) { if (!this.readyToSubmit) {
event.preventDefault() event.preventDefault()
this.validateAndOpenModal(modalName) this.validateAndOpenModal(this.modalName)
} }
}, },

4
templates/fragments/edit_project_form.html
View File

@ -3,13 +3,13 @@
{% from "components/text_input.html" import TextInput %} {% from "components/text_input.html" import TextInput %}
{% from "components/alert.html" import Alert %} {% from "components/alert.html" import Alert %}
<new-project inline-template v-bind:initial-data='{{ form.data|tojson }}'> <new-project inline-template v-bind:initial-data='{{ form.data|tojson }}' modal-name='{{ modalName }}'>
{% set new_project = project is not defined %} {% set new_project = project is not defined %}
{% set form_action = url_for('workspaces.create_project', workspace_id=workspace.id) if new_project else url_for('workspaces.edit_project', workspace_id=workspace.id, project_id=project.id) %} {% set form_action = url_for('workspaces.create_project', workspace_id=workspace.id) if new_project else url_for('workspaces.edit_project', workspace_id=workspace.id, project_id=project.id) %}
{% set action_text = 'Create' if new_project else 'Update' %} {% set action_text = 'Create' if new_project else 'Update' %}
{% set title_text = 'Add a new project' if new_project else 'Edit {} project'.format(project.name) %} {% set title_text = 'Add a new project' if new_project else 'Edit {} project'.format(project.name) %}
<form method="POST" action="{{ form_action }}" v-on:submit="handleSubmit('{{ modalName }}', $event)"> <form method="POST" action="{{ form_action }}" v-on:submit="handleSubmit">
{% call Modal(name=modalName, dismissable=False) %} {% call Modal(name=modalName, dismissable=False) %}
<h1>{{ action_text }} project !{ name }</h1> <h1>{{ action_text }} project !{ name }</h1>