82 lines
2.3 KiB
Cheetah
82 lines
2.3 KiB
Cheetah
{{ define "index" }}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<link rel="stylesheet" href="/static/css/main.css">
|
|
<link rel="stylesheet" href="/static/css/comparer.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="https://unpkg.com/htmx.org@1.9.10" integrity="sha384-D1Kt99CQMDuVetoL1lrYwg5t+9QdHe7NLX/SoJYkXDFfX37iInKRy5xLSi8nO7UC" crossorigin="anonymous"></script>
|
|
<!-- <script src="/static/js/htmx.min.js"></script> -->
|
|
<!-- <script defer src="/static/js/alpine.min.js" ></script> -->
|
|
<script src="//unpkg.com/alpinejs" defer></script>
|
|
<title>Comparador Precios Dolar Peso DOP</title>
|
|
</head>
|
|
<body>
|
|
<div id="app"
|
|
x-data="app">
|
|
<div id="root">
|
|
<div id="root-controls" x-data="{rootcontrols: true}">
|
|
<div id="toogle-root-controls">
|
|
<div id="theme-container">
|
|
<input
|
|
type="checkbox"
|
|
id="theme-switch"
|
|
class="checkbox"
|
|
@change="themeChange"
|
|
>
|
|
<label for="theme-switch" class="toggle" id="theme-toggle-label">
|
|
</div>
|
|
</label>
|
|
<p x-text="rootcontrols ? 'Ocultar Operaciones' : 'Mostrar Operaciones'"></p>
|
|
<button
|
|
id="toogle-root-contols-btn"
|
|
@click="rootcontrols = !rootcontrols"
|
|
x-html="rootcontrols ? '-' : '+'"
|
|
x-bind:class="rootcontrols ? 'opened' : 'closed'"
|
|
>+</button>
|
|
</div>
|
|
<div id="root-select-control" x-show="rootcontrols"
|
|
x-data="{
|
|
select: false,
|
|
compare: false,
|
|
|
|
}">
|
|
<button class=""
|
|
x-ref="historybtn"
|
|
hx-get="/api/control/select"
|
|
hx-target="#page"
|
|
@click="
|
|
select = true;
|
|
compare = false;
|
|
$refs.historybtn.disabled = true;
|
|
$refs.comparebtn.disabled = false;
|
|
"
|
|
x-bind:class="select ? 'opened' : ''"
|
|
>Historico</button>
|
|
<button class=""
|
|
x-ref="comparebtn"
|
|
hx-get="/api/control/compare"
|
|
hx-target="#page"
|
|
@click="
|
|
compare = true;
|
|
select = false;
|
|
$refs.historybtn.disabled = false;
|
|
$refs.comparebtn.disabled = true;
|
|
"
|
|
x-bind:class="compare ? 'opened' : ''"
|
|
>Comparar</button>
|
|
</div>
|
|
|
|
</div>
|
|
<div id="page">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script src="/static/js/main.js"></script>
|
|
</html>
|
|
{{ end }}
|