From 35473ca446984a771456ca829d01a26765086991 Mon Sep 17 00:00:00 2001 From: Andy Green Date: Wed, 29 Aug 2018 07:15:34 +0800 Subject: [PATCH] csp: update lwsgs --- CMakeLists.txt | 1 + plugins/generic-sessions/assets/index.html | 148 +++------------- plugins/generic-sessions/assets/lwsgs.css | 134 +++++++++++++++ plugins/generic-sessions/assets/lwsgs.js | 191 ++++++++++++++++----- 4 files changed, 301 insertions(+), 173 deletions(-) create mode 100644 plugins/generic-sessions/assets/lwsgs.css diff --git a/CMakeLists.txt b/CMakeLists.txt index 6af758869..51c85c52d 100644 --- a/CMakeLists.txt +++ b/CMakeLists.txt @@ -2138,6 +2138,7 @@ if (LWS_WITH_GENERIC_SESSIONS) plugins/generic-sessions/assets/seats.jpg plugins/generic-sessions/assets/failed-login.html plugins/generic-sessions/assets/lwsgs.js + plugins/generic-sessions/assets/lwsgs.css plugins/generic-sessions/assets/post-register-fail.html plugins/generic-sessions/assets/post-register-ok.html plugins/generic-sessions/assets/post-verify-ok.html diff --git a/plugins/generic-sessions/assets/index.html b/plugins/generic-sessions/assets/index.html index 276d1cc31..d40904af5 100644 --- a/plugins/generic-sessions/assets/index.html +++ b/plugins/generic-sessions/assets/index.html @@ -1,52 +1,44 @@ - - - + + + + - - + + +
- - -
+ -
+ 		+
- -
-
+ +
+ This is a demo application for lws generic-sessions.

It's a simple messageboard.

What's interesting about it is there is no serverside scripting,
instead client js makes a wss:// connection back to the server
and then reacts to JSON from the ws protocol. Sessions stuff is
- handled by lws generic sessions, making the actual
- test application very small.

+ handled by lws generic sessions, making the actual
+ test application very small.

And because it's natively websocket, it's naturally connected
for dynamic events and easy to maintain.

Register / Login at the top right to see and create new messages. -
- - + diff --git a/plugins/generic-sessions/assets/lwsgs.css b/plugins/generic-sessions/assets/lwsgs.css new file mode 100644 index 000000000..dccfc2e82 --- /dev/null +++ b/plugins/generic-sessions/assets/lwsgs.css @@ -0,0 +1,134 @@ +.body { font-size: 12px } +.gstitle { font-size: 18px } + +.group1 { + vertical-align:middle; + text-align:center; + background:#f0f0e0; + padding:12px; + border-radius:10px; +} +.group2 { + display:none; + vertical-align:middle; + font-size: 22px; + text-align:center; + margin:auto; + align:center; + background-color: rgba(255, 255, 255, 0.8); + padding:12px; + border-radius:10px; +} + +body.seats { + background-image:url(seats.jpg) +} + +div.lwsgs { + z-index: 3; + text-align:right; + background-color: rgba(255, 255, 255, 0.8); +} + +table.lwsgs { + width:100%; + height:100%; + transition: max-height 2s; +} +table.c100 { + text-align:center; + width:100%; +} + +table.r { + vertical-align:top; + text-align:right; +} + +table.l { + vertical-align:top; + text-align:left; +} + +table.fixed { + table-layout: fixed; +} + +td.logo { + vertical-align:top; + text-align:left; + width:200px +} + +td.lwsgs { + vertical-align:top; + float:right; +} + +td.h99 { + height:99%; + vertical-align:middle; +} + +td.c { + margin:auto; + align:center +} + +td.tac { + text-align:center +} + +td.ava { + display:inline-block; + vertical-align:top; + word-wrap:break-word; +} + +iframe.hidden { + display:none; +} + +div.hidden { + display:none; +} + +div.hiddenr { + display:none; + text-align:right; +} + +input { + margin: 2px; + padding: 2px; +} + +input.em { + margin: 4px; + font-weight:bold; +} + +input.wide { + margin: 6px; + padding: 6px; +} + +input.hidden { + display: none; +} + +form.r { + text-align:right; +} + +span.bad { + color: red; +} + +span.small { + style=\"font-size:8pt; +} + +.green { + color: green; +} diff --git a/plugins/generic-sessions/assets/lwsgs.js b/plugins/generic-sessions/assets/lwsgs.js index 1d63b5f61..496005c71 100644 --- a/plugins/generic-sessions/assets/lwsgs.js +++ b/plugins/generic-sessions/assets/lwsgs.js @@ -5,7 +5,7 @@ var lwsgs_auth = "$lwsgs_auth"; var lwsgs_email = "$lwsgs_email"; var lwsgs_html = '\ -