SHEREEF PT
8 years ago
12 changed files with 262 additions and 0 deletions
@ -0,0 +1,29 @@ |
|||||
|
============================ |
||||
|
Pos Product Magnify Image V9 |
||||
|
============================ |
||||
|
|
||||
|
This module allow to magnify product image in POS. |
||||
|
|
||||
|
Installation |
||||
|
============ |
||||
|
|
||||
|
Just select it from available modules to install it, there is no need to extra installations. |
||||
|
|
||||
|
Configuration |
||||
|
============= |
||||
|
|
||||
|
Nothing to configure. |
||||
|
|
||||
|
Usage |
||||
|
===== |
||||
|
|
||||
|
* + icon on pos product image. |
||||
|
* On clicking on + icon, display pop up with magnified product image. |
||||
|
|
||||
|
|
||||
|
Credits |
||||
|
======= |
||||
|
Developer: Aswani pc @ cybrosys |
||||
|
Guidance: Nilmar Shereef @ cybrosys, shereef@cybrosys.in |
||||
|
|
||||
|
|
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################## |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# Copyright (C) 2015-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
||||
|
# Author: Nilmar Shereef(<https://www.cybrosys.com>) |
||||
|
# you can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# It is forbidden to publish, distribute, sublicense, or sell copies |
||||
|
# of the Software or modified copies of the Software. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################## |
||||
@ -0,0 +1,39 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################## |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# Copyright (C) 2015-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
||||
|
# Author: Nilmar Shereef(<https://www.cybrosys.com>) |
||||
|
# you can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# It is forbidden to publish, distribute, sublicense, or sell copies |
||||
|
# of the Software or modified copies of the Software. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################## |
||||
|
{ |
||||
|
'name': "Pos Product Magnify Image", |
||||
|
'version': '9.0.1.0.0', |
||||
|
'summary': """Magnify Product Image in POS Screen""", |
||||
|
'description': """Magnify Product Image In POS Screen.""", |
||||
|
'author': "Cybrosys Techno Solutions", |
||||
|
'company': "Cybrosys Techno Solutions", |
||||
|
'website': "http://www.cybrosys.com", |
||||
|
'category': 'Point of Sale', |
||||
|
'depends': ['base', 'point_of_sale'], |
||||
|
'data': ['views/pos_product_magnify_image.xml'], |
||||
|
'qweb': ['static/src/xml/pos_product_image.xml'], |
||||
|
'images': ['static/description/banner.jpg'], |
||||
|
'license': 'AGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
} |
||||
|
After Width: | Height: | Size: 129 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 16 KiB |
@ -0,0 +1,50 @@ |
|||||
|
<section class="oe_container"> |
||||
|
<div class="oe_row oe_spaced"> |
||||
|
<h2 class="oe_slogan">Pos Product Magnify Image</h2> |
||||
|
<h3 class="oe_slogan">This module allow to magnify product image in pos.</h3> |
||||
|
<h4 class="oe_slogan" style="font-size: 23px;">Author : Cybrosys Techno Solutions , www.cybrosys.com</h4> |
||||
|
<div> |
||||
|
<h4><p>Features</p></h4> |
||||
|
<div> |
||||
|
<span style="color:green;"> ☑ </span>+ icon on pos product image.<br/> |
||||
|
<span style="color:green;"> ☑ </span>On clicking + icon, display pop up with magnified product image.<br/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<section class="oe_container"> |
||||
|
<div class="oe_row oe_spaced"> |
||||
|
<div class="oe_demo oe_picture oe_screenshot"> |
||||
|
<img src="magnify_image.png"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<section class="oe_container"> |
||||
|
<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2> |
||||
|
<div class="oe_slogan" style="margin-top:10px !important;"> |
||||
|
<div> |
||||
|
<a class="btn btn-primary btn-lg mt8" |
||||
|
style="color: #FFFFFF !important;border-radius: 0;" href="http://www.cybrosys.com"><i |
||||
|
class="fa fa-envelope"></i> Email </a> <a |
||||
|
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
||||
|
href="http://www.cybrosys.com/contact/"><i |
||||
|
class="fa fa-phone"></i> Contact Us </a> <a |
||||
|
class="btn btn-primary btn-lg mt8" style="color: #FFFFFF !important;border-radius: 0;" |
||||
|
href="http://www.cybrosys.com/odoo-customization-and-installation/"><i |
||||
|
class="fa fa-check-square"></i> Request Customization </a> |
||||
|
</div> |
||||
|
<br> |
||||
|
<img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block"> |
||||
|
<div> |
||||
|
<a href="https://twitter.com/cybrosys" target="_blank"><i class="fa fa-2x fa-twitter" style="color:white;background: #00a0d1;width:35px;"></i></a></td> |
||||
|
<a href="https://www.linkedin.com/company/cybrosys-technologies-pvt-ltd" target="_blank"><i class="fa fa-2x fa-linkedin" style="color:white;background: #31a3d6;width:35px;padding-left: 3px;"></i></a></td> |
||||
|
<a href="https://www.facebook.com/cybrosystechnologies" target="_blank"><i class="fa fa-2x fa-facebook" style="color:white;background: #3b5998;width:35px;padding-left: 8px;"></i></a></td> |
||||
|
<a href="https://plus.google.com/106641282743045431892/about" target="_blank"><i class="fa fa-2x fa-google-plus" style="color:white;background: #c53c2c;width:35px;padding-left: 3px;"></i></a></td> |
||||
|
<a href="https://in.pinterest.com/cybrosys" target="_blank"><i class="fa fa-2x fa-pinterest" style="color:white;background: #ac0f18;width:35px;padding-left: 3px;"></i></a></td> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
|
||||
|
After Width: | Height: | Size: 221 KiB |
@ -0,0 +1,18 @@ |
|||||
|
.pos-product-magnify { |
||||
|
position: absolute; |
||||
|
bottom:auto; |
||||
|
top:0; |
||||
|
left: 2px; |
||||
|
line-height: 13px; |
||||
|
border-radius: 2px; |
||||
|
z-index:1000; |
||||
|
} |
||||
|
.product_large_image{ |
||||
|
margin: 0 auto; |
||||
|
width: 250px; |
||||
|
height:250px; |
||||
|
} |
||||
|
.product_large_image img{ |
||||
|
width: 100%; |
||||
|
height:100%; |
||||
|
} |
||||
@ -0,0 +1,58 @@ |
|||||
|
odoo.define('point_of_sale.pos_product_image_magnify', function (require) { |
||||
|
"use strict"; |
||||
|
|
||||
|
var screens = require('point_of_sale.screens'); |
||||
|
var gui = require('point_of_sale.gui'); |
||||
|
var core = require('web.core'); |
||||
|
var PopupWidget = require('point_of_sale.popups'); |
||||
|
var ProductListWidget = screens.ProductListWidget; |
||||
|
var QWeb = core.qweb; |
||||
|
var _t = core._t; |
||||
|
|
||||
|
ProductListWidget.include({ |
||||
|
renderElement: function() { |
||||
|
var el_str = QWeb.render(this.template, {widget: this}); |
||||
|
var el_node = document.createElement('div'); |
||||
|
el_node.innerHTML = el_str; |
||||
|
el_node = el_node.childNodes[1]; |
||||
|
|
||||
|
if(this.el && this.el.parentNode){ |
||||
|
this.el.parentNode.replaceChild(el_node,this.el); |
||||
|
} |
||||
|
this.el = el_node; |
||||
|
var list_container = el_node.querySelector('.product-list'); |
||||
|
for(var i = 0, len = this.product_list.length; i < len; i++){ |
||||
|
var product_node = this.render_product(this.product_list[i]); |
||||
|
product_node.addEventListener('click',this.click_product_handler); |
||||
|
product_node.querySelector('.pos-product-magnify').addEventListener('click',this.on_click_pos_product_magnify); |
||||
|
list_container.appendChild(product_node); |
||||
|
} |
||||
|
}, |
||||
|
get_product_image_large: function(product){ |
||||
|
return window.location.origin + '/web/image?model=product.product&field=image&id='+product.id; |
||||
|
}, |
||||
|
|
||||
|
on_click_pos_product_magnify: function (e) { |
||||
|
var self = this; |
||||
|
e.stopPropagation(); |
||||
|
var $target = $(e.currentTarget).parent(); |
||||
|
var product_id = $target.data('product-id'); |
||||
|
var product = this.pos.db.get_product_by_id(product_id); |
||||
|
var image_url = this.get_product_image_large(product); |
||||
|
this.gui.show_popup('product_image',{image_url:image_url, 'title': product.display_name}); |
||||
|
}, |
||||
|
}); |
||||
|
|
||||
|
var ProductZoomPopupWidget = PopupWidget.extend({ |
||||
|
template: 'ProductZoomPopupWidget', |
||||
|
show: function(options){ |
||||
|
options = options || {}; |
||||
|
var self = this; |
||||
|
this._super(options); |
||||
|
this.image_url = options.image_url |
||||
|
this.renderElement(); |
||||
|
} |
||||
|
}); |
||||
|
gui.define_popup({name:'product_image', widget: ProductZoomPopupWidget}); |
||||
|
}); |
||||
|
|
||||
@ -0,0 +1,35 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<template id="template" xml:space="preserve"> |
||||
|
<t t-extend="Product"> |
||||
|
<t t-jquery="span.product" t-operation="append"> |
||||
|
<div class="pos-product-magnify"> |
||||
|
<a href="#"> |
||||
|
<i class="fa fa-plus-square"/> |
||||
|
</a> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
|
||||
|
<t t-name="ProductZoomPopupWidget"> |
||||
|
<div class="modal-dialog"> |
||||
|
<div class="popup popup-barcode"> |
||||
|
<p class="title"><t t-esc=" widget.options.title || 'Product' " /></p> |
||||
|
<p class="body"> |
||||
|
<div class="product_large_image"> |
||||
|
<img t-att-src='widget.image_url'/> |
||||
|
</div> |
||||
|
</p> |
||||
|
<div class="footer"> |
||||
|
<div class="button cancel"> |
||||
|
Close |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</template> |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,11 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<openerp> |
||||
|
<data> |
||||
|
<template id="pos_chatter" inherit_id="point_of_sale.assets"> |
||||
|
<xpath expr="." position="inside"> |
||||
|
<link rel="stylesheet" href="/pos_magnify_image/static/src/css/product_image_magnify.css" /> |
||||
|
<script type="text/javascript" src="/pos_magnify_image/static/src/js/pos_product_image.js"/> |
||||
|
</xpath> |
||||
|
</template> |
||||
|
</data> |
||||
|
</openerp> |
||||
Loading…
Reference in new issue