ansible-openwisp-wifi-login-pages: blank page
162 views
Skip to first unread message
Hagen Muench
Mar 19, 2022, 5:36:08 AM3/19/22
to OpenWISP
Hi,
I was following the instructions of the README. The setup passed without errors. However, if I call the login-page I receive a blank page (see screen shot).
Is there a know trap where I stumbled in? Thank you.
Regards,
Hagen
The playbook:
- hosts: openwisp-wifi-login-pages
become: "{{ become | default('yes') }}"
roles:
- ansible-openwisp-wifi-login-pages
vars:
wifi_login_pages_domains: ["login.gordiancode.local"]
become: "{{ become | default('yes') }}"
roles:
- ansible-openwisp-wifi-login-pages
vars:
wifi_login_pages_domains: ["login.gordiancode.local"]
The hosts file:
[openwisp-wifi-login-pages]
openwisp-wifi-login-pages.gordiancode.local
openwisp-wifi-login-pages.gordiancode.local
The response payload:
<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"/><title></title></head><style>/*
The loading indicator needs to be loaded
right away, please do not remove this code
*/
html,
body {
overflow: hidden;
}
.loader-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.loader-container.full {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
z-index: 9998;
}
.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #2b3a42;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 0.8s linear infinite;
}
.small .loader {
width: 30px;
height: 30px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}</style><body><div id="preload" class="loader-container full"><div class="loader"></div></div><div id="root"></div><script src="https://polyfill.io/v3/polyfill.js" nomodule></script><script src="/runtime.a676e5895708d5f59205.js"></script><script src="/vendors~main.5f01e07dd9a4c8010365.chunk.js"></script><script src="/main.2e659540698b6132bff2.chunk.js"></script></body></html>
The loading indicator needs to be loaded
right away, please do not remove this code
*/
html,
body {
overflow: hidden;
}
.loader-container {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.loader-container.full {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
z-index: 9998;
}
.loader {
border: 8px solid #f3f3f3;
border-top: 8px solid #2b3a42;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 0.8s linear infinite;
}
.small .loader {
width: 30px;
height: 30px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}</style><body><div id="preload" class="loader-container full"><div class="loader"></div></div><div id="root"></div><script src="https://polyfill.io/v3/polyfill.js" nomodule></script><script src="/runtime.a676e5895708d5f59205.js"></script><script src="/vendors~main.5f01e07dd9a4c8010365.chunk.js"></script><script src="/main.2e659540698b6132bff2.chunk.js"></script></body></html>
Michele Salerno
Mar 21, 2022, 7:20:54 PM3/21/22
to OpenWISP
Hi,
I also try to understand something ....
From https://github.com/openwisp/openwisp-wifi-login-pages/tree/master/organizations copy default in your organization.
and change the file yml for your server.
try, if you can understand something let me know.
I managed not to have the blank page.
I managed not to have the blank page.
bye
Hagen Muench
Apr 1, 2022, 3:38:34 AM4/1/22
to OpenWISP
Thank you for the hints. But actually I followed already the procedure as described in Deploy organizations.
On the server it is also available:
/opt/openwisp2# ls ./wifi-login-pages/organizations
default jsThe default.yml has more or less the same content as the default.yml in GIT.
May be I should mention that I made an ansible setup for openwisp2 on the same server before (that works). Could there be any conflict?
Thank you.
Hagen
Hagen Muench
Apr 4, 2022, 5:47:55 AM4/4/22
to OpenWISP
Update: I made a complete new setup on a newly installed target machine. The ansible-playbook passed without errors. Anyway, I get a blank page. There is o error in any log, except one warning on the target machine in /opt/openwisp2/wifi-login-pages/log/server.log:
yarn run v1.22.18
$ node config/setup.js && node config/build-translations.js
warning Cannot find a suitable global folder. Tried these: "/usr/local, /var/www/.yarn"
$ node config/setup.js && node config/build-translations.js
warning Cannot find a suitable global folder. Tried these: "/usr/local, /var/www/.yarn"
Could this be the reason? Thank you.
Reply all
Reply to author
Forward
0 new messages