Worked on the saving api method.

This commit is contained in:
2025-07-02 22:22:25 +10:00
parent b6d51c7cfa
commit 4ce23cc392
4 changed files with 81 additions and 27 deletions

View File

@@ -3,13 +3,13 @@ Vue.createApp({
return { 'events': null
, 'frm': { 'e': null, 'modal': null }
, 'faults': null
, 'patterns': { 'coordinates': [ '^$', '^-?\\d{1,3}(?:\\.\\d+)?,-?\\d{1,3}(?:\\.\\d+)?$' ]
, 'start': [ '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}$' ]
, 'end': [ '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}$' ]
, 'title': [ '^.{20,50}$' ]
, 'description': [ '^.{20,}$' ]
, 'location': [ '^.{5,100}$' ]
}
, 'fields': { 'coordinates': { 'patterns': [ '^$', '^-?\\d{1,3}(?:\\.\\d+)?,-?\\d{1,3}(?:\\.\\d+)?$' ], 'default': '-27.38621539644283,153.0351689206467' }
, 'start': { 'patterns': [ '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}$' ], 'default': '' }
, 'end': { 'patterns': [ '^\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}$' ], 'default': '' }
, 'title': { 'patterns': [ '^.{20,50}$' ], 'default': 'Event Title' }
, 'description': { 'patterns': [ '^.{20,}$' ], 'default': 'Event Description' }
, 'location': { 'patterns': [ '^.{5,100}$' ], 'default': 'Event Location' }
}
}
},
methods: { formatDate: function(dt) {
@@ -22,6 +22,35 @@ Vue.createApp({
var ret = moment(dt).format(fmt);
return ret;
},
createEvent: function() {
var event = {};
for ( var k in this.fields ) {
event[k] = this.fields[k].default;
}
const now = moment();
let next7pm = moment().hour(19).minute(0).second(0);
if (now.isSameOrAfter(next7pm)) {
next7pm.add(1, 'day');
}
const twoHoursLater = moment(next7pm).add(2, 'hours');
event.start = next7pm.format('YYYY-MM-DDTHH:mm:ss');
event.end = twoHoursLater.format('YYYY-MM-DDTHH:mm:ss');
this.events.unshift(event);
this.frm.e = 0;
},
saveEvents: function() {
console.log(this.events);
var app = this;
jQuery.post( 'api.php'
, { 'cmd': 'put'
, 'payload': btoa(JSON.stringify(this.events))
}
, function(data) {
app.events = data;
app.validateEvents();
}
);
},
deleteEvent: function() {
this.events.splice(this.frm.e, 1);
this.frm.e = null;
@@ -30,16 +59,15 @@ Vue.createApp({
validateEvents: function() {
var faults = [];
for ( var e in this.events ) {
for ( var k in this.patterns ) {
for ( var k in this.fields ) {
var value = this.events[e][k];
value = ( value == undefined ? '' : value );
var patterns = this.patterns[k];
var patterns = this.fields[k].patterns;
var match = false;
for ( var p in patterns ) {
var pattern = new RegExp(this.patterns[k][p]);
var pattern = new RegExp(patterns[p]);
match = match || pattern.test(value);
}
console.log(e, k, value, match);
if ( ! match ) {
var fault = {};
fault.e = e;
@@ -51,6 +79,17 @@ Vue.createApp({
}
this.faults = ( faults.length == 0 ? null : faults );
},
load: function() {
var app = this;
jQuery.get( 'api.php'
, { 'cmd': 'get' }
, function(data) {
app.events = data;
app.validateEvents();
$('body').fadeIn();
}
);
},
modal: function(property) {
var d = {};
d.property = property;
@@ -59,14 +98,6 @@ Vue.createApp({
}
},
mounted: function() {
var app = this;
jQuery.get( 'api.php'
, { 'cmd': 'get' }
, function(data) {
app.events = data;
app.validateEvents();
$('body').fadeIn();
}
);
this.load();
}
}).mount('#app')