Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit c54eb82d authored by Ulises Morales Ramírez's avatar Ulises Morales Ramírez
Browse files
Options

descripcion reportes

parent d53cd8e6
Hide whitespace changes
Inline Side-by-side
Showing with 254 additions and 235 deletions
catalog/templates/show_cart.html
View file @ c54eb82d
...@@ -2,213 +2,235 @@ ...@@ -2,213 +2,235 @@
{% load staticfiles %} {% load staticfiles %}
{% block headMedia %} {% block headMedia %}
<link rel="stylesheet" href="{% static 'catalog/css/map.css' %}" type="text/css"> <link rel="stylesheet" href="{% static 'catalog/css/map.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'catalog/css/body.css' %}" type="text/css"> <link rel="stylesheet" href="{% static 'catalog/css/body.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'catalog/css/modal1.css' %}" type="text/css"> <link rel="stylesheet" href="{% static 'catalog/css/modal1.css' %}" type="text/css">
<!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css">--> <!-- <link rel="stylesheet" href="https://openlayers.org/en/v4.6.4/css/ol.css" type="text/css">-->
<link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css"> <link rel="stylesheet" href="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/css/ol.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"/>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script> <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=requestAnimationFrame,Element.prototype.classList,URL"></script>
<!-- <script src="https://openlayers.org/en/v4.6.4/build/ol.js"></script>--> <!-- <script src="https://openlayers.org/en/v4.6.4/build/ol.js"></script>-->
<script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script> <script src="https://cdn.rawgit.com/openlayers/openlayers.github.io/master/en/v5.3.0/build/ol.js"></script>
<script src="{% static 'catalog/js/openLayers4.js' %}"></script> <script src="{% static 'catalog/js/openLayers4.js' %}"></script>
<script src="{% static 'catalog/js/sidtMap.js' %}"></script> <script src="{% static 'catalog/js/sidtMap.js' %}"></script>
{% endblock %} {% endblock %}
{% block messages %} {% block messages %}
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-envelope-o"></i> <i class="fa fa-envelope-o"></i>
<span class="label label-success">4</span> <span class="label label-success">4</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="header">You have 4 messages</li> <li class="header">You have 4 messages</li>
<li> <li>
<!-- inner menu: contains the actual data --> <!-- inner menu: contains the actual data -->
<ul class="menu"> <ul class="menu">
<li><!-- start message --> <li><!-- start message -->
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image"> <img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
Support Team Support Team
<small><i class="fa fa-clock-o"></i> 5 mins</small> <small><i class="fa fa-clock-o"></i> 5 mins</small>
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li> </li>
<!-- end message --> <!-- end message -->
<li> <li>
<a href="#"> <a href="#">
<div class="pull-left"> <div class="pull-left">
<img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image"> <img src="dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
</div> </div>
<h4> <h4>
AdminLTE Design Team AdminLTE Design Team
<small><i class="fa fa-clock-o"></i> 2 hours</small> <small><i class="fa fa-clock-o"></i> 2 hours</small>
</h4> </h4>
<p>Why not buy a new awesome theme?</p> <p>Why not buy a new awesome theme?</p>
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">See All Messages</a></li> <li class="footer"><a href="#">See All Messages</a></li>
</ul> </ul>
{% endblock %} {% endblock %}
{% block notifications %} {% block notifications %}
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-bell-o"></i> <i class="fa fa-bell-o"></i>
<span class="label label-warning">10</span> <span class="label label-warning">10</span>
</a> </a>
<ul class="dropdown-menu"> <ul class="dropdown-menu">
<li class="header">You have 10 notifications</li> <li class="header">You have 10 notifications</li>
<li> <li>
<!-- inner menu: contains the actual data --> <!-- inner menu: contains the actual data -->
<ul class="menu"> <ul class="menu">
<li> <li>
<a href="#"> <a href="#">
<i class="fa fa-users text-aqua"></i> 5 new members joined today <i class="fa fa-users text-aqua"></i> 5 new members joined today
</a> </a>
</li> </li>
</li> </li>
</ul> </ul>
</li> </li>
<li class="footer"><a href="#">View all</a></li> <li class="footer"><a href="#">View all</a></li>
</ul> </ul>
{% endblock %} {% endblock %}
{% block tasks %} {% block tasks %}
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-flag-o"></i> <i class="fa fa-flag-o"></i>
<span class="label label-danger">9</span> <span class="label label-danger">9</span>
</a> </a>
<ul c{% load static %}lass="dropdown-menu"> <ul c{% load static %}lass="dropdown-menu">
<li class="header">You have 9 tasks</li> <li class="header">You have 9 tasks</li>
<li> <li>
<!-- inner menu: contains the actual data --> <!-- inner menu: contains the actual data -->
<ul class="menu"> <ul class="menu">
<li><!-- Task item --> <li><!-- Task item -->
<a href="#"> <a href="#">
<h3> <h3>
Design some buttons Design some buttons
<small class="pull-right">20%</small> <small class="pull-right">20%</small>
</h3> </h3>
<div class="progress xs"> <div class="progress xs">
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar"
aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"> aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
<span class="sr-only">20% Complete</span> <span class="sr-only">20% Complete</span>
</div>
</div> </div>
</div> </a>
</a> </li>
</li> <!-- end task item -->
<!-- end task item --> </ul>
</ul> </li>
</li> <li class="footer">
<li class="footer"> <a href="#">View all tasks</a>
<a href="#">View all tasks</a> </li>
</li> </ul>
</ul>
{% endblock %} {% endblock %}
{% block sidebar %} {% block sidebar %}
<div class="form-group"> <div class="form-group">
<br> <br>
<ul class="sidebar-menu" data-widget="tree"> <ul class="sidebar-menu" data-widget="tree">
<li> <li>
<a class="treeview " href="../../catalog"> <a class="treeview " href="../../catalog">
<i class="fa fa-map"></i> <i class="fa fa-map"></i>
<span>Home</span> <span>Home</span>
<span class="pull-right-container"> <span class="pull-right-container">
<span class="label label-primary pull-right"></span> <span class="label label-primary pull-right"></span>
</span> </span>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<!-- form-group--> <!-- form-group-->
{% endblock %} {% endblock %}
{% block user %} {% block user %}
{% include "user_button.html" %} {% include "user_button.html" %}
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<!-- Content Wrapper. Contains page content -->
<!-- Main content -->
<div id="cartPage" class="wrapper" style="background-color: #ecf0f5">
<div class="text-center"><h1>Shopping Cart</h1></div>
<!-- Content Wrapper. Contains page content --> <!-- Content Wrapper. Contains page content -->
<!-- Main content --> <!-- Main content -->
<section class="content" style="overflow-y: auto; height: 85vh"> <div id="cartPage" class="wrapper" style="background-color: #ecf0f5">
<div class="row"> <div class="text-center"><h1>Shopping Cart</h1></div>
{% if total_products == 0 %} <!-- Content Wrapper. Contains page content -->
<div class="col-md-8 col-md-offset-2"> <!-- Main content -->
<h2 class="text-center">Your Shopping Cart is empty.</h2> <section class="content" style="overflow-y: auto; height: 85vh">
</div> <div class="row">
{% else %} {% if total_products == 0 %}
<div class="col-md-5 col-md-offset-2"> <div class="col-md-8 col-md-offset-2">
{% for product in product_list %} <h2 class="text-center">Your Shopping Cart is empty.</h2>
<div class="box box-warning collapsed-box" style="margin-bottom: 10px"> </div>
<div class="box-header with-border"> {% else %}
<h3 class="box-title">{{ product.process }}: {{ product.aggreg_date }}</h3> <div class="col-md-5 col-md-offset-2">
<div class="box-tools pull-right"> {% for product in product_list %}
<span class="badge bg-green">Price ${{ product.price }}</span> <div class="box box-warning collapsed-box" style="margin-bottom: 10px">
<button type="button" class="btn btn-box-tool" data-widget="collapse"> <div class="box-header with-border">
<i class="fa fa-plus"></i> <h3 class="box-title">{{ product.process }}: {{ product.aggreg_date }}</h3>
</button> <div class="box-tools pull-right">
<button type="button" class="btn btn-box-tool" data-toggle="tooltip" data-original-title="Delete" onclick="deleteProductFromShoppingCart({{ product.id }})"> <span class="badge bg-green">Price ${{ product.price }}</span>
<i class="fa fa-trash"></i> <button type="button" class="btn btn-box-tool" data-widget="collapse">
</button> <i class="fa fa-plus"></i>
</div> </button>
</div> <button type="button" class="btn btn-box-tool" data-toggle="tooltip"
<div class="box-body" style="display: none"> data-original-title="Delete"
<ul class="products-list product-list-in-box"> onclick="deleteProductFromShoppingCart({{ product.id }})">
{% for catalog in product.catalog %} <i class="fa fa-trash"></i>
<li class="item"> </button>
<div class="product-img">
<img src="{% static 'catalog/images/sat_preview/' %}{{ catalog.info.identifier }}_preview.png">
<!--<img src="{{ catalog.info.img }}"> -->
</div> </div>
<div class="product-info" style="word-break: break-all"> </div>
<div class="box-body" style="display: none">
<ul class="products-list product-list-in-box">
{% for catalog in product.catalog %}
<li class="item">
<div class="product-img">
<img src="
{% static 'catalog/images/sat_preview/' %}{{ catalog.info.identifier }}_preview.png">
<!--<img src="{{ catalog.info.img }}"> -->
</div>
<div class="product-info" style="word-break: break-all">
<span class="product-title"> <span class="product-title">
{{ catalog.info.identifier }} {{ catalog.info.identifier }}
</span> </span>
<span class="product-description"> <span class="product-description">
{{ catalog.info.instrumentname }} {{ catalog.info.instrumentname }}
</span> </span>
</div> </div>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
</div>
{% endfor %}
</div> </div>
{% endfor %} <div class="col-md-3">
</div> <div class="box box-warning">
<div class="col-md-3"> <div class="box-header with-border">
<div class="box box-warning"> <h3 class="box-title">Summary</h3>
<div class="box-header with-border"> </div>
<h3 class="box-title">Summary</h3> <div class="box-body">
</div> <div class="table-responsive">
<div class="box-body"> <table class="table">
<div class="table-responsive"> <tbody>
<table class="table"> <tr>
<tbody> <th>Total products:</th>
<tr> <td>{{ total_products }}</td>
<th>Total products:</th> </tr>
<td>{{ total_products }}</td> <tr>
</tr> <th>Total price:</th>
<tr> <td>${{ total_price }}</td>
<th>Total price:</th> </tr>
<td>${{ total_price }}</td> </tbody>
</tr> <tfoot>
</tbody> <tr>
<tfoot> <td class="text-center">
<tr>
<td> </td>
<a href="../pay" class="btn btn-primary pull-right">Pay</a> <td class="text-center">
</td>
<td class="text-center">
<form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post"> </td>
</tr>
</tfoot>
</table>
<div class="text-center">
<a href="../pay">
<input type="image"
src="https://www.sandbox.paypal.com/es_XC/MX/i/btn/btn_buynowCC_LG.gif"
border="0" name="submit"
alt="PayPal, la forma más segura y rápida de pagar en línea.">
<img alt="" border="0"
src="https://www.sandbox.paypal.com/es_XC/i/scr/pixel.gif" width="1"
height="1">
</a>
<!--form action="https://www.sandbox.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_cart"> <input type="hidden" name="cmd" value="_cart">
<input type="hidden" name="upload" value="1"> <input type="hidden" name="upload" value="1">
<input type="hidden" name="business" <input type="hidden" name="business"
...@@ -238,7 +260,7 @@ ...@@ -238,7 +260,7 @@
height="1"> height="1">
</form> </form>
<form method="post" action="http://repsat.geoint.mx/catalog/ipn/"> <!--form method="post" action="http://repsat.geoint.mx/catalog/ipn/">
<input type="text" name="nombre" value=""> <input type="text" name="nombre" value="">
<input type="submit"> <input type="submit">
</form> </form>
...@@ -246,69 +268,66 @@ ...@@ -246,69 +268,66 @@
<form method="post" action="../ipn/"> <form method="post" action="../ipn/">
<input type="text" name="nombre" value=""> <input type="text" name="nombre" value="">
<input type="submit"> <input type="submit">
</form> </form-->
</div>
</td> </div>
</tr>
</tfoot>
</table>
</div> </div>
</div> </div>
</div> </div>
</div> {% endif %}
{% endif %} </div>
</div> </section>
</section> <!-- /.content -->
<!-- /.content -->
</div>
<!-- Footer -->
<footer class=" page-footer font-small special-color-dark pt-5" style="bottom: 0; position: absolute">
<!-- Footer Elements -->
<div class="container">
<!-- Social buttons
<ul class="list-unstyled list-inline text-center">
<li class="list-inline-item">
<a class="btn-floating btn-fb mx-1">
<i class="fa fa-faceboo"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw mx-1">
<i class="fa fa-twitter"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-gplus mx-1">
<i class="fa fa-google-plus"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li mx-1">
<i class="fa fa-linkedin"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble mx-1">
<i class="fa fa-dribbble"> </i>
</a>
</li>
</ul>
<!-- Social buttons -->
</div> </div>
<!-- Footer Elements --> <!-- Footer -->
<footer class=" page-footer font-small special-color-dark pt-5" style="bottom: 0; position: absolute">
<!-- Footer Elements -->
<div class="container">
<!-- Social buttons
<ul class="list-unstyled list-inline text-center">
<li class="list-inline-item">
<a class="btn-floating btn-fb mx-1">
<i class="fa fa-faceboo"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-tw mx-1">
<i class="fa fa-twitter"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-gplus mx-1">
<i class="fa fa-google-plus"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-li mx-1">
<i class="fa fa-linkedin"> </i>
</a>
</li>
<li class="list-inline-item">
<a class="btn-floating btn-dribbble mx-1">
<i class="fa fa-dribbble"> </i>
</a>
</li>
</ul>
<!-- Social buttons -->
<!-- Copyright --> </div>
<div class="footer-copyright text-center py-3">© 2019 Copyright: <!-- Footer Elements -->
<a href="http://geoint.mx/"> Centro de Investigación en Ciencias de Información Geoespacial.</a>
</div> <!-- Copyright -->
<!-- Copyright --> <div class="footer-copyright text-center py-3">© 2019 Copyright:
<a href="http://geoint.mx/"> Centro de Investigación en Ciencias de Información Geoespacial.</a>
</div>
<!-- Copyright -->
</footer> </footer>
<!-- Footer --> <!-- Footer -->
<!-- /.content --> <!-- /.content -->
{% endblock %} {% endblock %}
{% block scripts %} {% block scripts %}
<!-- page script --> <!-- page script -->
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment