This commit is contained in:
mynah
2020-01-15 23:42:58 -06:00
parent 567e991278
commit 252ec865b3
33 changed files with 1556 additions and 238 deletions

30
templates/proc/cal.html.ep Executable file
View File

@@ -0,0 +1,30 @@
% stash css=>["home/cal/cal.css/"];
<section class="title"> <p>Próximos eventos</p></section>
<section class="cal">
% foreach (@$b) {
<section class="month flex"> <div class="spacer"></div>
<p class="month">
<%= $_->{fecha} %>
</p>
<div class="spacer"></div>
</section>
% foreach my $d( @{ $r->{$_->{id}} } ) {
<a class="cal" href="event/<%= $d->{eeid} %> ">
<section class="event flex">
<article class="data">
<p class="city"> <%= $d->{ciudad} %></p>
<p class="date"> <%= $d->{fecha} %></p>
<p class="place"> <%= $d->{lugar} %></p>
<p class="dir"> <%= $d->{dir} %></p>
<p class="name"> <%= $d->{nombre} %></p>
</article>
<article class="image">
<img class="small" src= "home/cal/img/<%= $d->{imagen_chica} %>">
<article class="more"> ... </article>
</article>
</section>
</a>
%} }
</section>

24
templates/proc/estore.html.ep Executable file
View 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>

45
templates/proc/event.html.ep Executable file
View File

@@ -0,0 +1,45 @@
% stash css=> ["/home/event/event.css"];
<section class="event">
<section class="eimage">
</section>
<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">
<p class = " pbig name"><%= $pname %></p>
<p class = " pbig date"><%= $date %></p>
<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">
<p id="subt">Temario</p>
<%== $csubjects %>
<p id="subt">El evento incluye</p>
<%== $cservices %>
</article>
</section>
<section class="map">
<p class="arrive"> Cómo llegar </p>
% my $s=$pname." ".$paddr." ".$city;
% $s=~s/\#/No /;
<iframe src="https://maps.google.com/maps?key=AIzaSyAxptfJqWNZj4_P-Atp9cqo-4AeRT3WdPk&q=<%= $s %>,&t=&z=14&ie=UTF8&iwloc=&output=embed">
</iframe> </section>
<section class="description flex">
<article class="info">
</article>
<article class="info">
</article>
</section>
</section>

104
templates/proc/spay.html.ep Executable file
View 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>

22
templates/proc/store.html.ep Executable file
View File

@@ -0,0 +1,22 @@
% stash css=>["/home/store/shop.css"];
<section class="shop">
<article class="heading"> <p class="heading">TIENDA VIRTUAL</p> </article>
% for (@$r){
<a href="/storep/<%= $_->{id} %>">
<article class="shop flex">
<div class="simage" > <img src=<%= "$controller/$action/img/$_->{imagen} "%> ></div>
<div class="description">
<p class="title"> <%= $_->{objeto} %> </p>
<p class="description"> <%= $_->{nombre} %> </p>
% if ( $_->{precio} != -1){
<p class="price"> $<%= $_->{precio} %> pesos </p>
%}
<p class="options"> <%= $_->{subnombre} %> </p>
<p class="promo"> <%= $_->{promocion} %> </p>
</div>
</article>
</a>
<article class="separator"></article>
%}
</section>

60
templates/proc/storep.html.ep Executable file
View File

@@ -0,0 +1,60 @@
<!--<head>-->
<!--<meta name="viewport" content="width=device-width, initial-scale=1">-->
<!--<meta http-equiv="X-UA-Compatible" content="IE=edge" />-->
<!--</head>-->
%stash css=>["/home/storep/storep.css"];
<section class="item"> <section class="transp flex">
<article class=iimage>
<img class="small" src= "/home/store/img/<%= $imagen %>">
</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 ($existencia > 10) { =%> <p class="eok"></p> <% } =%>
<% elsif ($existencia >= 1) { =%> <p class="elow">¡Nos quedan pocos!</p> <% } =%>
<% elsif ($existencia == 0) { =%> <p class="eldep">¡Agotado!</p> <% } =%>
<div class=ppl>
<div id="paypal-button-container"></div>
</div>
</article>
</section> </section>
<section class="ibottom">
<p class="nombre"><%= $objeto %></p>
<p class="tit"><%= $nombre %></p>
</section>
<section class="bdat"> </section>
<script src="https://www.paypal.com/sdk/js?client-id=AQdZ1JJL-GNBgGTI3W6cXChmj6MnZsInRGlWeHw1kbGiE_49eTtZ2fPvEq9ersU2y6O5WpxccdsyAQw7&currency=MXN"></script>
<script>
paypal.Buttons({
// Set up the transaction
createOrder: function(data, actions) {
return actions.order.create({
purchase_units: [{
amount: {
value: '0.18'
}
}]
}); },
onApprove: function(data, actions) {
return actions.order.capture().then(function(details) {
return fetch('/tst', {
method: 'post',
headers: {
'content-type': 'application/json'
},
body: JSON.stringify({
orderID: data.orderID
})
})
// .then(response=>response.json())
// .then(data => {alert(data)})
});
}
}).render('#paypal-button-container');
</script>