iiiypuk/snipplets.dev
iiiypuk/snipplets.dev
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

c webui examples

Browse Source
This commit is contained in:
Alexander Popov 2023-09-03 11:42:40 +03:00
parent 2c0c22538d
commit e67e8c4acc
Signed by: iiiypuk
GPG Key ID: E47FE0AB36CD5ED6
6 changed files with 182 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
snipplets/code/C/rest_server/.editorconfig Normal file
View File

@ -0,0 +1,2 @@
[{*.c,*.h}]
indent_size = unset

2
snipplets/code/C/unixsocket/.editorconfig Normal file
View File

@ -0,0 +1,2 @@
[{*.c,*.h}]
indent_size = unset

2
snipplets/code/C/webui/.editorconfig Normal file
View File

@ -0,0 +1,2 @@
[{*.c,*.h}]
indent_size = unset

129
snipplets/code/C/webui/call_c_from_js.c Normal file
View File

@ -0,0 +1,129 @@
// Call C from JavaScript Example
#include "webui.h"
void my_function_string(webui_event_t* e) {
// JavaScript:
// webui_fn('MyID_One', 'Hello');
const char* str = webui_get_string(e);
printf("my_function_string: %s\n", str); // Hello
// Need Multiple Arguments?
//
// WebUI support only one argument. To get multiple arguments
// you can send a JSON string from JavaScript then decode it.
// Example:
//
// my_json = my_json_decoder(str);
// foo = my_json[0];
// bar = my_json[1];
}
void my_function_integer(webui_event_t* e) {
// JavaScript:
// webui_fn('MyID_Two', 123456789);
long long number = webui_get_int(e);
printf("my_function_integer: %lld\n", number); // 123456789
}
void my_function_boolean(webui_event_t* e) {
// JavaScript:
// webui_fn('MyID_Three', true);
bool status = webui_get_bool(e); // True
if(status)
printf("my_function_boolean: True\n");
else
printf("my_function_boolean: False\n");
}
void my_function_with_response(webui_event_t* e) {
// JavaScript:
// const result = webui_fn('MyID_Four', number);
long long number = webui_get_int(e);
number = number * 2;
printf("my_function_with_response: %lld\n", number);
// Send back the response to JavaScript
webui_return_int(e, number);
}
int main() {
// HTML
const char* my_html =
"<html>"
" <head>"
" <title>Call C from JavaScript Example</title>"
" <style>"
" body {"
" color: white;"
" background: #0F2027;"
" text-align: center;"
" font-size: 16px;"
" font-family: sans-serif;"
" }"
" </style>"
" </head>"
" <body>"
" <h2>WebUI - Call C from JavaScript Example</h2>"
" <p>Call C function with argument (<em>See the logs in your terminal</em>)</p>"
" <br>"
" <button onclick=\"webui_fn('MyID_One', 'Hello');\">Call my_function_string()</button>"
" <br>"
" <br>"
" <button onclick=\"webui_fn('MyID_Two', 123456789);\">Call my_function_integer()</button>"
" <br>"
" <br>"
" <button onclick=\"webui_fn('MyID_Three', true);\">Call my_function_boolean()</button>"
" <br>"
" <br>"
" <p>Call C function and wait for the response</p>"
" <br>"
" <button onclick=\"MyJS();\">Call my_function_with_response()</button>"
" <br>"
" <br>"
" <input type=\"text\" id=\"MyInputID\" value=\"2\">"
" <script>"
" function MyJS() {"
" const MyInput = document.getElementById('MyInputID');"
" const number = MyInput.value;"
" webui_fn('MyID_Four', number).then((response) => {"
" MyInput.value = response;"
" });"
" }"
" </script>"
" <script src=\"/webui.js\"></script>"
" </body>"
"</html>";
// Create a window
size_t my_window = webui_new_window();
// Bind HTML elements with C functions
webui_bind(my_window, "MyID_One", my_function_string);
webui_bind(my_window, "MyID_Two", my_function_integer);
webui_bind(my_window, "MyID_Three", my_function_boolean);
webui_bind(my_window, "MyID_Four", my_function_with_response);
// Show the window
webui_show(my_window, my_html); // webui_show_browser(my_window, my_html, Chrome);
// Wait until all windows get closed
webui_wait();
return 0;
}
#if defined(_MSC_VER)
int APIENTRY WinMain(HINSTANCE hInst, HINSTANCE hInstPrev, PSTR cmdline, int cmdshow) {
return main();
}
#endif

23
snipplets/code/C/webui/index.html Normal file
View File

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ololo</title>
<script src="/webui.js"></script>
</head>
<body>
<button onclick="abc('string');">ssf</button>
<br>
<button id="clck">Click</button>
<script type="text/javascript">
window.onload = function () {
window.resizeTo(500, 500);
}
function abc(text) {
webui_fn('MyID', text).then((response) => { console.log(response); });
}
</script>
</body>
</html>

24
snipplets/code/C/webui/minimal.c Normal file
View File

@ -0,0 +1,24 @@
#include <stdio.h>
#include "webui.h"
void fn_one(webui_event_t *e) {
const char *str = webui_get_string(e);
printf("Data from JavaScript: %s\n", str);
webui_return_string(e, "Message from C");
}
void fn_two(webui_event_t *e) { puts("Click!"); }
int main() {
size_t my_window = webui_new_window();
webui_bind(my_window, "MyID", fn_one);
webui_bind(my_window, "clck", fn_two);
webui_show(my_window, "index.html");
webui_run(my_window, "alert('Fast!');");
webui_wait();
return 0;
}