Skip to content

GeoInt_SIDT
GeoInt_SIDT
Commit c1b6be88 authored by Renán Sosa Guillen's avatar Renán Sosa Guillen
Browse files
Options

product info view

parent b43cc511
Hide whitespace changes
Inline Side-by-side
Showing with 36 additions and 14 deletions
catalog/static/css/body.css
View file @ c1b6be88
...@@ -179,8 +179,10 @@ li.pol { ...@@ -179,8 +179,10 @@ li.pol {
div .info-product-box { div .info-product-box {
position: absolute; position: absolute;
display: block; display: block;
top: 148px; /*top: 657px;*/
left: -552px; /*left: -552px;*/
top: 55px;
left: -557px;
height: 90px; height: 90px;
background: #fff; background: #fff;
width: 240%; width: 240%;
...@@ -189,6 +191,21 @@ div .info-product-box { ...@@ -189,6 +191,21 @@ div .info-product-box {
margin-bottom: 15px; margin-bottom: 15px;
} }
div .info-product-cart-box {
position: absolute;
display: block;
/*top: 657px;*/
/*left: -552px;*/
top: -103px;
left: -570px;
height: 90px;
background: #fff;
width: 275%;
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
border-radius: 2px;
margin-bottom: 15px;
}
ul.control-sidebar-menu li div.bg-geo { ul.control-sidebar-menu li div.bg-geo {
display: none; display: none;
} }
...@@ -232,12 +249,14 @@ div .bg-geo { ...@@ -232,12 +249,14 @@ div .bg-geo {
font-size: 18px; font-size: 18px;
} }
.info-product-box .progress .progress-bar { .info-product-box .progress .progress-bar,
.info-product-cart-box .progress .progress-bar {
border-radius: 0; border-radius: 0;
background: #fff; background: #fff;
} }
.info-product-box .progress { .info-product-box .progress,
.info-product-cart-box .progress {
background: rgba(0,0,0,0.2); background: rgba(0,0,0,0.2);
margin: 5px -10px 5px -10px; margin: 5px -10px 5px -10px;
height: 2px; height: 2px;
...@@ -260,6 +279,7 @@ div .bg-geo { ...@@ -260,6 +279,7 @@ div .bg-geo {
.info-product-box-number, .info-product-box-number,
.progress-description { .progress-description {
color: white; color: white;
text-align: left;
} }
div .menu-info h4 { div .menu-info h4 {
...@@ -316,10 +336,10 @@ div #product-list-cart-items { ...@@ -316,10 +336,10 @@ div #product-list-cart-items {
overflow: auto; overflow: auto;
} }
div #product-list-cart-items { /*div #product-list-cart-items {
max-height: 167px; max-height: 167px;
overflow: auto; overflow: auto;
} }*/
div .sidebar-title h3 { div .sidebar-title h3 {
float: left; float: left;
......
catalog/static/js/dataRetrieval.js
View file @ c1b6be88
...@@ -212,7 +212,7 @@ $(document).ready(function () { ...@@ -212,7 +212,7 @@ $(document).ready(function () {
if (!PRODUCT_IN_LIST) { if (!PRODUCT_IN_LIST) {
console.log("DEFS: ahora crea producto"); console.log("DEFS: ahora crea producto");
productListPrev.push(data); productListPrev.push(data);
var div_top = 148; // var div_top = 148;
data.catalog.forEach(function (data) { data.catalog.forEach(function (data) {
console.log("DD: ", data); console.log("DD: ", data);
...@@ -225,7 +225,7 @@ $(document).ready(function () { ...@@ -225,7 +225,7 @@ $(document).ready(function () {
}, },
dataType: 'json', dataType: 'json',
success: function (res) { success: function (res) {
console.log("DIV_TOP: ", div_top); // console.log("DIV_TOP: ", div_top);
var product_html = '<li id="' + data.id + '">' + var product_html = '<li id="' + data.id + '">' +
'<a href="javascript:void(0)">' + '<a href="javascript:void(0)">' +
'<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>' + '<i class="menu-icon glyphicon glyphicon-bookmark bg-red"></i>' +
...@@ -237,7 +237,8 @@ $(document).ready(function () { ...@@ -237,7 +237,8 @@ $(document).ready(function () {
'<input type="checkbox" name="product_selected" value="' + data.id + '" checked>' + '<input type="checkbox" name="product_selected" value="' + data.id + '" checked>' +
'</div>'+ '</div>'+
'</a>' + '</a>' +
'<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' + // '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
'<div class="info-product-box bg-geo">' +
'<span class="info-product-box-img">' + '<span class="info-product-box-img">' +
'<img src="data:image/jpeg;base64, ' + res.img + '">' + '<img src="data:image/jpeg;base64, ' + res.img + '">' +
'</span>' + '</span>' +
...@@ -253,7 +254,7 @@ $(document).ready(function () { ...@@ -253,7 +254,7 @@ $(document).ready(function () {
'</li>'; '</li>';
$('#product-list-globe').append(product_html); $('#product-list-globe').append(product_html);
div_top += 75; // div_top += 75;
} }
}); });
...@@ -300,7 +301,7 @@ $(document).ready(function () { ...@@ -300,7 +301,7 @@ $(document).ready(function () {
'<ul id="product-list-cart-items" class="control-sidebar-menu">'; '<ul id="product-list-cart-items" class="control-sidebar-menu">';
var product_html_li = ''; var product_html_li = '';
var div_top = 148; // var div_top = 148;
console.log("djdj: ", productListGlobe); console.log("djdj: ", productListGlobe);
productListGlobe.forEach(function (data) { productListGlobe.forEach(function (data) {
if (submit_data_array.indexOf(data.id) > -1) { if (submit_data_array.indexOf(data.id) > -1) {
...@@ -318,7 +319,8 @@ $(document).ready(function () { ...@@ -318,7 +319,8 @@ $(document).ready(function () {
'<p>' + data.product.beginposition + '</p>' + '<p>' + data.product.beginposition + '</p>' +
'</div>'+ '</div>'+
'</a>' + '</a>' +
'<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' + // '<div class="info-product-box bg-geo" style="top: ' + div_top + 'px;">' +
'<div class="info-product-cart-box bg-geo">' +
'<span class="info-product-box-img">' + '<span class="info-product-box-img">' +
'<img src="/static/images/sat_preview/sat_test.jpg">' + '<img src="/static/images/sat_preview/sat_test.jpg">' +
'</span>' + '</span>' +
...@@ -333,7 +335,7 @@ $(document).ready(function () { ...@@ -333,7 +335,7 @@ $(document).ready(function () {
'</div>' + '</div>' +
'</li>'; '</li>';
div_top += 52; // div_top += 52;
} }
}); });
......
catalog/templates/base_top.html
View file @ c1b6be88
...@@ -142,7 +142,7 @@ ...@@ -142,7 +142,7 @@
{# </li>#} {# </li>#}
</ul> </ul>
<!-- /.control-sidebar-menu --> <!-- /.control-sidebar-menu -->
{# </form>#} </form>
</div> </div>
<!-- /.tab-pane --> <!-- /.tab-pane -->
<!-- Stats tab content --> <!-- Stats tab content -->
......
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