Hammad Hussain Qureshi
7 years ago
committed by
GitHub
GitHub
40 changed files with 1005 additions and 0 deletions
@ -0,0 +1,21 @@ |
|||
============================ |
|||
POS Category wise receipt v11 |
|||
============================ |
|||
|
|||
This module aims to print category wise receipt for point of sale. |
|||
|
|||
Features |
|||
======== |
|||
|
|||
* The receipt shows category wiseproduct and Subtotal of each category. |
|||
|
|||
Installation |
|||
============ |
|||
|
|||
Just select it from available modules to install it, there is no need to extra installations. |
|||
|
|||
Configuration |
|||
============= |
|||
|
|||
Nothing to configure. |
|||
|
|||
@ -0,0 +1,23 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2009-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
|||
# Author: Nilmar Shereef(<http://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,42 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2009-TODAY Cybrosys Technologies(<http://www.cybrosys.com>). |
|||
# Author: Nilmar Shereef(<http://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 Category wise receipt', |
|||
'summary': 'Category wise receipt for the Point of Sale ', |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'website': "http://www.cybrosys.com", |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'category': 'Point of Sale', |
|||
'version': '0.2', |
|||
'depends': ['point_of_sale'], |
|||
'data': [ |
|||
'views/pos_ticket_view.xml', |
|||
], |
|||
'qweb': [ |
|||
'static/src/xml/pos_ticket.xml', |
|||
], |
|||
'images': ['static/description/banner.jpg'], |
|||
'license': 'AGPL-3', |
|||
'installable': True, |
|||
'auto_install': False, |
|||
} |
|||
|
After Width: | Height: | Size: 69 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 22 KiB |
@ -0,0 +1,47 @@ |
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h2 class="oe_slogan">POS Category wise receipt</h2> |
|||
<h4 class="oe_slogan">Cybrosys Technologies , www.cybrosys.com</h4> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<p class='oe_mt32'> |
|||
☛ Choose your product randomly |
|||
</p> |
|||
<div class="oe_span12"> |
|||
<div class="oe_row_img oe_centered"> |
|||
<img class="oe_picture oe_screenshot" src="product_screen.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="oe_container oe_dark"> |
|||
<div class="oe_row oe_padded"> |
|||
<p class='oe_mt32'> |
|||
☛Product category wise receipt |
|||
</p> |
|||
<div class="oe_span12"> |
|||
<div class="oe_row_img oe_centered"> |
|||
<img class="oe_picture oe_screenshot" src="pos_receipt.png"> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<h2 class="oe_slogan" style="margin-top:20px;" >Need Any Help?</h2> |
|||
<div class="oe_slogan" style="margin-top:10px !important;"> |
|||
<a class="btn btn-primary btn-lg mt8" |
|||
style="color: #FFFFFF !important;" 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;" |
|||
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;" |
|||
href="http://www.cybrosys.com/odoo-customization-and-installation/"><i |
|||
class="fa fa-check-square"></i> Request Customization </a> |
|||
</div> |
|||
<img src="cybro_logo.png" style="width: 190px; margin-bottom: 20px;" class="center-block"> |
|||
</section> |
|||
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 123 KiB |
@ -0,0 +1,4 @@ |
|||
.pos_underline{ |
|||
|
|||
text-decoration: underline; |
|||
} |
|||
@ -0,0 +1,66 @@ |
|||
odoo.define('pos_category_wise_receipt.receipt', function (require) { |
|||
"use strict"; |
|||
|
|||
var models = require('point_of_sale.models'); |
|||
var orderline_id = 1; |
|||
|
|||
|
|||
var order = models.Orderline.extend({ |
|||
|
|||
initialize: function(attr,options){ |
|||
|
|||
this.pos = options.pos; |
|||
this.order = options.order; |
|||
if (options.json) { |
|||
this.init_from_JSON(options.json); |
|||
return; |
|||
} |
|||
this.product = options.product; |
|||
this.price = options.product.price; |
|||
this.set_quantity(1); |
|||
this.discount = 0; |
|||
this.discountStr = '0'; |
|||
this.type = 'unit'; |
|||
this.selected = false; |
|||
this.count = true; |
|||
this.category_selected = true; |
|||
this.select = false; |
|||
this.id = orderline_id++; |
|||
}, |
|||
get_category : function(){ |
|||
var product = this.product.pos_categ_id[1]; |
|||
return (product ? this.product.pos_categ_id[1] : undefined) || 'UnCategorised Product'; |
|||
// return this.product.pos_categ_id[1];
|
|||
}, |
|||
get_category_id: function(){ |
|||
return this.product.pos_categ_id[0]; |
|||
}, |
|||
set_selected_product: function(count){ |
|||
this.count = count; |
|||
this.trigger('change',this); |
|||
}, |
|||
set_selected_category: function(selected){ |
|||
|
|||
this.category_selected = selected; |
|||
this.trigger('change',this); |
|||
}, |
|||
is_selected_product: function(){ |
|||
return this.count; |
|||
}, |
|||
set_select: function(selected){ |
|||
this.select = selected; |
|||
this.trigger('change',this); |
|||
}, |
|||
is_select: function(){ |
|||
return this.select; |
|||
|
|||
}, |
|||
is_selected_category: function(){ |
|||
return this.category_selected; |
|||
}, |
|||
|
|||
|
|||
}); |
|||
models.Orderline = order; |
|||
return order; |
|||
}); |
|||
@ -0,0 +1,124 @@ |
|||
<templates> |
|||
<t t-extend="PosTicket"> |
|||
<t t-jquery="div.pos-sale-ticket" t-operation="replace"> |
|||
<div class="pos-sale-ticket"> |
|||
<div class="pos-center-align"><t t-esc="moment().format('L LT')"/> <t t-esc="order.name"/></div> |
|||
<br /> |
|||
<t t-esc="widget.pos.company.name"/><br /> |
|||
Phone: <t t-esc="widget.pos.company.phone || ''"/><br /> |
|||
User: <t t-esc="widget.pos.cashier ? widget.pos.cashier.name : widget.pos.user.name"/><br /> |
|||
Shop: <t t-esc="widget.pos.shop.name"/><br /> |
|||
<br /> |
|||
<t t-if="receipt.header"> |
|||
<div style='text-align:center'> |
|||
<t t-esc="receipt.header" /> |
|||
</div> |
|||
<br /> |
|||
</t> |
|||
<t t-foreach="orderlines" t-as="l"> |
|||
<t t-if="l.is_selected_product"> |
|||
<t t-set="sum" t-value="0"></t> |
|||
<table> |
|||
<tr t-foreach="orderlines" t-as="orderline"> |
|||
<t t-if="orderline.is_selected_product()"> |
|||
<tr> |
|||
<t t-if="l.get_category_id()==orderline.get_category_id()"> |
|||
<p> |
|||
<t t-if="l.is_selected_category()"> |
|||
<h3 class="pos_underline"><t t-esc="l.get_category()"/></h3> |
|||
<t t-esc="l.set_selected_category(false)"></t> |
|||
</t> |
|||
</p> |
|||
<t t-set="sum" t-value="sum + orderline.get_display_price()"/> |
|||
<tr> |
|||
<td> |
|||
<t t-esc="orderline.get_product().display_name"/> |
|||
<t t-if="orderline.get_discount() > 0"> |
|||
<div class="pos-disc-font"> |
|||
With a <t t-esc="orderline.get_discount()"/>% discount |
|||
</div> |
|||
</t> |
|||
</td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="orderline.get_quantity_str_with_unit()"/> |
|||
</td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(orderline.get_display_price())"/> |
|||
</td> |
|||
</tr> |
|||
<t t-esc="orderline.set_selected_product(false)"/> |
|||
<t t-esc="l.set_select(true)"/> |
|||
</t> |
|||
</tr> |
|||
</t> |
|||
</tr> |
|||
</table> |
|||
</t> |
|||
<t t-if="l.is_select()"> |
|||
<table> |
|||
<tr class="emph"> |
|||
<td class="pos-right-align pos_underline"> |
|||
<t t-esc="widget.format_currency(sum)"/> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
</t> |
|||
</t> |
|||
<br /> |
|||
<table class='receipt-total'> |
|||
<tr> |
|||
<td>Subtotal:</td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(order.get_total_without_tax())"/> |
|||
</td> |
|||
</tr> |
|||
<t t-foreach="order.get_tax_details()" t-as="taxdetail"> |
|||
<tr> |
|||
<td><t t-esc="taxdetail.name" /></td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(taxdetail.amount)" /> |
|||
</td> |
|||
</tr> |
|||
</t> |
|||
<tr> |
|||
<td>Discount:</td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(order.get_total_discount())"/> |
|||
</td> |
|||
</tr> |
|||
<tr class="emph"> |
|||
<td>Total:</td> |
|||
<td class="pos-right-align pos_underline"> |
|||
<t t-esc="widget.format_currency(order.get_total_with_tax())"/> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<br /> |
|||
<table class='receipt-paymentlines'> |
|||
<t t-foreach="paymentlines" t-as="line"> |
|||
<tr> |
|||
<td> |
|||
<t t-esc="line.name"/> |
|||
</td> |
|||
<td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(line.get_amount())"/> |
|||
</td> |
|||
</tr> |
|||
</t> |
|||
</table> |
|||
<br /> |
|||
<table class='receipt-change'> |
|||
<tr><td>Change:</td><td class="pos-right-align"> |
|||
<t t-esc="widget.format_currency(order.get_change())"/> |
|||
</td></tr> |
|||
</table> |
|||
<t t-if="receipt.footer"> |
|||
<br /> |
|||
<div style='text-align:center'> |
|||
<t t-esc="receipt.footer" /> |
|||
</div> |
|||
</t> |
|||
</div> |
|||
</t> |
|||
</t> |
|||
</templates> |
|||
@ -0,0 +1,10 @@ |
|||
<openerp> |
|||
<data> |
|||
<template id="assets" inherit_id="point_of_sale.assets"> |
|||
<xpath expr="." position="inside"> |
|||
<script type="text/javascript" src="/pos_category_wise_receipt/static/src/js/pos_ticket.js"></script> |
|||
<link rel="stylesheet" href="/pos_category_wise_receipt/static/src/css/pos_ticket.css" /> |
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</openerp> |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
from . import controllers |
|||
@ -0,0 +1,47 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2017-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|||
# Author: Hilar AK(<hilar@cybrosys.in>) |
|||
# 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 <https://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
|
|||
{ |
|||
'name': "Website Video Background", |
|||
'version': '10.0.1.0.2', |
|||
'summary': """Make Website Background as Video""", |
|||
'description': """ |
|||
Website page background as youtube video. |
|||
""", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'website': "https://cybrosys.com/", |
|||
'category': 'Website', |
|||
'depends': ['base', 'website'], |
|||
'data': [ |
|||
'views/assets.xml', |
|||
'views/conf_view.xml', |
|||
'views/templates.xml', |
|||
], |
|||
'demo': [ |
|||
], |
|||
'images': ['static/description/banner.jpg'], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'application': False |
|||
} |
|||
@ -0,0 +1,47 @@ |
|||
# -*- coding: utf-8 -*- |
|||
############################################################################## |
|||
# |
|||
# Cybrosys Technologies Pvt. Ltd. |
|||
# Copyright (C) 2017-TODAY Cybrosys Technologies(<https://www.cybrosys.com>). |
|||
# Author: Hilar AK(<hilar@cybrosys.in>) |
|||
# 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 <https://www.gnu.org/licenses/>. |
|||
# |
|||
############################################################################## |
|||
|
|||
{ |
|||
'name': "Website Video Background", |
|||
'version': '10.0.1.0.1', |
|||
'summary': """Make Website Background as Video""", |
|||
'description': """ |
|||
Website page background as youtube video. |
|||
""", |
|||
'author': 'Cybrosys Techno Solutions', |
|||
'company': 'Cybrosys Techno Solutions', |
|||
'website': "https://cybrosys.com/", |
|||
'category': 'Website', |
|||
'depends': ['base', 'website'], |
|||
'data': [ |
|||
'views/views.xml', |
|||
'views/conf_view.xml', |
|||
'views/templates.xml', |
|||
], |
|||
'demo': [ |
|||
], |
|||
'images': ['static/description/banner.jpg'], |
|||
'license': 'LGPL-3', |
|||
'installable': True, |
|||
'application': False |
|||
} |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
from . import controllers |
|||
@ -0,0 +1,28 @@ |
|||
# -*- coding: utf-8 -*- |
|||
from odoo import http |
|||
from odoo.http import request |
|||
|
|||
|
|||
class SnippetVideoBg(http.Controller): |
|||
|
|||
@http.route('/set_video_id', type='json', auth="user", methods=['POST'], website=True) |
|||
def index(self, **kw): |
|||
""" |
|||
Here set the system param video id. |
|||
:param kw: |
|||
:return: |
|||
""" |
|||
video_id = kw.get('id') |
|||
request.env['ir.config_parameter'].set_param( |
|||
'video_id', video_id) if video_id else '' |
|||
return '/' |
|||
|
|||
@http.route('/get_video_id', type='json', methods=['GET', 'POST'], auth="public", website=True) |
|||
def getVideoId(self, **kw): |
|||
""" |
|||
returns the saved video id. |
|||
:param kw: |
|||
:return: |
|||
""" |
|||
video_id = request.env['ir.config_parameter'].get_param('video_id') |
|||
return {'video_id': video_id} |
|||
@ -0,0 +1,30 @@ |
|||
<odoo> |
|||
<data> |
|||
<!-- --> |
|||
<!-- <record id="object0" model="snippet_video_bg.snippet_video_bg"> --> |
|||
<!-- <field name="name">Object 0</field> --> |
|||
<!-- <field name="value">0</field> --> |
|||
<!-- </record> --> |
|||
<!-- --> |
|||
<!-- <record id="object1" model="snippet_video_bg.snippet_video_bg"> --> |
|||
<!-- <field name="name">Object 1</field> --> |
|||
<!-- <field name="value">10</field> --> |
|||
<!-- </record> --> |
|||
<!-- --> |
|||
<!-- <record id="object2" model="snippet_video_bg.snippet_video_bg"> --> |
|||
<!-- <field name="name">Object 2</field> --> |
|||
<!-- <field name="value">20</field> --> |
|||
<!-- </record> --> |
|||
<!-- --> |
|||
<!-- <record id="object3" model="snippet_video_bg.snippet_video_bg"> --> |
|||
<!-- <field name="name">Object 3</field> --> |
|||
<!-- <field name="value">30</field> --> |
|||
<!-- </record> --> |
|||
<!-- --> |
|||
<!-- <record id="object4" model="snippet_video_bg.snippet_video_bg"> --> |
|||
<!-- <field name="name">Object 4</field> --> |
|||
<!-- <field name="value">40</field> --> |
|||
<!-- </record> --> |
|||
<!-- --> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,3 @@ |
|||
# -*- coding: utf-8 -*- |
|||
|
|||
from . import models |
|||
@ -0,0 +1,15 @@ |
|||
# -*- coding: utf-8 -*- |
|||
# |
|||
# from odoo import models, fields |
|||
# |
|||
# |
|||
# class WebsiteMapKey(models.Model): |
|||
# _inherit = 'website' |
|||
# video_id = fields.Char("Youtube Video Id") |
|||
# |
|||
# |
|||
# class WebsiteMapConfig(models.TransientModel): |
|||
# _inherit = 'website.config.settings' |
|||
# |
|||
# video_id = fields.Char(related='website_id.video_id', string="Youtube Video Id", |
|||
# help="Paste Youtube VideoId Here") |
|||
|
|
After Width: | Height: | Size: 102 KiB |
|
After Width: | Height: | Size: 118 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 30 KiB |
|
After Width: | Height: | Size: 19 KiB |
@ -0,0 +1,161 @@ |
|||
<section class="oe_container oe_dark"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h2 class="oe_slogan">Website Video Background</h2> |
|||
<h4 class="oe_slogan"><a href="https://www.cybrosys.com">Cybrosys Technologies</a></h4> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container"> |
|||
<div class="oe_row oe_spaced"> |
|||
<h2 class="oe_slogan" style="color:#875A7B;">Make youtube Video as background on website pages</h2> |
|||
<h3 class="oe_slogan"> |
|||
Get video id from youtube and add it on website. |
|||
Eg: https://www.youtube.com/watch?v=uNCr7NdOJgw here uNCr7NdOJgw is your video id. |
|||
</h3> |
|||
</div> |
|||
|
|||
<div class="oe_container oe_dark"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Click on + button on website right corner (available for website editor and designer)</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="new.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Click on Background Video Button</b></h2> |
|||
|
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="add.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container oe_dark"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>You will get a new Prompt</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="prompt.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Get youtube video id</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="youtube_id.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container oe_dark"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Paste youtube id in prompt and continue</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="id_prompt.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Id get saved as system params</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="system param.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="oe_container oe_dark"> |
|||
<div class="row mt32 o_animate o_animate_in_children o_animate_offset_min" |
|||
style="animation-name: none; visibility: hidden; animation-play-state: paused;"> |
|||
|
|||
<div class="col-md-5 col-md-offset-1" style="transition-delay: 0ms;"> |
|||
<h2 class=" mt32 mb16"><b>Preview</b></h2> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="prev1.png"> |
|||
</div> |
|||
</div> |
|||
<div class="col-md-6" style="transition-delay: 500ms;"> |
|||
<div class=" oe_demo oe_picture oe_screenshot"> |
|||
<img style="max-width: 100%;-moz-transform: scale(1.2);-webkit-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);" |
|||
src="prev2.png"> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="oe_container oe_dark"> |
|||
<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="https://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="https://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="https://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: 13 KiB |
|
After Width: | Height: | Size: 588 KiB |
|
After Width: | Height: | Size: 623 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 62 KiB |
|
After Width: | Height: | Size: 310 KiB |
@ -0,0 +1,148 @@ |
|||
/* jQuery tubular plugin |
|||
|* by Sean McCambridge |
|||
|* http://www.seanmccambridge.com/tubular
|
|||
|* version: 1.0 |
|||
|* updated: October 1, 2012 |
|||
|* since 2010 |
|||
|* licensed under the MIT License |
|||
|* Enjoy. |
|||
|* |
|||
|* Thanks, |
|||
|* Sean */ |
|||
|
|||
;(function ($, window) { |
|||
|
|||
// test for feature support and return if failure
|
|||
|
|||
// defaults
|
|||
var defaults = { |
|||
ratio: 16/9, // usually either 4/3 or 16/9 -- tweak as needed
|
|||
videoId: 'ZCAnLxRvNNc', // toy robot in space is a good default, no?
|
|||
mute: true, |
|||
repeat: true, |
|||
width: $(window).width(), |
|||
wrapperZIndex: 99, |
|||
playButtonClass: 'tubular-play', |
|||
pauseButtonClass: 'tubular-pause', |
|||
muteButtonClass: 'tubular-mute', |
|||
volumeUpClass: 'tubular-volume-up', |
|||
volumeDownClass: 'tubular-volume-down', |
|||
increaseVolumeBy: 10, |
|||
start: 0 |
|||
}; |
|||
|
|||
// methods
|
|||
|
|||
var tubular = function(node, options) { // should be called on the wrapper div
|
|||
var options = $.extend({}, defaults, options), |
|||
$body = $('body') // cache body node
|
|||
$node = $(node); // cache wrapper node
|
|||
|
|||
// build container
|
|||
var tubularContainer = '<div id="tubular-container" style="overflow: hidden; position: fixed; z-index: 1; width: 100%; height: 100%"><div id="tubular-player" style="position: absolute"></div></div><div id="tubular-shield" style="width: 100%; height: 100%; z-index: 2; position: absolute; left: 0; top: 0;"></div>'; |
|||
|
|||
// set up css prereq's, inject tubular container and set up wrapper defaults
|
|||
$('html,body').css({'width': '100%', 'height': '100%'}); |
|||
$body.prepend(tubularContainer); |
|||
$node.css({position: 'relative', 'z-index': options.wrapperZIndex}); |
|||
|
|||
// set up iframe player, use global scope so YT api can talk
|
|||
window.player; |
|||
window.onYouTubeIframeAPIReady = function() { |
|||
player = new YT.Player('tubular-player', { |
|||
width: options.width, |
|||
height: Math.ceil(options.width / options.ratio), |
|||
videoId: options.videoId, |
|||
playerVars: { |
|||
controls: 0, |
|||
showinfo: 0, |
|||
modestbranding: 1, |
|||
wmode: 'transparent' |
|||
}, |
|||
events: { |
|||
'onReady': onPlayerReady, |
|||
'onStateChange': onPlayerStateChange |
|||
} |
|||
}); |
|||
} |
|||
|
|||
window.onPlayerReady = function(e) { |
|||
resize(); |
|||
if (options.mute) e.target.mute(); |
|||
e.target.seekTo(options.start); |
|||
e.target.playVideo(); |
|||
} |
|||
|
|||
window.onPlayerStateChange = function(state) { |
|||
if (state.data === 0 && options.repeat) { // video ended and repeat option is set true
|
|||
player.seekTo(options.start); // restart
|
|||
} |
|||
} |
|||
|
|||
// resize handler updates width, height and offset of player after resize/init
|
|||
var resize = function() { |
|||
var width = $(window).width(), |
|||
pWidth, // player width, to be defined
|
|||
height = $(window).height(), |
|||
pHeight, // player height, tbd
|
|||
$tubularPlayer = $('#tubular-player'); |
|||
|
|||
// when screen aspect ratio differs from video, video must center and underlay one dimension
|
|||
|
|||
if (width / options.ratio < height) { // if new video height < window height (gap underneath)
|
|||
pWidth = Math.ceil(height * options.ratio); // get new player width
|
|||
$tubularPlayer.width(pWidth).height(height).css({left: (width - pWidth) / 2, top: 0}); // player width is greater, offset left; reset top
|
|||
} else { // new video width < window width (gap to right)
|
|||
pHeight = Math.ceil(width / options.ratio); // get new player height
|
|||
$tubularPlayer.width(width).height(pHeight).css({left: 0, top: (height - pHeight) / 2}); // player height is greater, offset top; reset left
|
|||
} |
|||
|
|||
} |
|||
|
|||
// events
|
|||
$(window).on('resize.tubular', function() { |
|||
resize(); |
|||
}) |
|||
|
|||
$('body').on('click','.' + options.playButtonClass, function(e) { // play button
|
|||
e.preventDefault(); |
|||
player.playVideo(); |
|||
}).on('click', '.' + options.pauseButtonClass, function(e) { // pause button
|
|||
e.preventDefault(); |
|||
player.pauseVideo(); |
|||
}).on('click', '.' + options.muteButtonClass, function(e) { // mute button
|
|||
e.preventDefault(); |
|||
(player.isMuted()) ? player.unMute() : player.mute(); |
|||
}).on('click', '.' + options.volumeDownClass, function(e) { // volume down button
|
|||
e.preventDefault(); |
|||
var currentVolume = player.getVolume(); |
|||
if (currentVolume < options.increaseVolumeBy) currentVolume = options.increaseVolumeBy; |
|||
player.setVolume(currentVolume - options.increaseVolumeBy); |
|||
}).on('click', '.' + options.volumeUpClass, function(e) { // volume up button
|
|||
e.preventDefault(); |
|||
if (player.isMuted()) player.unMute(); // if mute is on, unmute
|
|||
var currentVolume = player.getVolume(); |
|||
if (currentVolume > 100 - options.increaseVolumeBy) currentVolume = 100 - options.increaseVolumeBy; |
|||
player.setVolume(currentVolume + options.increaseVolumeBy); |
|||
}) |
|||
} |
|||
|
|||
// load yt iframe js api
|
|||
|
|||
var tag = document.createElement('script'); |
|||
tag.src = "//www.youtube.com/iframe_api"; |
|||
var firstScriptTag = document.getElementsByTagName('script')[0]; |
|||
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); |
|||
|
|||
// create plugin
|
|||
|
|||
$.fn.tubular = function (options) { |
|||
return this.each(function () { |
|||
if (!$.data(this, 'tubular_instantiated')) { // let's only run one
|
|||
$.data(this, 'tubular_instantiated', |
|||
tubular(this, options)); |
|||
} |
|||
}); |
|||
} |
|||
|
|||
})(jQuery, window); |
|||
@ -0,0 +1,82 @@ |
|||
odoo.define('snippet_video_bg.wrapwrap_bg_video', function (require) { |
|||
'use strict'; |
|||
|
|||
var Dialog = require("web.Dialog"); |
|||
var core = require('web.core'); |
|||
var Widget = require('web.Widget'); |
|||
// var session = require('web.session');
|
|||
var base = require('web_editor.base'); |
|||
var wUtils = require('website.utils'); |
|||
var WebsiteNewMenu = require('website.newMenu'); |
|||
var website = require('website.website'); |
|||
|
|||
var qweb = core.qweb; |
|||
var _t = core._t; |
|||
base.url_translations = '/website/translations'; |
|||
|
|||
WebsiteNewMenu.include({ |
|||
|
|||
actions: _.extend({}, WebsiteNewMenu.prototype.actions || {}, { |
|||
new_bg_video_id: '_NewBgVideo', |
|||
}), |
|||
|
|||
//----------------------------------------------------------------------
|
|||
// Actions
|
|||
//----------------------------------------------------------------------
|
|||
|
|||
/** |
|||
* Asks the video url for new video background |
|||
* |
|||
* @private |
|||
*/ |
|||
_NewBgVideo: function() { |
|||
var self = this; |
|||
wUtils.prompt({ |
|||
id: "bg_video_id", |
|||
window_title: _t("Add a YouTube Video Id here"), |
|||
input: "Video ID", |
|||
}).then(function (id) { |
|||
// website.form('/set_video_id', 'POST', {
|
|||
// id: id
|
|||
// });
|
|||
self._rpc({ |
|||
route: '/set_video_id', |
|||
params: { |
|||
id: id, |
|||
}, |
|||
}).then(function (url) { |
|||
window.location.href = url; |
|||
}); |
|||
}); |
|||
}, |
|||
}); |
|||
}); |
|||
|
|||
odoo.define('snippet_video_bg.wrapwrap_bg_video_load', function (require) { |
|||
'use strict'; |
|||
var Dialog = require("web.Dialog"); |
|||
var core = require('web.core'); |
|||
var Widget = require('web.Widget'); |
|||
var session = require('web.session'); |
|||
var base = require('web_editor.base'); |
|||
var Model = require('web.Model'); |
|||
|
|||
var qweb = core.qweb; |
|||
var _t = core._t; |
|||
base.url_translations = '/website/translations'; |
|||
|
|||
$('document').ready(function() { |
|||
|
|||
session.rpc("/get_video_id", {}) |
|||
.done(function(res) { |
|||
var options = { |
|||
videoId: res.video_id || false, |
|||
start: 0, |
|||
mute: true, |
|||
}; |
|||
$('#wrapwrap').tubular(options); |
|||
}); |
|||
|
|||
}); |
|||
|
|||
}); |
|||
@ -0,0 +1,59 @@ |
|||
odoo.define('snippet_video_bg.wrapwrap_bg_video', function (require) { |
|||
'use strict'; |
|||
|
|||
var ajax = require('web.ajax'); |
|||
var Dialog = require("web.Dialog"); |
|||
var core = require('web.core'); |
|||
var Widget = require('web.Widget'); |
|||
// var session = require('web.session');
|
|||
var base = require('web_editor.base'); |
|||
var contentMenu = require('website.contentMenu'); |
|||
|
|||
var qweb = core.qweb; |
|||
var _t = core._t; |
|||
base.url_translations = '/website/translations'; |
|||
|
|||
contentMenu.TopBar.include({ |
|||
new_bg_video_id: function() { |
|||
website.prompt({ |
|||
id: "bg_video_id", |
|||
window_title: _t("Add a YouTube Video Id here"), |
|||
input: "Video ID", |
|||
}).then(function (id) { |
|||
website.form('/set_video_id', 'POST', { |
|||
id: id |
|||
}); |
|||
}); |
|||
}, |
|||
}); |
|||
}); |
|||
|
|||
odoo.define('snippet_video_bg.wrapwrap_bg_video_load', function (require) { |
|||
'use strict'; |
|||
var ajax = require('web.ajax'); |
|||
var Dialog = require("web.Dialog"); |
|||
var core = require('web.core'); |
|||
var Widget = require('web.Widget'); |
|||
var session = require('web.session'); |
|||
var base = require('web_editor.base'); |
|||
var Model = require('web.Model'); |
|||
|
|||
var qweb = core.qweb; |
|||
var _t = core._t; |
|||
base.url_translations = '/website/translations'; |
|||
|
|||
$('document').ready(function() { |
|||
|
|||
session.rpc("/get_video_id", {}) |
|||
.done(function(res) { |
|||
var options = { |
|||
videoId: res.video_id || false, |
|||
start: 0, |
|||
mute: true, |
|||
}; |
|||
$('#wrapwrap').tubular(options); |
|||
}); |
|||
|
|||
}); |
|||
|
|||
}); |
|||
@ -0,0 +1,8 @@ |
|||
<odoo> |
|||
<template id="assets_frontend" inherit_id="website.assets_frontend" name="AssetFor Products Quick View"> |
|||
<xpath expr="." position="inside"> |
|||
<script type="text/javascript" src="/snippet_video_bg/static/lib/jquery.tubular.1.0.js"/> |
|||
<script type="text/javascript" src="/snippet_video_bg/static/src/js/bg_video.js"/> |
|||
</xpath> |
|||
</template> |
|||
</odoo> |
|||
@ -0,0 +1,21 @@ |
|||
<odoo> |
|||
<data> |
|||
<!--<record id="bg_video_id" model="ir.ui.view">--> |
|||
<!--<field name="name">Website page Background Video Id</field>--> |
|||
<!--<field name="model">website.config.settings</field>--> |
|||
<!--<field name="inherit_id" ref="website.view_website_config_settings"/>--> |
|||
<!--<field name="arch" type="xml">--> |
|||
<!--<xpath expr="//group[@name='social']" position="after">--> |
|||
<!--<group name="map" string="Website page Background Video Id">--> |
|||
<!--<label for="map_url" string="Video Id"/>--> |
|||
<!--<div>--> |
|||
<!--<div id="video_id" class="oe_inline">--> |
|||
<!--<field name="video_id" placeholder="Youtube Video Id"/>--> |
|||
<!--</div>--> |
|||
<!--</div>--> |
|||
<!--</group>--> |
|||
<!--</xpath>--> |
|||
<!--</field>--> |
|||
<!--</record>--> |
|||
</data> |
|||
</odoo> |
|||
@ -0,0 +1,11 @@ |
|||
<odoo> |
|||
<data> |
|||
<template id="content_bg_video_id" inherit_id="website.user_navbar"> |
|||
<xpath expr="//div[@id='o_new_content_menu_choices']//ul" position="inside"> |
|||
<li ><a href="#" data-action="new_bg_video_id"> |
|||
<i class="fa fa-youtube" aria-hidden="true"/> |
|||
<p>Background Video</p></a></li> |
|||
</xpath> |
|||
</template> |
|||
</data> |
|||
</odoo> |
|||
Loading…
Reference in new issue