check
This commit is contained in:
49
templates/layouts/xpay.html.ep
Executable file
49
templates/layouts/xpay.html.ep
Executable file
@@ -0,0 +1,49 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title><%= title %></title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<!-- <script src="https://d3js.org/d3.v4.min.js" charset="utf-8"></script> -->
|
||||
<%= javascript "/ext/d3.v4.min.js"; %>
|
||||
<%= stylesheet "/global/layout.css" %>
|
||||
<%= stylesheet "/global/chaos/c.css" %>
|
||||
<style>
|
||||
section.head{
|
||||
display: block;
|
||||
background-color: lightslategray;
|
||||
color: white;
|
||||
padding: 40px;
|
||||
}
|
||||
p.h1{
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 5em;
|
||||
}
|
||||
p.h2{
|
||||
display: block;
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 3em;
|
||||
}
|
||||
section.ibottom{
|
||||
background-color: lightslategray !important;
|
||||
}
|
||||
</style>
|
||||
<% map{%><%= stylesheet "$_"%><%}(@{stash('css')}) if defined(stash('css'));%>
|
||||
</head>
|
||||
<body>
|
||||
<section class="head"><p class=h1>Beijing Wisdom</p><p class=h2>Healing Center</p></section>
|
||||
<% map{%><%= include "$_"%><%}(@{stash('prepend')})
|
||||
if defined(stash('prepend'));%>
|
||||
<%= content %>
|
||||
<% map{%><%= include "$_"%><%}(@{stash('apend')})
|
||||
if defined(stash('apend'));%>
|
||||
%= include 'home/htmlChaos'
|
||||
<% map{%><%= javascript "$_"%><%}(@{stash('js')}) if defined(stash('js'));%>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
56
templates/misc/stripe.html.ep
Normal file
56
templates/misc/stripe.html.ep
Normal file
@@ -0,0 +1,56 @@
|
||||
|
||||
% stash css => ["misc/xpay.css"];
|
||||
% stash js => ["misc/stripe.js"];
|
||||
<section class="header">
|
||||
<h2 class="head"><%== $header %></h2>
|
||||
</section>
|
||||
<section class="title">
|
||||
<article class="title">
|
||||
<h2><%= $title %></h2>
|
||||
<h1><%= $subtitle %></h1>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section class="payment flex">
|
||||
<div id="cover" hidden></div>
|
||||
<article id="cinfo" class="cardinfo">
|
||||
<div class="subtitle"><h1>Datos de la tarjeta</h1></div>
|
||||
<div id="details">
|
||||
<label>Nombre del titular </label>
|
||||
<input id="cardholder-name" type="text" placeholder="Cardholder name">
|
||||
<!-- placeholder for Elements -->
|
||||
<label>Numero de tarjeta </label>
|
||||
<div id="card-element"></div>
|
||||
<button id="card-button">Siguiente</button>
|
||||
</div>
|
||||
</article>
|
||||
<!-- opciones de plan -->
|
||||
<article id="cplan" class="plan" hidden>
|
||||
<div class="subtitle"><h1>Planes de pago</h1></div>
|
||||
<div id="plans" >
|
||||
<form id="installment-plan-form" >
|
||||
<label>
|
||||
<input id="immediate-plan" type="radio" name="installment_plan" value="-1" />
|
||||
Un solo pago
|
||||
</label>
|
||||
<input id="payment-intent-id" type="hidden" />
|
||||
</form>
|
||||
<button id="confirm-button">Confirmar Pago</button>
|
||||
</div>
|
||||
</article>
|
||||
<article id="cmsg" class="message" hidden>
|
||||
<div id="result">
|
||||
<p id="status-message"></p>
|
||||
</div>
|
||||
<div id="ccontact" hidden>
|
||||
<form id="fcontact">
|
||||
<label for="cname">Nombre</label>
|
||||
<input type="text" name="cname"></input>
|
||||
<label for="cmail">Correo</label>
|
||||
<input type="email" name="cmail"></input>
|
||||
<label for="ccomment">Comentarios</label>
|
||||
<input type="text" name="ccomment"></input>
|
||||
</form>
|
||||
</div>
|
||||
<article>
|
||||
</section>
|
||||
@@ -4,7 +4,7 @@
|
||||
% foreach (@$b) {
|
||||
<section class="month flex"> <div class="spacer"></div>
|
||||
<p class="month">
|
||||
<%= $_->{text} %>
|
||||
<%= $_->{fecha} %>
|
||||
</p>
|
||||
<div class="spacer"></div>
|
||||
</section>
|
||||
24
templates/proc/estore.html.ep
Executable file
24
templates/proc/estore.html.ep
Executable file
@@ -0,0 +1,24 @@
|
||||
%stash css=>["/home/storep/storep.css"];
|
||||
<section class="item"> <section class="transp flex">
|
||||
<section class="ibottom">
|
||||
<p class="nombre"><%= $nombre %></p>
|
||||
<p class="tit"><%= $lmunicipio %>, <%= $lfederativa %></p>
|
||||
</section>
|
||||
<article class=iimage>
|
||||
<img class="small" src= "/home/store/img/<%= $cimga %>">
|
||||
</article>
|
||||
<article class=iinfo>
|
||||
<p class="txt"><%= $subnombre %></p>
|
||||
<p class="txt"><%= $descripcion %></p>
|
||||
<p class="promo"><%= $promocion %></p>
|
||||
<p class="precio">Precio:$<%= $precio %> pesos</p>
|
||||
<p class="existencia">
|
||||
<% if ($cupo > 10) { =%> <p class="eok"></p> <% } =%>
|
||||
<% elsif ($cupo >= 5) { =%> <p class="elow">¡Nos quedan pocos lugarel!</p> <% } =%>
|
||||
<% elsif ($cupo == 0) { =%> <p class="eldep">¡Agotado!</p> <% } =%>
|
||||
<div class=forms> </div>
|
||||
</article>
|
||||
</section>
|
||||
<section class="bdat"> </section>
|
||||
|
||||
|
||||
@@ -5,6 +5,9 @@
|
||||
<section class="place">
|
||||
<p class="cname"><%= $cname %></p>
|
||||
<p class="place"><%= $place %></p>
|
||||
<% if ($spay== 1) { =%>
|
||||
<a class="bt3" href="/spay/1/<%= $id %>"><span class="bt3">»</span>Inscríbete</a>
|
||||
<% } =%>
|
||||
</section>
|
||||
<section class="description flex">
|
||||
<article class="info">
|
||||
@@ -13,7 +16,9 @@
|
||||
<p class = "dir"><%= $paddr %></p>
|
||||
<p class = "obs"><%= $pobs %></p>
|
||||
<p class = "city"><%= $city %></p>
|
||||
<% if ($spay== 1) { =%>
|
||||
<p class = " pmed price"><%= $cost %></p>
|
||||
<% } =%>
|
||||
<p class="promo"><%= $promo %></p>
|
||||
</article>
|
||||
<article class="specs">
|
||||
104
templates/proc/spay.html.ep
Executable file
104
templates/proc/spay.html.ep
Executable file
@@ -0,0 +1,104 @@
|
||||
%stash css=>["/home/spay/storep.css"];
|
||||
%stash js => ["/home/spay/stripe.js"];
|
||||
<script src="https://js.stripe.com/v3/"></script>
|
||||
<script type="text/javascript"> var cu=<%= $precio %>; var tid=<%= $tid %></script>
|
||||
<section class="ibottom">
|
||||
<p class="nombre"><%= $nombre %></p>
|
||||
<p class="tit"><%= $municipio %>, <%= $federativa %></p>
|
||||
</section>
|
||||
|
||||
<section class="item flex">
|
||||
<div id="cover" hidden></div>
|
||||
|
||||
<article class=iimage>
|
||||
<p class="txt"><%= $subnombre %></p>
|
||||
<img class="small" src= "/home/store/img/<%= $cimga %>">
|
||||
<p class="txt"><%= $descripcion %></p>
|
||||
</article>
|
||||
|
||||
<article class=iinfo>
|
||||
<p class="fecha"><%= $fecha %></p>
|
||||
<p class="promo"><%= $promo %></p>
|
||||
<p class="existencia">
|
||||
<% if ($cupo > 10) { =%> <p class="eok"></p> <% } =%>
|
||||
<% elsif ($cupo >= 5) { =%> <p class="elow">¡Nos quedan pocos!</p> <% } =%>
|
||||
<% elsif ($cupo == 0) { =%> <p class="eldep">¡Agotado!</p> <% } =%>
|
||||
|
||||
<form onSubmit="return false" id="cform">
|
||||
|
||||
<p class="precio">Costo por asistente: $<span id='cu'></span> pesos</p>
|
||||
<ul class="form-style-1">
|
||||
<li>
|
||||
<label>Numero de asistentes</label>
|
||||
<input type="number" min=1 max=10 name="mq" class="field-mini" value=1 />
|
||||
</li>
|
||||
<li>
|
||||
<label>Nombre Completo <span class="required">*</span></label>
|
||||
<input type="text" id="mname" name="mname" class="field-long" placeholder="Nombre" />
|
||||
</li>
|
||||
<li>
|
||||
<label>Email <span class="required">*</span></label>
|
||||
<input id="mmail" type="Correo" name="mmail" class="field-long" />
|
||||
</li>
|
||||
<li>
|
||||
<label>Talla de ropa</span></label>
|
||||
<input id="r1" type="radio" name="talla" value="CH" >CH
|
||||
<input id="r2" type="radio" name="talla" value="M" checked>M
|
||||
<input id="r3" type="radio" name="talla" value="G">G
|
||||
</li>
|
||||
<li>
|
||||
<label>Observaciones</label>
|
||||
<textarea name="obs" id="obs" class="field-long field-textarea" placeholder=""></textarea>
|
||||
</li>
|
||||
<li>
|
||||
<p class="total">Total = $ <span id='gt' ></span> pesos </p>
|
||||
</li>
|
||||
<li>
|
||||
<input id='cinfob' type="submit" value="Atras" hidden />
|
||||
<input id='cinfo' type="submit" value="Siguiente" />
|
||||
</li>
|
||||
</ul>
|
||||
</form>
|
||||
|
||||
<div id="ccard" class="cardinfo" hidden=true>
|
||||
<p class="card">Datos de la tarjeta</p>
|
||||
<ul class="form-style-1" id="details">
|
||||
<li>
|
||||
<label>Nombre del titular </label>
|
||||
<input id="cardholder-name" type="text" placeholder="Cardholder name">
|
||||
</li>
|
||||
<!-- placeholder for Elements -->
|
||||
<li>
|
||||
<label>Numero de tarjeta </label>
|
||||
<div id="card-element"></div>
|
||||
</li>
|
||||
<li>
|
||||
<button class="fbutton" id="card-button">Siguiente</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div id="cplan" class="plan" hidden>
|
||||
<p class="plan">Planes de pago</p>
|
||||
<div id="plans" >
|
||||
<form id="installment-plan-form" >
|
||||
<label>
|
||||
<input id="immediate-plan" type="radio" name="installment_plan" value="-1" />
|
||||
Un solo pago
|
||||
</label>
|
||||
<input id="payment-intent-id" type="hidden" />
|
||||
</form>
|
||||
<button class="fbutton" id="confirm-button">Confirmar Pago</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="cmsg" class="message" hidden>
|
||||
<div id="result">
|
||||
<p id="status-message"></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</section>
|
||||
<section class="bdat"> </section>
|
||||
|
||||
0
templates/users/reg.html.ep
Normal file → Executable file
0
templates/users/reg.html.ep
Normal file → Executable file
Reference in New Issue
Block a user