mirrors/zap
1
0
Fork 0
mirror of https://github.com/zigzap/zap.git synced 2025-10-21 15:44:10 +00:00
Code Activity

endpoints example works

Browse source
This commit is contained in:
Rene Schallner 2023-01-15 02:35:04 +01:00
parent 29169149db
commit d95f45ef34
2 changed files with 65 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
examples/endpoints/html/index.html
View file

@ -32,7 +32,17 @@
padding: 15px; padding: 15px;
margin-top: 10px; margin-top: 10px;
font-size: 1em; font-size: 1em;
width: 80%; width: 400px;
text-align: center;
justify-content: center;
}
.tdform {
border: none;
border-radius: none;
padding: 2px;
margin-top: 0px;
font-size: 1em;
width: auto;
text-align: center; text-align: center;
justify-content: center; justify-content: center;
} }
@ -45,12 +55,22 @@
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.updatebutton {
background-color: #B0B0B0;
color: #181818;
}
.delbutton {
background-color: #B06060;
color: white;
}
.center { .center {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
table { table {
background-color:#181818; background-color:#181818;
border-radius: 12px;
padding: 12px;
} }
th { th {
color: #B06060; color: #B06060;
@ -59,6 +79,8 @@
td { td {
color: #B0B0B0; color: #B0B0B0;
} }
tr {
}
</style> </style>
<html> <html>
<body> <body>
@ -86,16 +108,16 @@
</div> </div>
<div style="padding:20px; margin-top: 1rem;"> <div style="padding:20px; margin-top: 1rem;">
<label style="margin-bottom: 10px;">Log Output:</label> <label style="margin-bottom: 10px;">Log Output:</label>
<a id="logtoggler" onclick="toggleLog();" href="#">(hide)</a> <a id="logtoggler" onclick="toggleLog();" href="#">(show)</a>
<div class="center"> <div class="center">
<textarea id="log"></textarea> <textarea id="log" style="display:none"></textarea>
</div> </div>
</div> </div>
<script> <script>
var eL = document.getElementById("log"); var eL = document.getElementById("log");
var eLt = document.getElementById("logtoggler"); var eLt = document.getElementById("logtoggler");
var showLog = true; var showLog = false;
function toggleLog() { function toggleLog() {
if(showLog) { if(showLog) {
@ -156,6 +178,25 @@
}); });
} }
function changeUser(id) {
var firstname = document.getElementById("first_" + id);
firstname = firstname.value;
const lastname = document.getElementById("last_" + id).value;
data = {
first_name: firstname,
last_name: lastname,
}
sendJSON(data, "/user/" + id, "PUT")
.then((response) => response.json())
.then((data) => {
log("SUCESS: " + JSON.stringify(data));
getUserList();
})
.catch((error) => {
log("Error posting data");
});
}
function addHeaderCell(tr, text) { function addHeaderCell(tr, text) {
var th = document.createElement('TH'); var th = document.createElement('TH');
th.innerHTML = text; th.innerHTML = text;
@ -171,7 +212,8 @@
addHeaderCell(tr, 'id'); addHeaderCell(tr, 'id');
addHeaderCell(tr, 'first name'); addHeaderCell(tr, 'first name');
addHeaderCell(tr, 'last name'); addHeaderCell(tr, 'last name');
addHeaderCell(tr, 'action'); addHeaderCell(tr, '');
addHeaderCell(tr, '');
console.log("showTable()"); console.log("showTable()");
console.log(users); console.log(users);
@ -181,16 +223,24 @@
var c1 = row.insertCell(); var c1 = row.insertCell();
c1.innerHTML = users[i].id; c1.innerHTML = users[i].id;
var c2 = row.insertCell(); var c2 = row.insertCell();
c2.innerHTML = users[i].first_name; c2.innerHTML = '<input id="first_' + users[i].id + '" value="' + users[i].first_name + '"></input>';
var c3 = row.insertCell(); var c3 = row.insertCell();
c3.innerHTML = users[i].last_name; c3.innerHTML = '<input id="last_' + users[i].id + '" value="' + users[i].last_name + '"></input>';
var c4 = row.insertCell(); var c4 = row.insertCell();
c4.innerHTML = '<button type="button" onclick="deleteUser(' + users[i].id + ');">del</button>'; c4.innerHTML = ''
+ '<form class="tdform"><button class="updatebutton" type="button" onclick="changeUser(' + users[i].id + ');">change</button></form>'
;
var c5 = row.insertCell();
c5.innerHTML = ''
+ '<form class="tdform"><button class="delbutton" type="button" onclick="deleteUser(' + users[i].id + ');">del</button></form>'
;
} }
console.log("before replace"); console.log("before replace");
t.innerHTML = new_t.innerHTML; t.innerHTML = new_t.innerHTML;
console.log("after replace"); console.log("after replace");
} }
function getUserList() { function getUserList() {
fetch("/list", { method: "GET", } ) fetch("/list", { method: "GET", } )
.then((response) => response.json()) .then((response) => response.json())

6
examples/endpoints/users.zig
View file

@ -72,6 +72,7 @@ pub fn update(
last: ?[]const u8, last: ?[]const u8,
) bool { ) bool {
var user: ?InternalUser = self.users.get(id); var user: ?InternalUser = self.users.get(id);
// we got a copy apparently, so we need to put again
if (user) |*pUser| { if (user) |*pUser| {
pUser.*.firstnamelen = 0; pUser.*.firstnamelen = 0;
pUser.*.lastnamelen = 0; pUser.*.lastnamelen = 0;
@ -83,7 +84,12 @@ pub fn update(
std.mem.copy(u8, pUser.lastnamebuf[0..], lastname); std.mem.copy(u8, pUser.lastnamebuf[0..], lastname);
pUser.lastnamelen = lastname.len; pUser.lastnamelen = lastname.len;
} }
_ = self.users.remove(id);
if (self.users.put(id, pUser.*)) {
return true; return true;
} else |_| {
return false;
}
} }
return false; return false;
} }