Starship/CoreID
1
0
Fork 0
Code Issues 8 Pull Requests Releases 34 Wiki Activity

Add cobalt JSON field type

Browse Source
This commit is contained in:
garrettmills
2020-05-21 23:10:47 -05:00
parent b275391674
commit c74e3b0685
4 changed files with 59 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
app/assets/app/cobalt/Form.component.js
View File

@@ -74,6 +74,20 @@ const template = `
></textarea>
<small class="form-text" style="color: darkred;" v-if="field.error">{{ field.error }}</small>
</span>
<span v-if="field.type === 'json' && (Array.isArray(field.hidden) ? !field.hidden.includes(mode) : !field.hidden) && (typeof field.if !== 'function' || field.if(data))">
<label :for="uuid+field.field">{{ field.name }}</label>
<textarea
class="form-control"
:id="uuid+field.field"
v-model="data[field.field]"
:required="Array.isArray(field.required) ? field.required.includes(mode) : field.required"
:placeholder="field.placeholder"
:readonly="mode === 'view' || (Array.isArray(field.readonly) ? field.readonly.includes(mode) : field.readonly)"
ref="input"
rows="10"
></textarea>
<small class="form-text" style="color: darkred;" v-if="field.error">{{ field.error }}</small>
</span>
<span v-if="field.type === 'password' && (Array.isArray(field.hidden) ? !field.hidden.includes(mode) : !field.hidden) && (typeof field.if !== 'function' || field.if(data))">
<label :for="uuid+field.field">{{ field.name }}</label>
<input
@@ -207,6 +221,10 @@ export default class FormComponent extends Component {
if ( field.type.endsWith('.multiple') && !this.data[field.field] ) {
this.data[field.field] = []
}
if ( field.type === 'json' ) {
this.data[field.field] = JSON.stringify(this.data[field.field], undefined, 4)
}
}
this.title = title_map[this.mode] + ' ' + this.resource_class.item
@@ -224,25 +242,55 @@ export default class FormComponent extends Component {
location_service.set_query(`mode=update&id=${this.id}`)
}
data_to_save() {
const data = Object.assign({}, this.data)
for ( const field of this.definition.fields ) {
if ( field.type === 'json' ) {
data[field.field] = JSON.parse(data[field.field])
}
}
return data
}
data_to_restore(data) {
const new_data = Object.assign({}, data)
for ( const field of this.definition.fields ) {
if ( field.type === 'json' ) {
new_data[field.field] = JSON.stringify(data[field.field], undefined, 4)
}
}
this.data = new_data
}
async save_click() {
if ( !this.validate() ) return
try {
if (this.mode === 'insert') {
this.data = await this.resource_class.create(this.data)
this.data_to_restore(await this.resource_class.create(this.data_to_save()))
await this.on_create()
} else if (this.mode === 'update') {
await this.resource_class.update(this.id, this.data)
await this.resource_class.update(this.id, this.data_to_save())
}
this.error_message = ''
this.other_message = `The ${this.resource_class.item} was saved.`
} catch (e) {
console.error(e)
if ( e.response && e.response.data && e.response.data.message )
this.error_message = e.response.data.message
else this.error_message = 'An unknown error occurred while saving the form.'
}
}
is_json(string) {
try {
JSON.parse(string)
return true
} catch (e) {
return false
}
}
validate() {
let valid = true
for ( const field of this.definition.fields ) {
@@ -252,6 +300,9 @@ export default class FormComponent extends Component {
} else if ( field.type === 'password' && this.data[field.field] !== this.data[field.field + '-confirm'] ) {
field.error = field.name + ' confirmation does not match.'
valid = false
} else if ( field.type === 'json' && !this.is_json(this.data[field.field]) ) {
field.error = field.name + ' must be valid JSON.'
valid = false
} else {
field.error = ''
}