',
' ',
'
',
'
',
' | ',
' ||
| Click to Enlarge | ', '||
 |  |  |
| ',
' ||
| Click to Enlarge | ', '||
| | |
{[fm.usMoney(values.product_current_price)]} | ',
' ', ' |
',
buttons : [{
text : 'View Details',
handler : function() {
window.open('/assets/docs/Valor2YearExtendedWarranty.pdf','_newtab');
}
},{
xtype : 'spacer',
width : 405
},{
text : 'No Thanks',
handler : function() {
this.ownerCt.ownerCt.close();
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
},{
text : 'Yes, Add to Cart',
iconCls : 'icon_shopping_cart',
handler : function() {
this.ownerCt.ownerCt.close();
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params: {
product_id: 33
},
success: function(){
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params: {
product_id: store_info.data.product_id
},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
});
}
}]
}).show();
} else {
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
}
});
} else {
var add_button = new Ext.Button({
text : 'Add to Cart',
iconCls : 'icon_shopping_cart',
width : 90,
handler : function() {
var cb_value = Ext.getCmp('quantity_cb').getValue();
if(store_info.data.product_id == 32) {
var warranty_win = new Ext.Window({
title : 'Optional 2 Year Extended Warranty',
width : 710,
closable : false,
resizable : false,
html : '',
buttons : [{
text : 'View Details',
handler : function() {
window.open('/assets/docs/Valor2YearExtendedWarranty.pdf','_newtab');
}
},{
xtype : 'spacer',
width : 405
},{
text : 'No Thanks',
handler : function() {
this.ownerCt.ownerCt.close();
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
},{
text : 'Yes, Add to Cart',
iconCls : 'icon_shopping_cart',
handler : function() {
this.ownerCt.ownerCt.close();
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params: {
product_id: 33
},
success: function(){
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params: {
product_id: store_info.data.product_id
},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
});
}
}]
}).show();
} else {
Ext.Ajax.request({
url: '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success: function(){
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title: 'Please wait',
msg: 'Adding item(s) to cart...',
progressText: 'Initializing...',
width: 250,
progress: true,
closable: false
});
var f = function(v){
return function(){
if (v == 4) {
Ext.MessageBox.hide();
var win = new Ext.Window({
title: 'Checkout',
closable: true,
width: 400,
height: 200,
bodyStyle: 'padding:5px;',
html: store_info.data.product_message,
buttons: [{
text: 'Continue Shopping',
handler: function(){
win.close();
}
}, {
text: 'Checkout',
handler: function(){
document.location = "/checkout/view_cart";
}
}]
});
win.show();
}
else {
var i = v / 3;
Ext.MessageBox.updateProgress(i, Math.round(100 * i) + '% completed');
}
};
};
for (var i = 1; i < 5; i++) {
setTimeout(f(i), i * 500);
}
}
}
});
}
/* ------------------------------- */
// -- Add Pre Order Information
/* if(preorder_flag == 1) {
var add_button = new Ext.Button({
text : 'Pre-order Now',
iconCls : 'icon_shopping_cart',
width : 100,
handler : function() {
var cb_value = Ext.getCmp('quantity_cb').getValue();
Ext.Ajax.request({
url : '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success : function() {
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title : 'Please wait',
msg : 'Adding item(s) to cart...',
progressText : 'Initializing...',
width : 250,
progress: true,
closable: false
});
var f = function(v) {
return function() {
if(v == 4){
Ext.MessageBox.hide();
var win = new Ext.Window({
title : 'Checkout',
closable: true,
width : 400,
height : 200,
bodyStyle : 'padding:5px;',
html : store_info.data.product_message,
buttons : [{
text : 'Continue Shopping',
handler : function() {
win.close();
}
},{
text : 'Checkout',
handler : function() {
document.location = "/checkout/view_cart";
}
}]
});
win.show();
} else {
var i = v/3;
Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
}
};
};
for(var i=1;i<5;i++) {
setTimeout(f(i), i*500);
}
}
});
} else {
var add_button = new Ext.Button({
text : 'Add to Cart',
iconCls : 'icon_shopping_cart',
width : 90,
handler : function() {
var cb_value = Ext.getCmp('quantity_cb').getValue();
Ext.Ajax.request({
url : '/products/add_product_to_cart',
params : {product_id: store_info.data.product_id, quantity: cb_value},
success : function() {
// -- Update top of page cart total
update_top_info_cart_items();
}
});
Ext.MessageBox.show({
title : 'Please wait',
msg : 'Adding item(s) to cart...',
progressText : 'Initializing...',
width : 250,
progress: true,
closable: false
});
var f = function(v) {
return function() {
if(v == 4){
Ext.MessageBox.hide();
var win = new Ext.Window({
title : 'Checkout',
closable: true,
width : 400,
height : 200,
bodyStyle : 'padding:5px;',
html : 'Please either continue shopping or proceed to checkout to complete your order, thank you!',
buttons : [{
text : 'Continue Shopping',
handler : function() {
win.close();
}
},{
text : 'Checkout',
handler : function() {
document.location = "/checkout/view_cart";
}
}]
});
win.show();
} else {
var i = v/3;
Ext.MessageBox.updateProgress(i, Math.round(100*i)+'% completed');
}
};
};
for(var i=1;i<5;i++) {
setTimeout(f(i), i*500);
}
}
});
}
*/
/* ------------------------ */
var qty_add_form_panel = new Ext.FormPanel({
width : 215,
autoHeight : true,
labelWidth : 25,
frame : false,
border : false,
bodyStyle : 'background:transparent;',
renderTo : el,
items : [{
layout : 'column',
border : false,
bodyStyle : 'background:transparent;',
items : [{
columnWidth : .48,
layout : 'form',
frame : false,
border : false,
bodyStyle : 'background:transparent;',
items : [{
xtype : 'combo',
id : 'quantity_cb',
width : 60,
name : 'quantity',
fieldLabel : 'Qty',
hiddenName : 'quantity',
store : new Ext.data.SimpleStore({
fields : ['qty', 'qty_name'],
data : [['1', '1'],['2','2'],['3','3'],['4','4'],['5','5'],['6','6'],['7','7'],['8','8'],['9','9'],['10','10']]
}),
mode : 'local',
valueField : 'qty',
displayField : 'qty_name',
//emptyText : 'Qty...',
typeAhead : true,
selectOnFocus : true,
forceSelection : true,
triggerAction : 'all',
value : '1',
readOnly : true,
allowBlank : false
}]
},{
columnWidth : .52,
frame : false,
border : false,
bodyStyle : 'background:transparent;',
items : [add_button]
}]
}]
});
});
}
})
});
var product_reviews_store = new Ext.data.Store({
storeId : 'product_reviews_store',
autoLoad : true,
remoteSort : true,
proxy: new Ext.data.HttpProxy({
url : '/products/get_product_reviews',
method : 'POST'
}),
baseParams : {
product_id : product_id
},
reader: new Ext.data.JsonReader({
id : 'review_id',
root : 'results',
successProperty : 'success'
}, new Ext.data.Record.create([
{name: 'review_id', type: 'int'},
{name: 'first_name', type: 'string'},
{name: 'last_name', type: 'string'},
{name: 'star_rating'},
{name: 'ownership_period', type: 'int'},
{name: 'recommend_product', type: 'int'},
{name: 'pros_comments', type: 'string'},
{name: 'cons_comments', type: 'string'},
{name: 'other_comments', type: 'string'},
{name: 'posted_on', type: 'date', dateFormat: 'Y-m-d H:i:s'}
])
)
});
var review_tpl = new Ext.XTemplate(
'{first_name} {last_name}  | ',
' Posted on {[fm.date(values.posted_on, "n/j/Y g:ia T")]} | ', '
Ownership Period: {ownership_period:this.formatOwnership} | ',
' Recommend Product: {[values.recommend_product === 1 ? "Yes" : "No"]} | ',
'
')
}
}).fadeIn({duration: 1.5});
},
interval: 10000 // -- 10 seconds
}
Ext.TaskMgr.start(task);
});
ImageViewer = Ext.extend(Ext.Window, {
initComponent: function() {
this.bodyCfg = {
tag: 'img',
src: this.src
};
ImageViewer.superclass.initComponent.apply(this, arguments);
},
onRender: function() {
ImageViewer.superclass.onRender.apply(this, arguments);
this.body.on('load', this.onImageLoad, this, {single: true});
},
onImageLoad: function() {
var h = this.getFrameHeight(),
w = this.getFrameWidth();
this.setSize(this.body.dom.offsetWidth + w, this.body.dom.offsetHeight + h);
if (Ext.isIE) {
this.center();
}
},
setSrc: function(src) {
this.body.on('load', this.onImageLoad, this, {single: true});
this.body.dom.style.width = this.body.dom.style.width = 'auto';
this.body.dom.src = src;
},
initEvents: function() {
ImageViewer.superclass.initEvents.apply(this, arguments);
if (this.resizer) {
this.resizer.preserveRatio = true;
}
}
});