UPDATE: Configurable modo monitor y tema
This commit is contained in:
@@ -7,8 +7,20 @@ load_dotenv()
|
|||||||
|
|
||||||
ip = os.getenv("IPSERVER")
|
ip = os.getenv("IPSERVER")
|
||||||
puerto = os.getenv("PORT")
|
puerto = os.getenv("PORT")
|
||||||
|
modo = os.getenv("mode", "1")
|
||||||
monitor1 = os.getenv("MONITOR_ID_1")
|
monitor1 = os.getenv("MONITOR_ID_1")
|
||||||
monitor2 = os.getenv("MONITOR_ID_2")
|
monitor2 = os.getenv("MONITOR_ID_2")
|
||||||
|
tema = os.getenv("THEME", "csm")
|
||||||
|
tema_styles = {
|
||||||
|
"csm": {
|
||||||
|
"bg1":"#114b94",
|
||||||
|
"bg2":"#0a6eb2"
|
||||||
|
},
|
||||||
|
"imq": {
|
||||||
|
"bg1":"#CC0C00",
|
||||||
|
"bg2":"#e6392d"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
app = Flask(__name__)
|
app = Flask(__name__)
|
||||||
|
|
||||||
@@ -33,7 +45,11 @@ def obtener_pie(mon_id1, mon_id2):
|
|||||||
return []
|
return []
|
||||||
try:
|
try:
|
||||||
cursor = conn.cursor()
|
cursor = conn.cursor()
|
||||||
|
if modo == "2":
|
||||||
cursor.execute("SELECT MENSAJE FROM CSMK_MONITOR_PIE WHERE MONITOR_ID IN (:monitor, :monitor2) AND INACTIVO = 0 ORDER BY MONITOR_ID, MONITOR_PIE_ID ASC",{'monitor':mon_id1, 'monitor2':mon_id2})
|
cursor.execute("SELECT MENSAJE FROM CSMK_MONITOR_PIE WHERE MONITOR_ID IN (:monitor, :monitor2) AND INACTIVO = 0 ORDER BY MONITOR_ID, MONITOR_PIE_ID ASC",{'monitor':mon_id1, 'monitor2':mon_id2})
|
||||||
|
else:
|
||||||
|
cursor.execute("SELECT MENSAJE FROM CSMK_MONITOR_PIE WHERE MONITOR_ID IN (:monitor) AND INACTIVO = 0 ORDER BY MONITOR_ID, MONITOR_PIE_ID ASC",{'monitor':mon_id1})
|
||||||
|
|
||||||
mensajes = [fila[0] for fila in cursor.fetchall()]
|
mensajes = [fila[0] for fila in cursor.fetchall()]
|
||||||
mensaje_final = " ".join(mensajes)
|
mensaje_final = " ".join(mensajes)
|
||||||
cursor.close()
|
cursor.close()
|
||||||
@@ -45,7 +61,8 @@ def obtener_pie(mon_id1, mon_id2):
|
|||||||
|
|
||||||
@app.route('/')
|
@app.route('/')
|
||||||
def index():
|
def index():
|
||||||
return render_template("index.html")
|
tema_colores = tema_styles.get(tema, tema_styles["csm"])
|
||||||
|
return render_template("index.html", mode=modo, theme=tema, theme_colors=tema_colores)
|
||||||
|
|
||||||
@app.route('/api/datos1')
|
@app.route('/api/datos1')
|
||||||
def api_datos1():
|
def api_datos1():
|
||||||
|
|||||||
+5
-3
@@ -1,10 +1,12 @@
|
|||||||
|
IPSERVER = 192.168.82.156
|
||||||
|
PORT=5000
|
||||||
|
ORA_DIRECTORY="C:/oracle/product/11.2.0.4"
|
||||||
DB_USER=CSMKIOSCOS
|
DB_USER=CSMKIOSCOS
|
||||||
DB_PASSWORD=CSMKIOSCOS
|
DB_PASSWORD=CSMKIOSCOS
|
||||||
DB_HOST=192.168.1.76
|
DB_HOST=192.168.1.76
|
||||||
DB_PORT=1521
|
DB_PORT=1521
|
||||||
DB_SID=REALRAC1
|
DB_SID=REALRAC1
|
||||||
PORT=5000
|
MODE="1"
|
||||||
|
THEME="csm"
|
||||||
MONITOR_ID_1=1
|
MONITOR_ID_1=1
|
||||||
MONITOR_ID_2=2
|
MONITOR_ID_2=2
|
||||||
ORA_DIRECTORY="C:/oracle/product/11.2.0.4"
|
|
||||||
IPSERVER = 192.168.82.156
|
|
||||||
@@ -24,7 +24,8 @@ function cargarTabla(endpoint, tablaId) {
|
|||||||
|
|
||||||
const td1 = document.createElement("td");
|
const td1 = document.createElement("td");
|
||||||
td1.textContent = fila[0];
|
td1.textContent = fila[0];
|
||||||
td1.className = `border bg-[#114b94] align-middle ${sizeClass}`;
|
td1.className = `border align-middle ${sizeClass}`;
|
||||||
|
td1.style.backgroundColor = window.themeColors.bg1;
|
||||||
tr.appendChild(td1);
|
tr.appendChild(td1);
|
||||||
|
|
||||||
const td2 = document.createElement("td");
|
const td2 = document.createElement("td");
|
||||||
@@ -40,7 +41,8 @@ function cargarTabla(endpoint, tablaId) {
|
|||||||
if (estadoTurno == 1) {
|
if (estadoTurno == 1) {
|
||||||
td2.className = `border blink-yellow align-middle ${sizeClass}`;
|
td2.className = `border blink-yellow align-middle ${sizeClass}`;
|
||||||
} else {
|
} else {
|
||||||
td2.className = `border bg-[#0a6eb2] align-middle ${sizeClass}`;
|
td2.className = `border align-middle ${sizeClass}`;
|
||||||
|
td2.style.backgroundColor = window.themeColors.bg2;
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
td2.textContent = fila[2];
|
td2.textContent = fila[2];
|
||||||
@@ -77,7 +79,9 @@ function cargarFooter() {
|
|||||||
|
|
||||||
function actualizarTablas(){
|
function actualizarTablas(){
|
||||||
cargarTabla("/api/datos1","turnos1");
|
cargarTabla("/api/datos1","turnos1");
|
||||||
|
if (document.getElementById("turnos2")){
|
||||||
cargarTabla("/api/datos2","turnos2");
|
cargarTabla("/api/datos2","turnos2");
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cargarFooter();
|
cargarFooter();
|
||||||
|
|||||||
Binary file not shown.
@@ -0,0 +1,140 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||||
|
width="122.749px" height="72px" viewBox="0 0 122.749 72" enable-background="new 0 0 122.749 72" xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<g>
|
||||||
|
<path fill="#C51A1B" d="M99.928,57.307H6.375v-6.669h81.797c0.881,0.773,1.771,1.533,2.678,2.269
|
||||||
|
c2.303,1.943,4.933,3.312,7.892,4.104C99.145,57.119,99.539,57.217,99.928,57.307"/>
|
||||||
|
<path d="M116.441,53.078c-1.428,0.981-2.883,1.744-4.366,2.287c-1.738,0.688-3.623,1.048-5.651,1.08
|
||||||
|
c-1.984,0.103-4.297-0.199-6.933-0.906c-2.957-0.793-5.589-2.159-7.892-4.104c-2.32-1.887-4.546-3.897-6.684-6.026
|
||||||
|
c-2.14-2.129-4.361-4.162-6.664-6.108c-2.316-1.89-4.982-3.237-7.994-4.044c-1.291-0.345-2.61-0.468-3.962-0.371
|
||||||
|
c-1.353,0.1-2.673,0.294-3.959,0.582l-0.783-1.592c2.198-0.678,4.256-1.049,6.177-1.112c1.906-0.009,3.958,0.284,6.165,0.874
|
||||||
|
c2.958,0.792,5.798,2.014,8.526,3.668c2.764,1.72,5.438,3.476,8.013,5.261c2.564,1.838,5.045,3.542,7.452,5.106
|
||||||
|
c2.456,1.582,4.843,2.683,7.154,3.303c1.72,0.458,3.304,0.683,4.748,0.665c1.433,0.04,2.804-0.141,4.122-0.538
|
||||||
|
c0.86-0.26,1.705-0.599,2.53-1.012"/>
|
||||||
|
<path fill="none" stroke="#000000" stroke-width="0.1961" stroke-miterlimit="3.8637" d="M116.441,53.078
|
||||||
|
c-1.428,0.981-2.883,1.744-4.366,2.287c-1.738,0.688-3.623,1.048-5.651,1.08c-1.984,0.103-4.297-0.199-6.933-0.906
|
||||||
|
c-2.957-0.793-5.589-2.159-7.892-4.104c-2.32-1.887-4.546-3.897-6.684-6.026c-2.14-2.129-4.361-4.162-6.664-6.108
|
||||||
|
c-2.316-1.89-4.982-3.237-7.994-4.044c-1.291-0.345-2.61-0.468-3.962-0.371c-1.353,0.1-2.673,0.294-3.959,0.582l-0.783-1.592
|
||||||
|
c2.198-0.678,4.256-1.049,6.177-1.112c1.906-0.009,3.958,0.284,6.165,0.874c2.958,0.792,5.798,2.014,8.526,3.668
|
||||||
|
c2.764,1.72,5.438,3.476,8.013,5.261c2.564,1.838,5.045,3.542,7.452,5.106c2.456,1.582,4.843,2.683,7.154,3.303
|
||||||
|
c1.72,0.458,3.304,0.683,4.748,0.665c1.433,0.04,2.804-0.141,4.122-0.538c0.86-0.26,1.705-0.599,2.53-1.012V53.078L116.441,53.078
|
||||||
|
z"/>
|
||||||
|
<path d="M103.966,67.116h-1.252l1.683-6.785h1.665l1.632,6.785h-1.24l-0.33-1.427h-1.795 M105.204,61.797l-0.638,2.745h1.287
|
||||||
|
l-0.629-2.745H105.204z M99.238,61.402v1.88h0.666c0.292,0.002,0.516-0.071,0.676-0.22c0.16-0.153,0.245-0.394,0.247-0.717
|
||||||
|
c-0.002-0.327-0.086-0.566-0.247-0.716c-0.16-0.151-0.384-0.225-0.676-0.223h-0.666V61.402z M102.377,67.116h-1.391l-1.124-2.763
|
||||||
|
h-0.623v2.763h-1.296v-6.785h1.878c0.779,0.004,1.358,0.184,1.738,0.536c0.378,0.353,0.568,0.851,0.567,1.495
|
||||||
|
c0.003,0.423-0.077,0.783-0.241,1.079c-0.161,0.294-0.425,0.511-0.783,0.648L102.377,67.116z M94.017,61.402v1.88h0.665
|
||||||
|
c0.29,0.002,0.515-0.071,0.678-0.22c0.16-0.153,0.241-0.394,0.244-0.717c-0.003-0.327-0.084-0.566-0.244-0.716
|
||||||
|
c-0.161-0.151-0.388-0.225-0.678-0.223h-0.665V61.402z M97.154,67.116h-1.391l-1.124-2.763h-0.622v2.763h-1.299v-6.785H94.6
|
||||||
|
c0.777,0.004,1.358,0.184,1.737,0.536c0.378,0.353,0.568,0.851,0.568,1.495c0,0.423-0.078,0.783-0.244,1.079
|
||||||
|
c-0.161,0.294-0.423,0.511-0.781,0.648L97.154,67.116z M88.294,67.116h-1.25l1.683-6.785h1.663l1.635,6.785h-1.241l-0.329-1.427
|
||||||
|
h-1.796L88.294,67.116z M89.534,61.797l-0.64,2.745h1.287l-0.627-2.745H89.534z M83.925,67.116l-1.737-6.785h1.277l1.192,4.849
|
||||||
|
l1.204-4.849h1.271l-1.729,6.785H83.925z M78.541,67.116h-1.249l1.682-6.785h1.664l1.634,6.785h-1.24l-0.33-1.427h-1.796
|
||||||
|
L78.541,67.116z M79.782,61.797l-0.64,2.745h1.287l-0.628-2.745H79.782z M73.262,67.116h-1.183v-6.785h1.417l1.804,4.021
|
||||||
|
l0.017-4.021h1.185v6.785h-1.242l-1.98-4.38L73.262,67.116z M68.337,67.116h-3.645v-6.785h3.55v1.147h-2.254v1.561h1.719v1.146
|
||||||
|
h-1.719v1.785h2.349V67.116z M60.765,61.465v4.491h0.453c0.359,0.009,0.636-0.093,0.833-0.297
|
||||||
|
c0.194-0.202,0.293-0.556,0.297-1.057v-1.785c0.001-0.477-0.084-0.821-0.262-1.036c-0.178-0.217-0.466-0.321-0.865-0.318
|
||||||
|
L60.765,61.465L60.765,61.465z M59.469,67.103v-6.784h1.803c0.745-0.01,1.319,0.169,1.721,0.533
|
||||||
|
c0.401,0.365,0.619,0.971,0.649,1.816v2.088c-0.03,0.848-0.248,1.449-0.649,1.815c-0.401,0.365-0.976,0.54-1.721,0.534
|
||||||
|
L59.469,67.103L59.469,67.103z M52.817,62.327v2.764c0.003,0.367,0.081,0.623,0.23,0.76c0.149,0.138,0.354,0.204,0.616,0.197
|
||||||
|
c0.261,0.007,0.465-0.06,0.618-0.197c0.149-0.137,0.224-0.393,0.229-0.76v-2.764c-0.004-0.368-0.08-0.622-0.229-0.762
|
||||||
|
c-0.152-0.137-0.356-0.205-0.618-0.195c-0.262-0.01-0.467,0.059-0.616,0.195C52.898,61.705,52.82,61.959,52.817,62.327z
|
||||||
|
M51.522,64.921v-2.423c0.009-0.828,0.208-1.417,0.598-1.766c0.388-0.35,0.904-0.518,1.543-0.511
|
||||||
|
c0.639-0.01,1.154,0.16,1.543,0.511c0.39,0.349,0.588,0.938,0.6,1.766v2.423c-0.011,0.829-0.209,1.416-0.6,1.767
|
||||||
|
c-0.388,0.348-0.904,0.519-1.543,0.508c-0.641,0.014-1.155-0.16-1.543-0.508C51.73,66.336,51.532,65.748,51.522,64.921z
|
||||||
|
M50.396,67.116h-1.296v-6.785h1.296V67.116z M45.096,61.402v1.88h0.667c0.292,0.002,0.515-0.071,0.675-0.22
|
||||||
|
c0.162-0.153,0.244-0.394,0.248-0.717c-0.004-0.327-0.086-0.566-0.248-0.716c-0.16-0.15-0.383-0.225-0.675-0.223h-0.667V61.402z
|
||||||
|
M48.235,67.116h-1.391l-1.129-2.763h-0.619v2.763h-1.295v-6.785h1.878c0.779,0.004,1.357,0.184,1.737,0.536
|
||||||
|
c0.378,0.353,0.567,0.851,0.565,1.495c0.003,0.423-0.078,0.783-0.241,1.079c-0.162,0.294-0.425,0.511-0.783,0.648L48.235,67.116z
|
||||||
|
M39.76,62.327v2.764c0.003,0.367,0.079,0.623,0.228,0.76c0.151,0.138,0.356,0.204,0.617,0.197
|
||||||
|
c0.261,0.007,0.468-0.06,0.617-0.197c0.151-0.137,0.228-0.393,0.229-0.76v-2.764c-0.001-0.368-0.079-0.622-0.229-0.762
|
||||||
|
c-0.149-0.137-0.356-0.205-0.617-0.195c-0.261-0.01-0.466,0.059-0.617,0.195C39.838,61.705,39.763,61.959,39.76,62.327z
|
||||||
|
M38.463,64.921v-2.423c0.009-0.828,0.209-1.417,0.599-1.766c0.389-0.35,0.903-0.518,1.542-0.511
|
||||||
|
c0.642-0.01,1.156,0.16,1.543,0.511c0.389,0.349,0.589,0.938,0.6,1.766v2.423c-0.011,0.829-0.209,1.416-0.6,1.767
|
||||||
|
c-0.388,0.348-0.902,0.519-1.543,0.508c-0.639,0.014-1.154-0.16-1.542-0.508C38.673,66.336,38.473,65.748,38.463,64.921z
|
||||||
|
M33.482,60.332h4.322v1.147h-1.513v5.637h-1.297v-5.637h-1.512V60.332z M29.969,67.116h-1.25l1.682-6.785h1.663l1.636,6.785
|
||||||
|
h-1.24l-0.329-1.427h-1.796L29.969,67.116z M31.209,61.797l-0.64,2.745h1.289l-0.631-2.745H31.209z M28.382,67.116h-3.384v-6.785
|
||||||
|
h1.298v5.639h2.086V67.116L28.382,67.116z M20.572,67.116h-1.249l1.683-6.785h1.663l1.636,6.785h-1.241l-0.329-1.427h-1.793
|
||||||
|
L20.572,67.116z M21.813,61.797l-0.639,2.745h1.287l-0.629-2.745H21.813z M14.11,60.332h1.296v4.747
|
||||||
|
c-0.011,0.652,0.293,0.979,0.913,0.984c0.621-0.005,0.927-0.334,0.92-0.984v-4.747h1.297v4.755
|
||||||
|
c-0.01,0.742-0.212,1.283-0.609,1.621c-0.396,0.338-0.932,0.507-1.607,0.502c-0.676,0.005-1.211-0.162-1.605-0.502
|
||||||
|
c-0.395-0.338-0.594-0.88-0.604-1.621V60.332z M12.25,67.103l-0.197-0.564c-0.171,0.2-0.356,0.358-0.552,0.477
|
||||||
|
c-0.197,0.118-0.417,0.18-0.66,0.181c-0.641,0.011-1.154-0.16-1.544-0.508c-0.388-0.352-0.588-0.939-0.598-1.768v-2.422
|
||||||
|
c0.01-0.83,0.21-1.417,0.598-1.766c0.389-0.351,0.903-0.52,1.544-0.513c1.335-0.003,2.031,0.765,2.086,2.303H11.63
|
||||||
|
c-0.004-0.43-0.077-0.732-0.219-0.904c-0.144-0.174-0.332-0.258-0.571-0.249c-0.261-0.01-0.466,0.059-0.617,0.195
|
||||||
|
c-0.148,0.139-0.225,0.393-0.228,0.761v2.765c0.003,0.367,0.08,0.621,0.228,0.76c0.151,0.137,0.356,0.204,0.617,0.197
|
||||||
|
c0.247-0.003,0.439-0.086,0.578-0.252c0.14-0.163,0.208-0.393,0.213-0.688v-0.413h-0.913v-1.071h2.208v3.478L12.25,67.103
|
||||||
|
L12.25,67.103z M7.571,67.116H6.275v-6.785h1.296V67.116z"/>
|
||||||
|
<rect x="6.275" y="60.332" width="1.296" height="6.784"/>
|
||||||
|
<path d="M12.25,67.103l-0.197-0.564c-0.171,0.2-0.356,0.358-0.552,0.477c-0.197,0.118-0.417,0.18-0.66,0.181
|
||||||
|
c-0.641,0.011-1.154-0.16-1.544-0.508c-0.388-0.352-0.588-0.939-0.598-1.768v-2.422c0.01-0.83,0.21-1.417,0.598-1.766
|
||||||
|
c0.389-0.351,0.903-0.52,1.544-0.513c1.335-0.003,2.031,0.765,2.086,2.303H11.63c-0.004-0.43-0.077-0.732-0.219-0.904
|
||||||
|
c-0.144-0.174-0.332-0.258-0.571-0.249c-0.261-0.01-0.466,0.059-0.617,0.195c-0.148,0.139-0.225,0.393-0.228,0.761v2.765
|
||||||
|
c0.003,0.367,0.08,0.621,0.228,0.76c0.151,0.137,0.356,0.204,0.617,0.197c0.247-0.003,0.439-0.086,0.578-0.252
|
||||||
|
c0.14-0.163,0.208-0.393,0.213-0.688v-0.413h-0.913v-1.071h2.208v3.478"/>
|
||||||
|
<path d="M14.11,60.332h1.296v4.747c-0.011,0.652,0.293,0.979,0.913,0.984c0.621-0.005,0.927-0.334,0.92-0.984v-4.747h1.297v4.755
|
||||||
|
c-0.01,0.742-0.212,1.283-0.609,1.621c-0.396,0.338-0.932,0.507-1.607,0.502c-0.676,0.005-1.211-0.162-1.605-0.502
|
||||||
|
c-0.395-0.338-0.594-0.88-0.604-1.621"/>
|
||||||
|
<path d="M20.572,67.116h-1.249l1.683-6.785h1.663l1.636,6.785h-1.241l-0.329-1.427h-1.793 M21.813,61.797l-0.639,2.745h1.287
|
||||||
|
l-0.629-2.745H21.813z"/>
|
||||||
|
<polyline points="28.382,67.116 24.998,67.116 24.998,60.332 26.296,60.332 26.296,65.97 28.382,65.97 "/>
|
||||||
|
<path d="M29.969,67.116h-1.25l1.682-6.785h1.663l1.636,6.785h-1.24l-0.329-1.427h-1.796 M31.209,61.797l-0.64,2.745h1.289
|
||||||
|
l-0.631-2.745H31.209z"/>
|
||||||
|
<polyline points="33.482,60.332 37.804,60.332 37.804,61.479 36.292,61.479 36.292,67.116 34.994,67.116 34.994,61.479
|
||||||
|
33.482,61.479 "/>
|
||||||
|
<path d="M39.76,62.327v2.764c0.003,0.367,0.079,0.623,0.228,0.76c0.151,0.138,0.356,0.204,0.617,0.197
|
||||||
|
c0.261,0.007,0.468-0.06,0.617-0.197c0.151-0.137,0.228-0.393,0.229-0.76v-2.764c-0.001-0.368-0.079-0.622-0.229-0.762
|
||||||
|
c-0.149-0.137-0.356-0.205-0.617-0.195c-0.261-0.01-0.466,0.059-0.617,0.195C39.838,61.705,39.763,61.959,39.76,62.327
|
||||||
|
M38.463,64.921v-2.423c0.009-0.828,0.209-1.417,0.599-1.766c0.389-0.35,0.903-0.518,1.542-0.511
|
||||||
|
c0.642-0.01,1.156,0.16,1.543,0.511c0.389,0.349,0.589,0.938,0.6,1.766v2.423c-0.011,0.829-0.209,1.416-0.6,1.767
|
||||||
|
c-0.388,0.348-0.902,0.519-1.543,0.508c-0.639,0.014-1.154-0.16-1.542-0.508C38.673,66.336,38.473,65.748,38.463,64.921z"/>
|
||||||
|
<path d="M45.096,61.402v1.88h0.667c0.292,0.002,0.515-0.071,0.675-0.22c0.162-0.153,0.244-0.394,0.248-0.717
|
||||||
|
c-0.004-0.327-0.086-0.566-0.248-0.716c-0.16-0.15-0.383-0.225-0.675-0.223 M48.235,67.116h-1.391l-1.129-2.763h-0.619v2.763
|
||||||
|
h-1.295v-6.785h1.878c0.779,0.004,1.357,0.184,1.737,0.536c0.378,0.353,0.567,0.851,0.565,1.495
|
||||||
|
c0.003,0.423-0.078,0.783-0.241,1.079c-0.162,0.294-0.425,0.511-0.783,0.648L48.235,67.116z"/>
|
||||||
|
<rect x="49.099" y="60.332" width="1.296" height="6.784"/>
|
||||||
|
<path d="M52.817,62.327v2.764c0.003,0.367,0.081,0.623,0.23,0.76c0.149,0.138,0.354,0.204,0.616,0.197
|
||||||
|
c0.261,0.007,0.465-0.06,0.618-0.197c0.149-0.137,0.224-0.393,0.229-0.76v-2.764c-0.004-0.368-0.08-0.622-0.229-0.762
|
||||||
|
c-0.152-0.137-0.356-0.205-0.618-0.195c-0.262-0.01-0.467,0.059-0.616,0.195C52.898,61.705,52.82,61.959,52.817,62.327
|
||||||
|
M51.522,64.921v-2.423c0.009-0.828,0.208-1.417,0.598-1.766c0.388-0.35,0.904-0.518,1.543-0.511
|
||||||
|
c0.639-0.01,1.154,0.16,1.543,0.511c0.39,0.349,0.588,0.938,0.6,1.766v2.423c-0.011,0.829-0.209,1.416-0.6,1.767
|
||||||
|
c-0.388,0.348-0.904,0.519-1.543,0.508c-0.641,0.014-1.155-0.16-1.543-0.508C51.73,66.336,51.532,65.748,51.522,64.921z"/>
|
||||||
|
<path d="M60.765,61.465v4.491h0.453c0.359,0.009,0.636-0.093,0.833-0.297c0.194-0.202,0.293-0.556,0.297-1.057v-1.785
|
||||||
|
c0.001-0.477-0.084-0.821-0.262-1.036c-0.178-0.217-0.466-0.321-0.865-0.318 M59.469,67.103v-6.784h1.803
|
||||||
|
c0.745-0.01,1.319,0.169,1.721,0.533c0.401,0.365,0.619,0.971,0.649,1.816v2.088c-0.03,0.848-0.248,1.449-0.649,1.815
|
||||||
|
c-0.401,0.365-0.976,0.54-1.721,0.534L59.469,67.103L59.469,67.103z"/>
|
||||||
|
<polyline points="68.337,67.116 64.692,67.116 64.692,60.332 68.244,60.332 68.244,61.479 65.989,61.479 65.989,63.039
|
||||||
|
67.709,63.039 67.709,64.185 65.989,64.185 65.989,65.97 68.337,65.97 "/>
|
||||||
|
<polyline points="73.262,67.116 72.077,67.116 72.077,60.332 73.496,60.332 75.3,64.354 75.318,64.354 75.318,60.332
|
||||||
|
76.504,60.332 76.504,67.116 75.262,67.116 73.28,62.736 73.262,62.736 "/>
|
||||||
|
<path d="M78.541,67.116h-1.249l1.682-6.785h1.664l1.634,6.785h-1.24l-0.33-1.427h-1.796 M79.782,61.797l-0.64,2.745h1.287
|
||||||
|
l-0.628-2.745H79.782z"/>
|
||||||
|
<polyline points="83.925,67.116 82.187,60.332 83.464,60.332 84.657,65.182 84.677,65.182 85.861,60.332 87.129,60.332
|
||||||
|
85.399,67.116 "/>
|
||||||
|
<path d="M88.294,67.116h-1.25l1.683-6.785h1.663l1.635,6.785h-1.241l-0.329-1.427h-1.796 M89.534,61.797l-0.64,2.745h1.287
|
||||||
|
l-0.627-2.745H89.534z"/>
|
||||||
|
<path d="M94.017,61.402v1.88h0.665c0.29,0.002,0.515-0.071,0.678-0.22c0.16-0.153,0.241-0.394,0.244-0.717
|
||||||
|
c-0.003-0.327-0.084-0.566-0.244-0.716c-0.161-0.151-0.388-0.225-0.678-0.223 M97.154,67.116h-1.391l-1.124-2.763h-0.622v2.763
|
||||||
|
h-1.299v-6.785H94.6c0.777,0.004,1.358,0.184,1.737,0.536c0.378,0.353,0.568,0.851,0.568,1.495c0,0.423-0.078,0.783-0.244,1.079
|
||||||
|
c-0.161,0.294-0.423,0.511-0.781,0.648L97.154,67.116z"/>
|
||||||
|
<path d="M99.238,61.402v1.88h0.666c0.292,0.002,0.516-0.071,0.676-0.22c0.16-0.153,0.245-0.394,0.247-0.717
|
||||||
|
c-0.002-0.327-0.086-0.566-0.247-0.716c-0.16-0.151-0.384-0.225-0.676-0.223 M102.377,67.116h-1.391l-1.124-2.763h-0.623v2.763
|
||||||
|
h-1.296v-6.785h1.878c0.779,0.004,1.358,0.184,1.738,0.536c0.378,0.353,0.568,0.851,0.567,1.495
|
||||||
|
c0.003,0.423-0.077,0.783-0.241,1.079c-0.161,0.294-0.425,0.511-0.783,0.648L102.377,67.116z"/>
|
||||||
|
<path d="M6.367,46.911v-2.156c4.273,0.18,4.141-2.637,4.141-7.55V17.079c0-4.972,0.132-7.787-4.141-7.668V7.255h15.022v2.156
|
||||||
|
c-4.272-0.059-4.142,2.757-4.142,7.668v20.369c0,4.912-0.043,7.429,4.142,7.308v2.156"/>
|
||||||
|
<path d="M45.616,46.911v-2.156c1.673-0.361,3.349-0.6,3.79-3.114c0.307-1.677,0.307-4.255,0.307-5.751v-18.93h-0.087
|
||||||
|
l-8.767,29.952h-2.116L29.534,16.54h-0.088v18.39c0,1.916,0,5.75,0.662,7.428c0.705,1.797,2.202,2.217,3.524,2.397v2.156H23.146
|
||||||
|
v-2.156c1.673-0.361,3.35-0.6,3.79-3.114c0.307-1.677,0.307-4.255,0.307-5.751V12.047C26.449,9.95,24.731,9.59,23.146,9.41V7.254
|
||||||
|
h10.309l8.636,27.976l7.931-27.976h10.573V9.41c-4.272-0.179-4.096,2.758-4.143,7.668v18.809c0,1.498,0,4.074,0.311,5.751
|
||||||
|
c0.441,2.516,2.114,2.755,3.79,3.115v2.156"/>
|
||||||
|
<path d="M59.248,30.258c-1.893-10.752,5.768-21.095,17.11-23.1c11.34-2.004,22.067,5.087,23.958,15.84
|
||||||
|
c1.893,10.753-5.768,21.095-17.107,23.1C71.869,48.103,61.14,41.012,59.248,30.258 M65.876,31.259
|
||||||
|
c2.866,7.888,11.352,12.037,18.953,9.265c7.6-2.77,11.438-11.408,8.572-19.296c-2.869-7.887-11.354-12.034-18.954-9.265
|
||||||
|
C66.844,14.732,63.009,23.372,65.876,31.259z"/>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 14 KiB |
+31
-10
@@ -2,6 +2,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<script src="https://cdn.tailwindcss.com"></script>
|
<script src="https://cdn.tailwindcss.com"></script>
|
||||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
||||||
|
<script id="theme-data" type="application/json">
|
||||||
|
{{ theme_colors | tojson | safe }}
|
||||||
|
</script>
|
||||||
<script src="{{ url_for('static', filename='js/utils.js') }}"></script>
|
<script src="{{ url_for('static', filename='js/utils.js') }}"></script>
|
||||||
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
|
<script src="{{ url_for('static', filename='js/scripts.js') }}"></script>
|
||||||
</head>
|
</head>
|
||||||
@@ -9,22 +12,19 @@
|
|||||||
<body class="flex flex-col min-h-screen">
|
<body class="flex flex-col min-h-screen">
|
||||||
<header class="flex justify-between items-center bg-white p-10 h-[225px]">
|
<header class="flex justify-between items-center bg-white p-10 h-[225px]">
|
||||||
<div id="logo">
|
<div id="logo">
|
||||||
<img src="{{ url_for('static', filename='media/csm.svg') }}" alt="Clínica San Miguel | Cuidamos Tu Salud" height="172" width="380">
|
<img src="{{ url_for('static', filename='media/'+ theme +'.svg') }}" alt="Logo" height="172" width="380">
|
||||||
</div>
|
</div>
|
||||||
<div id="fecha" class="text-5xl text-[#696969]"></div>
|
<div id="fecha" class="text-5xl text-[#696969]"></div>
|
||||||
<div id="hora" class="text-7xl font-bold text-[#696969]"></div>
|
<div id="hora" class="text-7xl font-bold text-[#696969]"></div>
|
||||||
</header>
|
</header>
|
||||||
<div class="flex flex-col md:flex-row gap-4 p-4 bg-gray-100 h-[783px]">
|
<div class="flex flex-col md:flex-row gap-4 p-4 bg-gray-100 h-[783px]">
|
||||||
<!--<div class="md:w-1/2 w-full flex items-center bg-black">
|
{% if mode == '2' %}
|
||||||
<video src="{{ url_for('static', filename='media/CSM-HD.mp4') }}" class="w-full shadow-md" autoplay muted loop
|
|
||||||
preload="metadata"></video>
|
|
||||||
</div>-->
|
|
||||||
<div class="md:w-1/2 w-full overflow-auto h-[751px]">
|
<div class="md:w-1/2 w-full overflow-auto h-[751px]">
|
||||||
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
||||||
<thead>
|
<thead>
|
||||||
<tr class="h-[90px]">
|
<tr class="h-[90px]">
|
||||||
<th class="border px-4 py-2 bg-[#114b94]">CONSULTA</th>
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
||||||
<th class="border px-4 py-2 bg-[#0a6eb2]">TURNO</th>
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="turnos1">
|
<tbody id="turnos1">
|
||||||
@@ -35,20 +35,38 @@
|
|||||||
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
||||||
<thead>
|
<thead>
|
||||||
<tr class="h-[90px]">
|
<tr class="h-[90px]">
|
||||||
<th class="border px-4 py-2 bg-[#114b94]">CONSULTA</th>
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
||||||
<th class="border px-4 py-2 bg-[#0a6eb2]">TURNO</th>
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody id="turnos2">
|
<tbody id="turnos2">
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
{% else %}
|
||||||
|
<div class="md:w-1/2 w-full flex items-center bg-black">
|
||||||
|
<video src="{{ url_for('static', filename='media/'+ theme +'.mp4') }}" class="w-full shadow-md" autoplay muted loop
|
||||||
|
preload="metadata"></video>
|
||||||
|
</div>
|
||||||
|
<div class="md:w-1/2 w-full overflow-auto h-[751px]">
|
||||||
|
<table class="min-w-full text-center text-white text-3xl table-fixed border-collapse h-full">
|
||||||
|
<thead>
|
||||||
|
<tr class="h-[90px]">
|
||||||
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#114b94] {% endif %}">CONSULTA</th>
|
||||||
|
<th class="border px-4 py-2 {% if theme == 'imq' %}bg-[#e6392d] {% else %}bg-[#0a6eb2] {% endif %}">TURNO</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody id="turnos1">
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
<!--<footer class="w-full h-14 bg-[#008968] flex items-center overflow-hidden">
|
<!--<footer class="w-full h-14 bg-[#008968] flex items-center overflow-hidden">
|
||||||
<div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16">
|
<div id="scroll-wrapper" class="whitespace-nowrap absolute w-max animate-scroll text-white text-3xl px-4 flex gap-16">
|
||||||
</div>
|
</div>
|
||||||
</footer>-->
|
</footer>-->
|
||||||
<footer class="w-full bg-[#008968] overflow-hidden h-14 flex items-center">
|
<footer class="w-full overflow-hidden h-14 flex items-center {% if theme == 'imq' %}bg-[#CC0C00] {% else %}bg-[#008968] {% endif %}">
|
||||||
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
|
<div class="scroll-wrapper whitespace-nowrap w-max animate-scroll">
|
||||||
<span id="footer-text" class="text-white text-3xl px-4 "></span>
|
<span id="footer-text" class="text-white text-3xl px-4 "></span>
|
||||||
<span class="spacer w-14 inline-block"></span>
|
<span class="spacer w-14 inline-block"></span>
|
||||||
@@ -58,3 +76,6 @@
|
|||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
<script>
|
||||||
|
window.themeColors = JSON.parse(document.getElementById('theme-data').textContent.trim());
|
||||||
|
</script>
|
||||||
Reference in New Issue
Block a user