From e001b06b6252704fd2e8a5368cd0936fc4028b0a Mon Sep 17 00:00:00 2001
From: marmei <43099631+mar-mei@users.noreply.github.com>
Date: Fri, 2 Aug 2019 20:12:09 +0200
Subject: [PATCH] v2.0.0.0000
---
.gitignore | 7 +
LICENSE | 2 +-
README-DEV.md | 1 +
README.md | 128 +-
html/configuration.html | 58 +
html/create-first-user.html | 47 +
html/css/base.css | 448 ++++
html/css/screen.css | 540 ++++
html/css/screen2.css | 3 +
html/img/BC-QR.jpg | Bin 0 -> 29877 bytes
html/img/filter.png | Bin 0 -> 2067 bytes
html/img/log.png | Bin 0 -> 1995 bytes
html/img/logo_w_600x200.png | Bin 0 -> 11183 bytes
html/img/logout.png | Bin 0 -> 2011 bytes
html/img/m3u.png | Bin 0 -> 1569 bytes
html/img/mapping.png | Bin 0 -> 1750 bytes
html/img/settings.png | Bin 0 -> 2374 bytes
html/img/stream-limit.jpg | Bin 0 -> 113826 bytes
html/img/users.png | Bin 0 -> 2004 bytes
html/img/x_ transparent.png | Bin 0 -> 7733 bytes
html/img/x_black.png | Bin 0 -> 7132 bytes
html/img/x_white.png | Bin 0 -> 6732 bytes
html/img/xmltv.png | Bin 0 -> 1579 bytes
html/index.html | 108 +
html/js/authentication.js | 42 +
html/js/authentication_ts.js | 32 +
html/js/base.js | 331 +++
html/js/base_ts.js | 473 ++++
html/js/classes_ts.js | 40 +
html/js/configuaration.js | 294 +++
html/js/configuration_ts.js | 140 ++
html/js/data.js | 329 +++
html/js/files.js | 379 +++
html/js/log.js | 114 +
html/js/logs_ts.js | 42 +
html/js/mapping-editor.js | 1466 +++++++++++
html/js/menu.js | 754 ++++++
html/js/menu_ts.js | 1747 +++++++++++++
html/js/network_ts.js | 105 +
html/js/settings_ts.js | 442 ++++
html/js/users.js | 341 +++
html/lang/en.json | 419 ++++
html/login.html | 46 +
html/maintenance.html | 30 +
html/video/stream-limit.ts | Bin 0 -> 23876 bytes
src/authentication.go | 169 ++
src/backup.go | 191 ++
src/buffer.go | 1405 +++++++++++
src/compression.go | 148 ++
src/config.go | 242 ++
src/data.go | 953 +++++++
src/hdhr.go | 236 ++
src/html-build.go | 147 ++
src/images.go | 153 ++
src/internal/authentication/authentication.go | 592 +++++
src/internal/m3u-parser/m3u-parser_test.go | 84 +
src/internal/m3u-parser/test_list_1.m3u | 7 +
src/internal/m3u-parser/xteve_m3uParser.go | 267 ++
src/internal/up2date/client/client.go | 129 +
src/internal/up2date/client/update.go | 271 ++
src/m3u.go | 238 ++
src/maintenance.go | 84 +
src/provider.go | 323 +++
src/screen.go | 404 +++
src/ssdp.go | 69 +
src/struct-buffer.go | 109 +
src/struct-hdhr.go | 61 +
src/struct-system.go | 280 +++
src/struct-webserver.go | 145 ++
src/struct-xml.go | 123 +
src/system.go | 323 +++
src/toolchain.go | 356 +++
src/update.go | 273 ++
src/webUI.go | 54 +
src/webserver.go | 1050 ++++++++
src/xepg.go | 967 ++++++++
ts/authentication_ts.ts | 47 +
ts/base_ts.ts | 663 +++++
ts/compileJS.sh | 3 +
ts/configuration_ts.ts | 169 ++
ts/logs_ts.ts | 65 +
ts/menu_ts.ts | 2198 +++++++++++++++++
ts/network_ts.ts | 147 ++
ts/settings_ts.ts | 564 +++++
xteve.go | 171 ++
85 files changed, 22786 insertions(+), 2 deletions(-)
create mode 100644 .gitignore
create mode 100644 README-DEV.md
create mode 100644 html/configuration.html
create mode 100644 html/create-first-user.html
create mode 100644 html/css/base.css
create mode 100644 html/css/screen.css
create mode 100644 html/css/screen2.css
create mode 100644 html/img/BC-QR.jpg
create mode 100644 html/img/filter.png
create mode 100644 html/img/log.png
create mode 100644 html/img/logo_w_600x200.png
create mode 100644 html/img/logout.png
create mode 100644 html/img/m3u.png
create mode 100644 html/img/mapping.png
create mode 100644 html/img/settings.png
create mode 100644 html/img/stream-limit.jpg
create mode 100644 html/img/users.png
create mode 100644 html/img/x_ transparent.png
create mode 100644 html/img/x_black.png
create mode 100644 html/img/x_white.png
create mode 100644 html/img/xmltv.png
create mode 100644 html/index.html
create mode 100644 html/js/authentication.js
create mode 100644 html/js/authentication_ts.js
create mode 100644 html/js/base.js
create mode 100644 html/js/base_ts.js
create mode 100644 html/js/classes_ts.js
create mode 100644 html/js/configuaration.js
create mode 100644 html/js/configuration_ts.js
create mode 100644 html/js/data.js
create mode 100644 html/js/files.js
create mode 100644 html/js/log.js
create mode 100644 html/js/logs_ts.js
create mode 100644 html/js/mapping-editor.js
create mode 100644 html/js/menu.js
create mode 100644 html/js/menu_ts.js
create mode 100644 html/js/network_ts.js
create mode 100644 html/js/settings_ts.js
create mode 100644 html/js/users.js
create mode 100644 html/lang/en.json
create mode 100644 html/login.html
create mode 100644 html/maintenance.html
create mode 100644 html/video/stream-limit.ts
create mode 100644 src/authentication.go
create mode 100644 src/backup.go
create mode 100644 src/buffer.go
create mode 100644 src/compression.go
create mode 100644 src/config.go
create mode 100644 src/data.go
create mode 100644 src/hdhr.go
create mode 100644 src/html-build.go
create mode 100644 src/images.go
create mode 100755 src/internal/authentication/authentication.go
create mode 100644 src/internal/m3u-parser/m3u-parser_test.go
create mode 100644 src/internal/m3u-parser/test_list_1.m3u
create mode 100755 src/internal/m3u-parser/xteve_m3uParser.go
create mode 100755 src/internal/up2date/client/client.go
create mode 100755 src/internal/up2date/client/update.go
create mode 100644 src/m3u.go
create mode 100644 src/maintenance.go
create mode 100644 src/provider.go
create mode 100644 src/screen.go
create mode 100644 src/ssdp.go
create mode 100644 src/struct-buffer.go
create mode 100644 src/struct-hdhr.go
create mode 100644 src/struct-system.go
create mode 100644 src/struct-webserver.go
create mode 100644 src/struct-xml.go
create mode 100644 src/system.go
create mode 100644 src/toolchain.go
create mode 100644 src/update.go
create mode 100644 src/webUI.go
create mode 100644 src/webserver.go
create mode 100644 src/xepg.go
create mode 100644 ts/authentication_ts.ts
create mode 100644 ts/base_ts.ts
create mode 100755 ts/compileJS.sh
create mode 100644 ts/configuration_ts.ts
create mode 100644 ts/logs_ts.ts
create mode 100644 ts/menu_ts.ts
create mode 100644 ts/network_ts.ts
create mode 100644 ts/settings_ts.ts
create mode 100644 xteve.go
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..979f7ee
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+.DS_Store
+compiler
+files
+update_xteve*.sh
+xteve
+xteve.exe
+de.json
\ No newline at end of file
diff --git a/LICENSE b/LICENSE
index 2c72196..622e181 100644
--- a/LICENSE
+++ b/LICENSE
@@ -1,6 +1,6 @@
MIT License
-Copyright (c) 2019 xteve-project
+Copyright (c) 2019 marmei@xteve-project
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
diff --git a/README-DEV.md b/README-DEV.md
new file mode 100644
index 0000000..4882217
--- /dev/null
+++ b/README-DEV.md
@@ -0,0 +1 @@
+# Information for the developers will come soon
\ No newline at end of file
diff --git a/README.md b/README.md
index 6ee1cfa..dde85af 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,127 @@
-# xTeVe
\ No newline at end of file
+
+
+
+
{{.account.headline}}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/html/css/base.css b/html/css/base.css
new file mode 100644
index 0000000..8fb9390
--- /dev/null
+++ b/html/css/base.css
@@ -0,0 +1,448 @@
+* {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ -ms-appearance: none;
+ font-family: "Arial", sans-serif;
+ letter-spacing: 2px;
+}
+
+/*
+::-webkit-scrollbar {
+ display: none;
+}
+*/
+
+::-webkit-scrollbar {
+ width: 12px;
+ height: 12px;
+}
+
+
+::-webkit-scrollbar-track {
+ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+ border-radius: 5px;
+
+}
+
+::-webkit-scrollbar-thumb {
+ border-radius: 5px;
+ -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0,0.6);
+ background-color: #444;
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: #333;
+}
+
+::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
+a {
+ color: #00E6FF;
+}
+
+html, body {
+ color: #fff;
+ margin: 0px auto;
+ height: 100%;
+ font-size: 14px;
+}
+
+h2 {
+ font-size: 24px;
+ letter-spacing: 2px;
+}
+
+h3 {
+ font-size: 22px;
+ letter-spacing: 1px;
+}
+
+h4 {
+ font-size: 20px;
+ letter-spacing: 1px;
+ line-height: 1.5em;
+
+}
+
+h5 {
+ font-size: 16px;
+ letter-spacing: 1px;
+ line-height: 1.2em;
+ margin: 25px 0px 10px 0px;
+}
+
+hr {
+ border: 0;
+ height: 1px;
+ background: #333;
+ margin: 10px 0px;
+}
+
+p {
+ margin: 2px;
+ padding: 2px 5px;
+}
+
+pre {
+ margin: 0px 0px 5px 0px;
+ font-size: 12px;
+ color: #ddd;
+ letter-spacing: 1px;
+ white-space: pre-wrap;
+ font-family: monospace;
+ font-size: 12px;
+ font-style: normal;
+ font-variant: normal;
+ line-height: 1.6em;
+}
+
+label {
+ margin-bottom: 20px;
+ display: block;
+}
+
+li {
+ list-style-type: none;
+ background-color: #111;
+ padding: 10px 20px;
+ cursor: pointer;
+ border-left: solid 2px #111;
+ transition: all 0.3;
+}
+
+li:hover {
+ border-color: #00E6FF
+}
+
+select {
+ cursor: pointer;
+ width: calc(100% + 2px);
+ border: solid 0px #00E6FF;
+ border-radius: 0px;
+ outline: none;
+ color: #fff;
+ padding: 9px 10px;
+ display:block;
+ background-color: #333;
+ font-size: 14px;
+ margin: 5px 0px 5px 0px;
+}
+
+select:focus {
+ outline: none;
+}
+
+input {
+ -webkit-appearance: none;
+ margin: 5px 0px;
+ padding: 2.5px 10px;
+ outline: none;
+ font-size: 14px;
+}
+
+input[type=button], input[type=submit] {
+ cursor: pointer;
+ background-color: #000;
+ margin: 10px 10px;
+ padding: 10px 25px;
+ border: solid 0px;
+ border-color: #000;
+ border-radius: 3px;
+ outline: none;
+ color: #fff;
+}
+
+input[type=button]:focus {
+ outline: none;
+}
+
+input[type=button]:hover {
+ background-color: #00E6FF;
+ color: #000;
+}
+
+input[type=button]:hover.delete {
+ background-color: red;
+ color: #fff;
+}
+
+input[type=text], input[type=search], input[type=password] {
+ color: #fff;
+ width: -webkit-calc(100% - 0px);
+ width: -moz-calc(100% - 0px);
+ width: calc(100% - 0px);
+ outline: none;
+ border: solid 1px transparent;
+ background-color: transparent;
+ border-bottom-color: #555;
+ border-radius: 0px;
+ padding: 8px 10px;
+}
+
+input[type="checkbox"] {
+ border: solid 1px #00E6FF;
+ background-color: #333;
+ height: 25px;
+ width: 25px;
+ cursor: pointer;
+ /*
+ -webkit-appearance: checkbox;
+ */
+}
+
+input[type="checkbox"]:checked {
+ color: #fff;
+ background-color: #00E6FF;
+ /*display: inline-block;*/
+}
+
+input[type="checkbox"]:before {
+ position: initial;
+ left: 0px;
+ margin-left: -4px;
+ content: " ";
+}
+
+input[type="checkbox"]:checked:before {
+ position: initial;
+ left: 0px;
+ margin-left: -3px;
+ content: "✓";
+ color: #000;
+}
+
+
+input[type=button].cancel {
+
+ background-color: transparent;
+ border-color: red;
+}
+
+input[type=button].save{
+ background-color: #111;
+ float: right;
+}
+
+
+input[type=button].black, input[type=submit].black{
+ background-color: #000;
+ border-color: #000;
+}
+
+input[type=button].center{
+ margin-right: auto;
+ margin-left: auto;
+ background-color: #000;
+ border-color: #000;
+}
+
+.pointer {
+ cursor: pointer;
+}
+
+.pointer:hover {
+ color: #00E6FF;
+ cursor: pointer;
+}
+
+.sortThis {
+ color: #00E6FF;
+}
+
+.w40px {
+ max-width: 40px;
+}
+
+.w50px {
+ max-width: 50px;
+}
+
+.w80px {
+ max-width: 80px;
+}
+
+.w150px {
+ max-width: 150px;
+}
+
+.w200px {
+ max-width: 200px;
+ min-width: 100px;
+ width: 200px;
+ overflow-x: hidden;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.w300px {
+ max-width: 300px;
+}
+
+.w220px {
+ max-width: 220px;
+ cursor: alias;
+}
+
+.footer {
+ font-size: 10px;
+}
+
+.center {
+ text-align: center;
+}
+
+.screenLogHidden {
+ transform: translate(0px, -110px);
+}
+
+.borderSpace {
+ margin-bottom: 30px;
+}
+
+.block {
+
+}
+
+.none {
+ display: none;
+}
+
+
+.notVisible {
+ height: 0px;
+ display: none;
+ opacity: 0;
+ border-bottom: #000 solid 0px;
+
+}
+
+.visible {
+ opacity: 1;
+ display: block;
+ border-bottom: #444 solid 1px;
+ padding: 10px;
+}
+
+.floatRight {
+ float: right;
+}
+
+.floatLeft {
+ float: left;
+}
+
+.menu-active {
+ background-color: #00E6FF;
+}
+
+.menu-notActive {
+
+}
+
+#branch {
+ display: table;
+ margin: auto;
+ color: red;
+}
+
+#interaction {
+ margin-bottom: 100px;
+ text-align: center;
+ border-bottom: solid 0px #777;
+}
+
+
+.half {
+ display: block;
+ width: 45%;
+}
+
+.menu {
+ border: solid 1px #00E6FF;
+}
+
+.infoMsg {
+ color: #aaa;
+}
+
+.errorMsg {
+ color: red;
+}
+
+.warningMsg {
+ color: yellow;
+}
+
+.debugMsg {
+ color: magenta;
+}
+
+.News, .Movie, .Series, .Sports, .Kids {
+ border-left: solid 2px
+}
+
+.News {
+ border-color: tomato
+}
+
+.Movie {
+ border-color: royalblue;
+}
+
+.Series {
+ border-color: gold;
+}
+
+.Sports {
+ border-color: yellowgreen;
+}
+
+.Kids {
+ border-color: mediumpurple;
+}
+
+/* Loading */
+#loading {
+ left: 0px;
+ top: 0px;
+ z-index: 10000;
+ position: absolute;
+ background-color: rgba(0,0,0, 0.8);
+ margin: auto;
+ width: 100%;
+ height: 100%;
+}
+
+
+.loader {
+ border: 5px solid transparent;
+ border-radius: 50%;
+ border-top: 5px solid #00E6FF;
+ border-bottom: 5px solid #00E6FF;
+ width: 50px;
+ height: 50px;
+ -webkit-animation: spin 1.2s linear infinite;
+ animation: spin 1.2s linear infinite;
+
+ position: fixed;
+ margin: auto;
+
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+
+}
+
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(360deg); }
+}
+
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(360deg); }
+}
diff --git a/html/css/screen.css b/html/css/screen.css
new file mode 100644
index 0000000..dde71f3
--- /dev/null
+++ b/html/css/screen.css
@@ -0,0 +1,540 @@
+nav img {
+ display: block;
+ max-height: 20px;
+ max-width: 20px;
+ float: left;
+}
+
+nav p {
+ text-align: left;
+ padding: 0px 30px;
+}
+
+#layout {
+ display: block;
+ height: 100%;
+}
+
+
+.layout-left {
+ display: block;
+ min-width: 150px;
+ max-width: 20%;
+ background-color: #111;
+ height: inherit;
+ float: left;
+}
+
+.layout-right {
+ display: block;
+ background-color: #444;
+}
+
+#menu-wrapper {
+ height: 100%;
+}
+
+
+#logo {
+ display: block;
+ min-width: 180px;
+ width: 100%;
+ height: 100px;
+ background: url("../img/logo_w_600x200.png");
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 100%;
+}
+
+
+#page {
+ max-width: 950px;
+ margin: auto;
+ background-color: #444;
+
+ /*
+ height: -webkit-calc(100% - 130px);
+ height: -moz-calc(100% - 130px);
+ height: calc(100% - 130px);
+ */
+
+ min-height: -webkit-calc(100% - 120px);
+ min-height: -moz-calc(100% - 120px);
+ min-height: calc(100% - 120px);
+
+
+ box-shadow: 0px 5px 5px #222;
+
+}
+
+#uiSetting {
+ float: right;
+ margin-right: 25px;
+}
+
+#box input[type=text], #box input[type=password] {
+ width: -webkit-calc(100% - 20px);
+ width: -moz-calc(100% - 20px);
+ width: calc(100% - 20px);
+}
+
+#box input[type=submit]{
+ margin: 50px auto;
+}
+
+#settings {
+ display: block;
+ padding: 10px 10px;
+}
+
+#settings h5 {
+ margin: 50px 0px 10px 0px;
+}
+
+#content-interaction .search {
+ width: 200px;
+ border: 1px solid #000;
+ padding: 9px;
+ background-color: #333;
+ margin: 10px;
+ float: right;
+ border-radius: 3px;
+
+}
+
+#myStreams {
+ position: fixed;
+ bottom: 0px;
+ background-color: #111;
+ width: 100%;
+ max-width: 950px;
+
+ /*
+ max-height: 100px;
+ */
+ margin-bottom: 0px;
+}
+
+#myStreams img {
+ width: 4%;
+ padding: 2px 5px;
+ cursor: pointer;
+ float: right;
+}
+
+#settings-footer {
+
+}
+
+
+/* Wizard*/
+#box {
+ background-color: #444;
+ min-height: 400px;
+
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+#box p{
+ padding: 10px 0px;
+}
+
+#box-footer {
+ margin-top: auto;
+}
+
+#box-footer {
+ margin: auto;
+ padding: 10px;
+}
+
+#headline {
+ background-color: #222;
+ border-bottom: solid 2px #222;
+ transition: all 0.5s;
+ padding: 10px 0px;
+ display: block;
+}
+
+#content {
+ display: block;
+ overflow: auto;
+ padding: 10px;
+}
+
+/* --- */
+
+
+#clientInfo, #activeStreams, #inactiveStreams {
+ font-family: monospace;
+ display: block;
+ font-size: 9px;
+ background-color: #111;
+ color: #00E6FF;
+ border-bottom: solid 0px;;
+ padding: 0px;
+ letter-spacing: 1px;
+ overflow-x: hidden;
+ border-spacing: 4px 4px;
+ border-bottom: solid 1px #444;
+}
+
+#myStreamsBox {
+ position: relative;
+ padding: 0px;
+ /*height: 100px;*/
+ max-height: 150px;
+ background-color: #111;
+ color: white;
+ display:flex;
+ justify-content:center;
+ align-items:center;
+}
+
+#openStreams {
+ width: 20px;
+ height: 20px;
+ cursor: pointer;
+ float: right;
+ position: absolute;
+ right: 0px;
+ bottom: 0px;
+ background: url("../img/touch.png");
+ background-color: #111;
+
+ background-position: bottom right;
+}
+
+#allStreams {
+ width: 100%;
+ height: 100%;
+ padding: 2px;
+}
+
+#activeStreams, #inactiveStreams {
+ overflow-y: scroll;
+ width: 50%;
+ max-height: 100px;
+ float: left;
+}
+
+#activeStreams .tdKey, #inactiveStreams .tdKey {
+ width: 75px;
+}
+
+
+
+
+#inactiveStreams .tdKey {
+ color: red;
+}
+
+#clientInfo .tdVal, #logInfo .tdVal, #activeStreams .tdVal, #inactiveStreams .tdVal, #mappingInfo .tdVal{
+ color: #aaa;
+ white-space: inherit;
+}
+
+#box-wrapper {
+ display: inline-block;
+ width: 100%;
+
+ overflow-y: scroll;
+}
+
+#content_table, #mapping-detail-table, #content_table {
+ display: table;
+
+ border-collapse: collapse;
+ overflow-y: scroll;
+ width: 100%;
+}
+
+
+#content_table .content_table_header {
+ background-color: #333;
+ height: 50px;
+ border-bottom: solid 1px #111;
+ border-left: solid 3px #333;
+ cursor: auto;
+
+}
+
+
+tbody {
+ width: 100%;
+}
+
+
+.tableEllipsis {
+ width: 150px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+#content_table img {
+ display: block;
+ max-height: 28px;
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 30px;
+}
+
+#content_table tr{
+ border-left: solid 3px 444;
+ border-bottom: solid 1px #333;
+ cursor: pointer;
+}
+
+#content_table tr:hover {
+ background-color: #333;
+}
+
+#content_table td {
+
+ padding: 0px 2px;
+}
+
+#content_table input[type=text]{
+ width: 80%;
+ border: 0px;
+ background-color: #333;
+ margin-left: 5px;
+ text-align: left;
+}
+
+#content_table input[type=checkbox]{
+ max-width: 25px;
+ margin: auto;
+}
+
+
+.showBulk {
+ display: block;
+}
+
+.hideBulk {
+ display: none;
+}
+
+.noBulk {
+
+}
+
+#content_table tr.activeEPG{
+ border-left: solid 3px lawngreen;
+}
+
+#content_table tr.notActiveEPG{
+ border-left: solid 3px red;
+}
+
+
+#logScreen p{
+ white-space: pre;
+ font-size: 10px;
+ /*
+ line-height: 1.6em;
+ font-family: "Arial", sans-serif;
+ */
+ letter-spacing: 1px;
+ font-family: monospace;
+ font-size: 12px;
+ font-style: normal;
+ font-variant: normal;
+ line-height: 1.6em;
+}
+
+#popup {
+ background-color: rgba(0, 0, 0, 0.4);
+ position: fixed;
+ left: 0px;
+ width: 100%;
+ z-index: 100;
+ height: 100%;
+}
+
+#mapping-detail, #user-detail, #file-detail, #popup-custom {
+ box-shadow: 0px 5px 40px #000;
+ margin-top: 20px;
+ margin-left: auto;
+ margin-right: auto;
+
+ max-width: 600px;
+ background-color: #222;
+ padding: 10px;
+ overflow:auto;
+}
+
+#popup-custom h3 {
+ text-align: center;
+}
+
+#file-detail input[type=text] {
+ width: -webkit-calc(100% - 20px);
+ width: -moz-calc(100% - 20px);
+ width: calc(100% - 20px);
+}
+
+#mapping-detail img {
+ display: block;
+ max-height: 30px;
+ margin-bottom: 20px;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#popup-custom input[type=text], #popup-custom input[type=password], #mapping-detail input[type=text], #content_settings input[type=text], #content_settings input[type=password]{
+ border: solid 1px;
+ border-color: transparent;
+ background-color: #333;
+ text-align: left;
+ width: -webkit-calc(100% - 20px);
+ width: -moz-calc(100% - 20px);
+ width: calc(100% - 20px);
+}
+
+#popup-custom input[type=text].notAvailable {
+ border-color: red;
+ color: #666;
+ cursor: not-allowed;
+}
+
+#mapping-detail-table, #user-detail-table {
+ display: inline-table;
+ width: 100%;
+}
+
+#popup-custom table, #content_settings table {
+ display: inline-table;
+ table-layout: fixed;
+ width: 100%;
+}
+
+
+#mapping-detail-table td, #user-detail-table td {
+ padding: 10px 0px;
+
+}
+
+#mapping-detail-table td.left, #user-detail-table td.left, #popup-custom td.left {
+ width: 38%;
+}
+
+.interaction, #interaction {
+ margin-top: 20px;
+ display: inline-flex;
+ float: right;
+}
+
+.interaction input[type=button], .interaction input[type=submit] {
+ background-color: #000;
+ min-width: 100px;
+ margin: 0px 10px;
+ text-align: center;
+}
+
+#notification {
+ display: block;
+ position: fixed;
+ right: 0px;
+ height: 100%;
+ width: 250px;
+
+ background-color: #222;
+ box-shadow: 0px 0px 20px #000;
+}
+
+#notification h5 {
+ background-color: #121212;
+ padding: 5px 10px 5px 10px;
+}
+
+#notification pre {
+ padding: 0px 10px 0px 10px;
+}
+
+#notification p {
+ font-size: 10 px;
+ margin: 0px;
+ padding: 0px 10px 5px 10px;
+}
+
+#notification .element {
+ /*padding: 0px 5px;*/
+ margin: 5px 5px;
+ border-radius: 5px;
+ background-color: #181818;
+ border-left: 10px solid green;
+}
+
+
+@media only screen and (min-width: 620px){
+ body {
+ width: 100%;
+ background-color: #444;
+ }
+
+ h1 {
+ font-size: 26px;
+ letter-spacing: 3px;
+ }
+
+ nav p {
+ display: block;
+ }
+
+
+
+ #header_config {
+ display: block;
+ height: 100px;
+ background: url("../img/logo_w_600x200.png");
+ background-repeat: no-repeat;
+
+ background-size: 300px 100px;
+ }
+
+ #screenLog {
+ margin-left: 300px;
+
+ transition: none;
+ background-color: transparent;
+ border-bottom: solid 1px transparent;
+ box-shadow: 0px 0px 0px #222;
+ }
+
+ #settings {
+ /*
+ height: -webkit-calc(100% - 100px);
+ height: -moz-calc(100% - 100px);
+ height: calc(100% - 100px);
+ */
+ position: relative;
+ overflow: auto;
+ }
+
+
+ .screenLogHidden {
+ transform: translate(0px, 0px);
+ }
+
+
+ #box {
+ display: block;
+ min-height: 500px;
+ max-width: 500px;
+ margin: 10px auto;
+ background-color: #444;
+ box-shadow: 0px 5px 5px #222;
+
+ display: flex;
+ flex-direction: column;
+ }
+
+ #settings, #settings-footer {
+
+ }
+}
diff --git a/html/css/screen2.css b/html/css/screen2.css
new file mode 100644
index 0000000..2e774d9
--- /dev/null
+++ b/html/css/screen2.css
@@ -0,0 +1,3 @@
+h1 {
+ color: green;
+}
\ No newline at end of file
diff --git a/html/img/BC-QR.jpg b/html/img/BC-QR.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..25d79aa20fd01545aaf3e7326a60351cd329cdd5
GIT binary patch
literal 29877
zcmcG$3s_TE+AqElFbc(pa#0YrEh;Kv>L}78W^1idwHU2c1S_dh<)+QFibM_B2m&f%
zrnO2(2ZN&G4I^@E5!r+Q>17lVky|AfrbQ(*dyg8HWM}99#`)&E&Uv15{^vRH1OiFc
zUTeL-_xE1cws+a}*!Wc|R<6LDoG|PI_{Qu8Y}0aS@(v7(j>cwV7&ZnQ