/*
Aduro ideja d.o.o.
2009
*/
Ext.BLANK_IMAGE_URL = 'extjs/resources/images/default/s.gif';
Ext.MessageBox.buttonText.yes = "DA";
Ext.MessageBox.buttonText.ok = "U REDU";
Ext.MessageBox.buttonText.no = "NE";
Ext.MessageBox.buttonText.cancel = "OTKAŽI";
var ds = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({url: 'racunaj_potrosnju_novo.php'}),
id: 'reze',
reader: new Ext.data.JsonReader({
root: 'rows',
totalProperty: 'results'
},[
{name: 'TARIFF_NAME', mapping: 'TARIFF_NAME'},
{name: 'CONTRACT', mapping: 'CONTRACT'},
{name: 'MONTH', mapping: 'MONTH', renderer: 'Money'},
{name: 'YEAR', mapping: 'YEAR', renderer: 'Money'},
{name: 'REMARK', mapping: 'REMARK'},
{name: 'TELE2', mapping: 'TELE2'},
{name: 'TMOB', mapping: 'TMOB'},
{name: 'VIP', mapping: 'VIP'},
{name: 'FIKS', mapping: 'FIKS'},
{name: 'SMS', mapping: 'SMS'},
{name: 'MMS', mapping: 'MMS'},
{name: 'CALL', mapping: 'CALL'},
{name: 'PEAK', mapping: 'PEAK'},
{name: 'OPERATOR', mapping: 'OPERATOR'}
]),
listeners: {
load: function(){
//Ext.getCmp('detalji_panel').activate(2);
var record1 = ds.getAt(0);
var t1 = record1.get('TARIFF_NAME');
var m1 = record1.get('MONTH');
var o1 = record1.get('OPERATOR');
var record2 = ds.getAt(1);
var t2 = record2.get('TARIFF_NAME');
var m2 = record2.get('MONTH');
var o2 = record2.get('OPERATOR');
var record3 = ds.getAt(2);
var t3 = record3.get('TARIFF_NAME');
var m3 = record3.get('MONTH');
var o3 = record3.get('OPERATOR');
var record4 = ds.getAt(3);
var t4 = record4.get('TARIFF_NAME');
var m4 = record4.get('MONTH');
var o4 = record4.get('OPERATOR');
var svi = ds.getCount();
var t5 = document.getElementById('tariff1').value + ' ';
var o5 = document.getElementById('operator1').value;
var i = 0;
while(recordi = ds.getAt(i))
{
if(recordi.get('TARIFF_NAME') == t5)
{
var m5 = recordi.get('MONTH');
}
i++;
}
Ext.get('profil').load({
url: 'profil_design.php',
scripts: true,
params: {
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid2').checked,
prepaid: document.getElementById('prepaid2').checked,
postpre: document.getElementById('postpre2').checked,
slide6: record1.get('TELE2'),
slide7: record1.get('SMS'),
slide8: record1.get('MMS'),
slide9: record1.get('CALL'),
slide10: record1.get('PEAK'),
slide11: record1.get('TMOB'),
slide12: record1.get('VIP'),
slide13: record1.get('FIKS')
},
text: 'Učitavam profil...'
});
Ext.get('mjesec').load({
url: 'mjesec_new.php',
scripts: true,
params: {
t1: t1,
m1: m1,
o1: o1,
t2: t2,
m2: m2,
o2: o2,
t3: t3,
m3: m3,
o3: o3,
t4: t4,
m4: m4,
o4: o4,
t5: t5,
m5: m5,
o5: o5
},
text: 'Učitavam mjesečnu uštedu...'
});
Ext.get('godina').load({
url: 'godina_new.php',
scripts: true,
params: {
t1: t1,
m1: record1.get('YEAR'),
o1: o1,
t2: t2,
m2: record2.get('YEAR'),
o2: o2,
t3: t3,
m3: record3.get('YEAR'),
o3: o3,
t4: t4,
m4: record4.get('YEAR'),
o4: o4,
t5: t5,
m5: (m5 * 12),
o5: o5
},
text: 'Učitavam godišnju uštedu...'
});
document.title = ((m5 * 12)-record1.get('YEAR'))+" KN! Kolika je tvoja usteda?";
if(record1.get('CALL') <= 200)
{
var ccall = Math.round(record1.get('CALL') / 50);
}
else
{
var ccall = Math.round(4 + (record1.get('CALL')-200) * 16 / 91);
}
if(ccall < 0) ccall = 0;
if(ccall == 0) ccall = 1;
if(record1.get('MMS') <= 200)
{
var cmms = Math.round(record1.get('MMS') / 2);
}
else
{
var cmms = Math.round(100 + (record1.get('MMS')-200) * 20 / 9);
}
if(cmms < 0) cmms = 0;
if(record1.get('SMS') <= 200)
{
var csms = record1.get('SMS');
}
else
{
var csms = Math.round(200 + (record1.get('SMS')-200) * 80 / 9);
}
if(csms < 0) csms = 0;
if(record1.get('FIKS') <= 200)
{
var cfiks = record1.get('FIKS');
}
else
{
var cfiks = Math.round(200 + (record1.get('FIKS')-200) * 80 / 9);
}
if(cfiks < 0) cfiks = 0;
if(record1.get('VIP') <= 200)
{
var cvip = record1.get('VIP');
}
else
{
var cvip = Math.round(200 + (record1.get('VIP')-200) * 80 / 9);
}
if(cvip < 0) cvip = 0;
if(record1.get('TMOB') <= 200)
{
var ctmob = record1.get('TMOB');
}
else
{
var ctmob = Math.round(200 + (record1.get('TMOB')-200) * 80 / 9);
}
if(ctmob < 0) ctmob = 0;
if(record1.get('TELE2') <= 200)
{
var ctele2 = record1.get('TELE2');
}
else
{
var ctele2 = Math.round(200 + (record1.get('TELE2')-200) * 80 / 9);
}
if(ctele2 < 0) ctele2 = 0;
var uukupno = ctele2*1 + ctmob*1 + cvip*1 + cfiks*1;
if(uukupno > 0)
{
var pposto1 = Math.round(100 * (ctele2*1) / uukupno);
var pposto3 = Math.round(100 * (ctmob*1) / uukupno);
var pposto4 = Math.round(100 * (cvip*1) / uukupno);
var pposto5 = Math.round(100 * (cfiks*1) / uukupno);
}
else
{
var pposto1 = 0;
var pposto3 = 0;
var pposto4 = 0;
var pposto5 = 0;
}
document.getElementById('bslide6').value = record1.get('TELE2');
document.getElementById('show-bslide6').innerHTML = '' + ctele2 + ' (' + pposto1 + '%)';
document.getElementById('bslide11').value = record1.get('TMOB');
document.getElementById('show-bslide11').innerHTML = '' + ctmob + ' (' + pposto3 + '%)';
document.getElementById('bslide12').value = record1.get('VIP');
document.getElementById('show-bslide12').innerHTML = '' + cvip + ' (' + pposto4 + '%)';
document.getElementById('bslide13').value = record1.get('FIKS');
document.getElementById('show-bslide13').innerHTML = '' + cfiks + ' (' + pposto5 + '%)';
document.getElementById('bslide1').value = record1.get('TELE2');
document.getElementById('show-bslide1').innerHTML = '' + ctele2 + ' (' + pposto1 + '%)';
document.getElementById('bslide3').value = record1.get('TMOB');
document.getElementById('show-bslide3').innerHTML = '' + ctmob + ' (' + pposto3 + '%)';
document.getElementById('bslide4').value = record1.get('VIP');
document.getElementById('show-bslide4').innerHTML = '' + cvip + ' (' + pposto4 + '%)';
document.getElementById('bslide5').value = record1.get('FIKS');
document.getElementById('show-bslide5').innerHTML = '' + cfiks + ' (' + pposto5 + '%)';
document.getElementById('bslide2').value = record1.get('SMS');
document.getElementById('show-bslide2').innerHTML = '' + csms + '';
document.getElementById('bslide7').value = record1.get('SMS');
document.getElementById('show-bslide7').innerHTML = '' + csms + '';
document.getElementById('bslide8').value = record1.get('MMS');
document.getElementById('show-bslide8').innerHTML = '' + cmms + '';
document.getElementById('bslide9').value = record1.get('CALL');
document.getElementById('show-bslide9').innerHTML = '' + ccall + '';
document.getElementById('bslide10').value = record1.get('PEAK');
document.getElementById('show-bslide10').innerHTML = '' + record1.get('PEAK') + ' %';
var sl6 = new getObj('x-slider6-img');
var sl1 = new getObj('x-slider1-img');
sl6.style.left = record1.get('TELE2') + 'px';
sl1.style.left = record1.get('TELE2') + 'px';
var sl3 = new getObj('x-slider3-img');
var sl11 = new getObj('x-slider11-img');
sl11.style.left = record1.get('TMOB') + 'px';
sl3.style.left = record1.get('TMOB') + 'px';
var sl4 = new getObj('x-slider4-img');
var sl12 = new getObj('x-slider12-img');
sl12.style.left = record1.get('VIP') + 'px';
sl4.style.left = record1.get('VIP') + 'px';
var sl5 = new getObj('x-slider5-img');
var sl13 = new getObj('x-slider13-img');
sl5.style.left = record1.get('FIKS') + 'px';
sl13.style.left = record1.get('FIKS') + 'px';
var sl2 = new getObj('x-slider2-img');
var sl7 = new getObj('x-slider7-img');
sl2.style.left = record1.get('SMS') + 'px';
sl7.style.left = record1.get('SMS') + 'px';
var sl8 = new getObj('x-slider8-img');
sl8.style.left = record1.get('MMS') + 'px';
var sl9 = new getObj('x-slider9-img');
sl9.style.left = record1.get('CALL') + 'px';
var sl10 = new getObj('x-slider10-img');
var sslide_10 = Math.round(record1.get('PEAK')*2)-2;
sl10.style.left = sslide_10 + 'px';
}
}
});
ds.setDefaultSort('YEAR', 'asc', 'TARIFF_NAME', 'asc');
/*
* -----------------------------------------------------------------------------
* SLIDER 1
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider1-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider1-thumb', id:'x-slider1-img'}, true);
this.sthumb.addClassOnOver('x-slider1-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider1-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s1 = pomoc1;
}
else
{
var s1 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide3').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd4 = document.getElementById('bslide4').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd5 = document.getElementById('bslide5').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * (s1 / ukupno));
var posto3 = Math.round(100 * (s3 / ukupno));
var posto4 = Math.round(100 * (s4 / ukupno));
var posto5 = Math.round(100 * (s5 / ukupno));
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide6').value = document.getElementById('bslide1').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider1-img');
var y = new getObj('x-slider6-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield1', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 2
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider2-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider2-thumb', id:'x-slider2-img'}, true);
this.sthumb.addClassOnOver('x-slider2-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider2-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var pomoc2 = pomoc1;
}
else
{
var pomoc2 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(pomoc2 < 0)
{
pomoc2 = 0;
}
/* CHANGE THE VALUE IN THE LABEL !!! */
/*
document.getElementById('x-form-label-bslide2').innerHTML = 'IZLAZNE SMS PORUKE:' + pomoc2 + '
';
*/
document.getElementById('show-bslide2').innerHTML = '' + pomoc2 + '';
document.getElementById('bslide7').value = pomoc2;
document.getElementById('show-bslide7').innerHTML = '' + pomoc2 + '';
var x = new getObj('x-slider2-img');
var y = new getObj('x-slider7-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield2', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 3
* -----------------------------------------------------------------------------
*/
function getObj(name)
{
if (document.getElementById)
{
this.obj = document.getElementById(name);
this.style = document.getElementById(name).style;
}
else if (document.all)
{
this.obj = document.all[name];
this.style = document.all[name].style;
}
else if (document.layers)
{
this.obj = document.layers[name];
this.style = document.layers[name];
}
}
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider3-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider3-thumb', id:'x-slider3-img'}, true);
this.sthumb.addClassOnOver('x-slider3-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider3-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s3 = pomoc1;
}
else
{
var s3 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd1 = document.getElementById('bslide1').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd4 = document.getElementById('bslide4').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd5 = document.getElementById('bslide5').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * (s1 / ukupno));
var posto3 = Math.round(100 * (s3 / ukupno));
var posto4 = Math.round(100 * (s4 / ukupno));
var posto5 = Math.round(100 * (s5 / ukupno));
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide11').value = document.getElementById('bslide3').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider3-img');
var y = new getObj('x-slider11-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield3', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 4
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider4-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider4-thumb', id:'x-slider4-img'}, true);
this.sthumb.addClassOnOver('x-slider4-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider4-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s4 = pomoc1;
}
else
{
var s4 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd1 = document.getElementById('bslide1').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide3').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd5 = document.getElementById('bslide5').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * (s1 / ukupno));
var posto3 = Math.round(100 * (s3 / ukupno));
var posto4 = Math.round(100 * (s4 / ukupno));
var posto5 = Math.round(100 * (s5 / ukupno));
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide12').value = document.getElementById('bslide4').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider4-img');
var y = new getObj('x-slider12-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield4', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 5
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider5-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider5-thumb', id:'x-slider5-img'}, true);
this.sthumb.addClassOnOver('x-slider5-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider5-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s5 = pomoc1;
}
else
{
var s5 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var slajd1 = document.getElementById('bslide1').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide3').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd4 = document.getElementById('bslide4').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * s1 / ukupno);
var posto3 = Math.round(100 * s3 / ukupno);
var posto4 = Math.round(100 * s4 / ukupno);
var posto5 = Math.round(100 * s5 / ukupno);
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide13').value = document.getElementById('bslide5').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider5-img');
var y = new getObj('x-slider13-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield5', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 6
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider6-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider6-thumb', id:'x-slider6-img'}, true);
this.sthumb.addClassOnOver('x-slider6-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider6-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s1 = pomoc1;
}
else
{
var s1 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide11').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd4 = document.getElementById('bslide12').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd5 = document.getElementById('bslide13').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * s1 / ukupno);
var posto3 = Math.round(100 * s3 / ukupno);
var posto4 = Math.round(100 * s4 / ukupno);
var posto5 = Math.round(100 * s5 / ukupno);
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide1').value = document.getElementById('bslide6').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider6-img');
var y = new getObj('x-slider1-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield6', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 7
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider7-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider7-thumb', id:'x-slider7-img'}, true);
this.sthumb.addClassOnOver('x-slider7-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider7-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var pomoc2 = pomoc1;
}
else
{
var pomoc2 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(pomoc2 < 0)
{
pomoc2 = 0;
}
/* CHANGE THE VALUE IN THE LABEL !!! */
/*
document.getElementById('x-form-label-bslide2').innerHTML = 'IZLAZNE SMS PORUKE:' + pomoc2 + '
';
*/
document.getElementById('show-bslide7').innerHTML = '' + pomoc2 + '';
document.getElementById('bslide2').value = pomoc2;
document.getElementById('show-bslide2').innerHTML = '' + pomoc2 + '';
var x = new getObj('x-slider7-img');
var y = new getObj('x-slider2-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield7', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 8
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider8-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider8-thumb', id:'x-slider8-img'}, true);
this.sthumb.addClassOnOver('x-slider8-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider8-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var pomoc2 = Math.round(pomoc1 / 2);
}
else
{
var pomoc2 = Math.round(100 + (pomoc1-200) * 20 / 9);
}
if(pomoc2 < 0)
{
pomoc2 = 0;
}
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide8').innerHTML = '' + pomoc2 + '';
}
});
Ext.reg('sliderfield8', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 9
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden', size: '0', style: 'width:10px;'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider9-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider9-thumb', id:'x-slider9-img'}, true);
this.sthumb.addClassOnOver('x-slider9-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider9-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(min + (max - min) * pixelPos / this.slider.pixelMax);
if(pomoc1 <= 200)
{
var pomoc2 = Math.round(pomoc1 / 50);
}
else
{
var pomoc2 = Math.round(4 + (pomoc1-200) * 16 / 91);
}
if(pomoc2 < 0)
{
pomoc2 = 0;
}
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide9').innerHTML = '' + pomoc2 + '';
}
});
Ext.reg('sliderfield9', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 10
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider10-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider10-thumb', id:'x-slider10-img'}, true);
this.sthumb.addClassOnOver('x-slider10-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider10-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
var pomoc2 = pomoc1;
if(pomoc2 < 0)
{
pomoc2 = 0;
}
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide10').innerHTML = '' + pomoc2 + ' %';
}
});
Ext.reg('sliderfield10', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 11
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider11-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider11-thumb', id:'x-slider11-img'}, true);
this.sthumb.addClassOnOver('x-slider11-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider11-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s3 = pomoc1;
}
else
{
var s3 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd1 = document.getElementById('bslide6').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd4 = document.getElementById('bslide12').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd5 = document.getElementById('bslide13').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * s1 / ukupno);
var posto3 = Math.round(100 * s3 / ukupno);
var posto4 = Math.round(100 * s4 / ukupno);
var posto5 = Math.round(100 * s5 / ukupno);
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide4').value = document.getElementById('bslide11').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x = new getObj('x-slider11-img');
var y = new getObj('x-slider3-img');
y.style.left = x.style.left;
}
});
Ext.reg('sliderfield11', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 12
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider12-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider12-thumb', id:'x-slider12-img'}, true);
this.sthumb.addClassOnOver('x-slider12-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider12-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s4 = pomoc1;
}
else
{
var s4 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var slajd1 = document.getElementById('bslide1').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide11').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd5 = document.getElementById('bslide13').value;
if(slajd5 <= 200)
{
var s5 = slajd5;
}
else
{
var s5 = Math.round(200 + (slajd5-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * s1 / ukupno);
var posto3 = Math.round(100 * s3 / ukupno);
var posto4 = Math.round(100 * s4 / ukupno);
var posto5 = Math.round(100 * s5 / ukupno);
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide4').value = document.getElementById('bslide12').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x3 = new getObj('x-slider12-img');
var y3 = new getObj('x-slider4-img');
y3.style.left = x3.style.left;
}
});
Ext.reg('sliderfield12', Ext.form.SliderField);
/*
* -----------------------------------------------------------------------------
* SLIDER 13
* -----------------------------------------------------------------------------
*/
Ext.form.SliderField = Ext.extend(Ext.form.Field, {
defaultAutoCreate : {tag:'input', type:'hidden'},
// private
initComponent : function() {
Ext.form.SliderField.superclass.initComponent.call(this);
this.minValue = this.minValue || 0;
this.maxValue = this.maxValue || 1;
},
// private
onRender: function(ct, position) {
Ext.form.SliderField.superclass.onRender.call(this, ct, position);
this.setValue(this.getValue() || this.minValue);
this.sbar = Ext.DomHelper.insertFirst(ct, {tag:'div', cls:'x-slider13-hbar'}, true);
this.sthumb = Ext.DomHelper.append(ct, {tag:'img', src:Ext.BLANK_IMAGE_URL, cls:'x-slider13-thumb', id:'x-slider13-img'}, true);
this.sthumb.addClassOnOver('x-slider13-thumb-over');
},
// private
afterRender: function() {
Ext.form.SliderField.superclass.afterRender.call(this);
this.sbar.setWidth(parseInt(this.el.dom.style.width, 10));
this.dd = new Ext.dd.DD(this.sthumb.id, 'slider13-' + this.sthumb.id, {});
this.dd.slider = this;
this.dd.onDrag = this.onDrag;
this.dd.startDrag = this.startDrag;
},
startDrag: function(x, y) {
var slider = this.slider;
var bb = slider.sbar.getBox();
var tb = slider.sthumb.getBox();
this.resetConstraints();
this.setYConstraint(0, 0);
this.setXConstraint(tb.x - bb.x + 1, bb.x + bb.width - tb.x - tb.width - 1);
slider.pixelMax = bb.width - tb.width;
// debugger;
},
onDrag: function(e) {
var min = this.slider.minValue;
var max = this.slider.maxValue;
var pixelPos = parseInt(this.getEl().style.left,10);
var pomoc1 = Math.round(min + (max - min) * pixelPos / this.slider.pixelMax);
this.slider.setValue(pomoc1);
if(pomoc1 <= 200)
{
var s5 = pomoc1;
}
else
{
var s5 = Math.round(200 + (pomoc1-200) * 80 / 9);
}
if(s5 < 0)
{
s5 = 0;
}
var slajd1 = document.getElementById('bslide6').value;
if(slajd1 <= 200)
{
var s1 = Math.round(slajd1);
}
else
{
var s1 = Math.round(200 + (slajd1-200) * 80 / 9);
}
if(s1 < 0)
{
s1 = 0;
}
var slajd3 = document.getElementById('bslide11').value;
if(slajd3 <= 200)
{
var s3 = slajd3;
}
else
{
var s3 = Math.round(200 + (slajd3-200) * 80 / 9);
}
if(s3 < 0)
{
s3 = 0;
}
var slajd4 = document.getElementById('bslide12').value;
if(slajd4 <= 200)
{
var s4 = slajd4;
}
else
{
var s4 = Math.round(200 + (slajd4-200) * 80 / 9);
}
if(s4 < 0)
{
s4 = 0;
}
var ukupno = s1*1 + s3*1 + s4*1 + s5*1;
if(ukupno > 0)
{
var posto1 = Math.round(100 * s1 / ukupno);
var posto3 = Math.round(100 * s3 / ukupno);
var posto4 = Math.round(100 * s4 / ukupno);
var posto5 = Math.round(100 * s5 / ukupno);
}
else
{
var posto1 = 0;
var posto3 = 0;
var posto4 = 0;
var posto5 = 0;
}
document.getElementById('bslide5').value = document.getElementById('bslide13').value;
/* CHANGE THE VALUE IN THE LABEL !!! */
document.getElementById('show-bslide1').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide3').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide4').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide5').innerHTML = '' + s5 + ' (' + posto5 + '%)';
document.getElementById('show-bslide6').innerHTML = '' + s1 + ' (' + posto1 + '%)';
document.getElementById('show-bslide11').innerHTML = '' + s3 + ' (' + posto3 + '%)';
document.getElementById('show-bslide12').innerHTML = '' + s4 + ' (' + posto4 + '%)';
document.getElementById('show-bslide13').innerHTML = '' + s5 + ' (' + posto5 + '%)';
var x3 = new getObj('x-slider13-img');
var y3 = new getObj('x-slider5-img');
y3.style.left = x3.style.left;
}
});
Ext.reg('sliderfield13', Ext.form.SliderField);
// end of file
var operators_data = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'get_operators_novo.php'
}),
reader: new Ext.data.JsonReader({
root: "rows",
id: 'OPERATOR_ID'
},['OPERATOR_ID','OPERATOR_NAME']),
remoteSort: false
});
operators_data.load({params:{tarifizza: 'false'}});
var tariffs_data = new Ext.data.Store({
proxy: new Ext.data.HttpProxy({
url: 'get_tariffs_novo.php'
}),
reader: new Ext.data.JsonReader({
root: "rows",
id: 'TARIFF_ID'
},['TARIFF_ID','TARIFF_NAME']),
remoteSort: false
});
tariffs_data.load({params:{OPERATOR_ID: '1'}});
var expander = new Ext.grid.RowExpander({
tpl : new Ext.Template(
'Napomena:
{REMARK}
'
)
});
var cm = new Ext.grid.ColumnModel([
expander,
{
header: 'TARIFA',
dataIndex: 'TARIFF_NAME',
sortable: true,
width: 300
},
{
header: 'PREPAID (NA BONOVE) / POSTPAID',
dataIndex: 'CONTRACT',
sortable: true,
width: 172
},
{
header: 'MJESEČNA POTROŠNJA',
dataIndex: 'MONTH',
sortable: true,
renderer: Ext.util.Format.usMoney,
width: 128
},
{
header: 'GODIŠNJA POTROŠNJA',
dataIndex: 'YEAR',
renderer: Ext.util.Format.usMoney,
sortable: true,
width: 126
}
]);
var tab1_tijelo=new Ext.Panel(
{
id:'tab1_tijelo'
,name:'tab1_tijelo'
,layout:'border'
,frame:false
,border:false
,height:500
,width:260
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:500
,width:260
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
new Ext.FormPanel({
name: 'form00',
method: 'POST',
labelWidth: 'auto',
labelAlign: 'top',
bodyBorder: false,
bodyStyle: 'padding:0px 0px 0px 0px; color:#000000;background:transparent;',
buttonAlign:'center',
width: 260,
frame: false,
items: [
{
xtype: 'checkbox',
id: 'tarifizza',
name: 'tarifizza',
fieldLabel: 'Započni odabirom navedenih podataka
',
boxLabel: 'Uključi Tarificu i Tomato',
value: 1,
checked: false,
labelSeparator: '',
listeners: {
check:
{
fn:function(checkbox, value)
{
Ext.getCmp('operator1').clearValue();
operators_data.load({params:
{
tarifizza: Ext.getCmp('tarifizza').getValue()
}
});
}
}
}
}
,
{
xtype: 'combo',
id: 'operator1',
name: 'operator1',
fieldLabel: '
Tvoj trenutni operator',
width: 255,
listWidth: 255,
selectOnFocus: true,
emptyText: 'Odaberite operatora',
triggerAction: 'all',
displayField : 'OPERATOR_NAME',
valueField: 'OPERATOR_ID',
mode: 'remote',
editable: false,
lazyInit: false,
lastQuery: '',
loadingText: 'Učitavam operatore',
store: operators_data,
listeners:
{
change:
{
fn:function(combo, value)
{
Ext.getCmp('tariff1').clearValue();
tariffs_data.load({params:
{
OPERATOR_ID: this.value,
postpaid: Ext.getCmp('postpaid').getValue(),
prepaid: Ext.getCmp('prepaid').getValue(),
tarifizza: Ext.getCmp('tarifizza').getValue()
}});
}
}
}
}
,
{
xtype: 'radio',
id: 'prepaid',
name: 'contract',
fieldLabel: '
Odaberi što koristiš:',
boxLabel: 'Prepaid (na bonove)',
value: 2,
labelSeparator: '',
listeners:
{
check:
{
fn:function(radio, value)
{
if(this.checked)
{
document.getElementById('postpaid2').checked = '';
document.getElementById('prepaid2').checked = 'checked';
document.getElementById('postpre2').checked = '';
Ext.getCmp('tarifizza').enable();
Ext.getCmp('tariff1').clearValue();
tariffs_data.load({params:
{
OPERATOR_ID: Ext.getCmp('operator1').value,
postpaid: Ext.getCmp('postpaid').getValue(),
prepaid: this.getValue(),
tarifizza: Ext.getCmp('tarifizza').getValue()
}});
}
}
}
}
}
,
{
xtype: 'radio',
id: 'postpaid',
name: 'contract',
boxLabel: 'Pretplata',
value: 1,
labelSeparator: '',
listeners:
{
check:
{
fn:function(radio, value)
{
if(this.checked)
{
document.getElementById('postpaid2').checked = 'checked';
document.getElementById('prepaid2').checked = '';
document.getElementById('postpre2').checked = '';
Ext.getCmp('tarifizza').disable();
Ext.getCmp('tariff1').clearValue();
tariffs_data.load({params:
{
OPERATOR_ID: Ext.getCmp('operator1').value,
postpaid: this.getValue(),
prepaid: Ext.getCmp('prepaid').getValue(),
tarifizza: Ext.getCmp('tarifizza').getValue()
}});
}
}
}
}
}
,
{
xtype: 'combo',
id: 'tariff1',
name: 'tariff1',
fieldLabel: '
Tvoj trenutna tarifa',
width: 255,
listWidth: 255,
selectOnFocus: true,
emptyText: 'Prvo odaberite operatora',
triggerAction: 'all',
displayField : 'TARIFF_NAME',
valueField: 'TARIFF_ID',
mode: 'remote',
loadingText: 'Učitavam tarife',
editable: false,
lazyInit: false,
lastQuery: '',
store: tariffs_data
}
,
{
xtype: 'numberfield',
fieldLabel: '
Tvoja mjesečna potrošnja',
name: 'monthly1',
id: 'monthly1',
width: 255,
selectOnFocus: true,
emptyText: 'Unesite iznos'
}
],
buttons: [{
text: 'IZRAČUNAJ',
name:'robivolimartinu',
id:'robivolimartinu',
handler :function()
{
if(document.getElementById('operator1').value != 'Odaberite operatora' &&
document.getElementById('tariff1').value != 'Prvo odaberite operatora' &&
document.getElementById('monthly1').value != 'Unesite iznos')
{
Ext.getCmp('tab2_tijelo').enable();
Ext.getCmp('tab3_tijelo').enable();
/*Ext.getCmp('info').show();
Ext.getCmp('detalji').show();
Ext.getCmp('disclaimer').show();
Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();*/
ds.load({params:
{
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid').checked,
prepaid: document.getElementById('prepaid').checked,
postpre: 'false',
slide6: document.getElementById('bslide6').value,
slide7: document.getElementById('bslide7').value,
slide8: document.getElementById('bslide8').value,
slide9: document.getElementById('bslide9').value,
slide10: document.getElementById('bslide10').value,
slide11: document.getElementById('bslide11').value,
slide12: document.getElementById('bslide12').value,
slide13: document.getElementById('bslide13').value,
monthly: document.getElementById('monthly1').value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 1
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu uneseni', '
');
}
}
}]
})
]
}]
});
var tab2_tijelo=new Ext.Panel(
{
id:'tab2_tijelo'
,name:'tab2_tijelo'
,layout:'border'
,frame:false
,border:false
,height:450
,width:291
,disabled:true
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:450
,width:291
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
new Ext.FormPanel({
name: 'form01',
url: 'insert_2.php',
method: 'POST',
labelWidth: 'auto',
labelAlign: 'top',
bodyBorder: false,
bodyStyle: 'padding:10px 0px 0px 0px; color:#000000;background: transparent;',
width: 291,
buttonAlign:'center',
frame: false,
items: [
{
xtype: 'sliderfield1',
name: 'bslide1',
id: 'bslide1',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size:9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: ' KOLIKO MJESEČNO KORISTITE MOBITEL?
MINUTE PREMA TELE2:0 (0%)
',
width: 291,
value: 100
}
,
{
xtype: 'sliderfield3',
name: 'bslide3',
id: 'bslide3',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA T-MOBILE-u:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield4',
name: 'bslide4',
id: 'bslide4',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA VIP-u:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield5',
name: 'bslide5',
id: 'bslide5',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA FIKSNIM MREŽAMA:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield2',
name: 'bslide2',
id: 'bslide2',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'IZLAZNE SMS PORUKE:0
',
width: 291
}
],
buttons: [{
text: 'IZRAČUNAJ',
handler :function()
{
if(document.getElementById('operator1').value != 'Odaberite operatora' &&
document.getElementById('tariff1').value != 'Prvo odaberite operatora' &&
document.getElementById('monthly1').value != 'Unesite iznos')
{
Ext.getCmp('tab2_tijelo').enable();
Ext.getCmp('tab3_tijelo').enable();
/*Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();*/
ds.load({params:
{
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid2').checked,
prepaid: document.getElementById('prepaid2').checked,
postpre: document.getElementById('postpre2').checked,
slide6: document.getElementById('bslide6').value,
slide7: document.getElementById('bslide7').value,
slide8: document.getElementById('bslide8').value,
slide9: document.getElementById('bslide9').value,
slide10: document.getElementById('bslide10').value,
slide11: document.getElementById('bslide11').value,
slide12: document.getElementById('bslide12').value,
slide13: document.getElementById('bslide13').value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 2
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu unešeni', '');
}
}
}]
})
]
}]
});
var tab3_tijelo=new Ext.Panel(
{
id:'tab3_tijelo'
,name:'tab3_tijelo'
,layout:'border'
,frame:false
,border:false
,height:650
,width:291
,disabled:true
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:650
,width:291
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
new Ext.FormPanel({
name: 'form02',
url: 'insert_3.php',
method: 'POST',
labelWidth: 'auto',
labelAlign: 'top',
bodyBorder: false,
bodyStyle: 'padding:10px 0px 0px 0px; color:#000000;background: transparent;',
width: 291,
buttonAlign:'center',
frame: false,
items: [
{
xtype: 'sliderfield6',
name: 'bslide6',
id: 'bslide6',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size:9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA TELE2:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield11',
name: 'bslide11',
id: 'bslide11',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA T-MOBILE-u:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield12',
name: 'bslide12',
id: 'bslide12',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA VIP-u:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield13',
name: 'bslide13',
id: 'bslide13',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'MINUTE PREMA FIKSNIM MREŽAMA:0 (0%)
',
width: 291
}
,
{
xtype: 'sliderfield7',
name: 'bslide7',
id: 'bslide7',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'IZLAZNE SMS PORUKE:0
',
width: 291
}
,
{
xtype: 'sliderfield8',
name: 'bslide8',
id: 'bslide8',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'IZLAZNE MMS PORUKE:0
',
width: 291
}
,
{
xtype: 'sliderfield9',
name: 'bslide9',
id: 'bslide9',
minValue: 0,
maxValue: 291,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: 'PROSJEČNA DULJINA RAZGOVORA:0
',
width: 291
}
,
{
xtype: 'sliderfield10',
name: 'bslide10',
id: 'bslide10',
minValue: 0,
maxValue: 101,
labelSeparator: '',
labelStyle: 'font-size: 9px;padding-bottom:0px;margin-bottom:0px;',
fieldLabel: '% POZIVA IZMEĐU 7 I 19:0 %
',
width: 202
}
],
buttons: [{
text: 'IZRAČUNAJ',
handler :function()
{
if(document.getElementById('operator1').value != 'Odaberite operatora' &&
document.getElementById('tariff1').value != 'Prvo odaberite operatora' &&
document.getElementById('monthly1').value != 'Unesite iznos')
{
Ext.getCmp('tab2_tijelo').enable();
Ext.getCmp('tab3_tijelo').enable();
/*Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();*/
ds.load({params:
{
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid2').checked,
prepaid: document.getElementById('prepaid2').checked,
postpre: document.getElementById('postpre2').checked,
slide6: document.getElementById('bslide6').value,
slide7: document.getElementById('bslide7').value,
slide8: document.getElementById('bslide8').value,
slide9: document.getElementById('bslide9').value,
slide10: document.getElementById('bslide10').value,
slide11: document.getElementById('bslide11').value,
slide12: document.getElementById('bslide12').value,
slide13: document.getElementById('bslide13').value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 2
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu unešeni', '');
}
}
}]
})
]
}]
});
var rezultati_tijelo=new Ext.Panel(
{
id:'rezultati_tijelo'
,name:'rezultati_tijelo'
,layout:'border'
,frame:false
,border:false
,height:270
,width:560
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:270
,width:560
,buttonAlign:'center'
,bodyStyle:'color:#000;background:#f00;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
new Ext.grid.GridPanel({
id:'mirko',
name:'mirko',
frame:false,
border:false,
store: ds,
height:243,
cm: cm,
enableColumnHide: false,
enableColumnMove: false,
enableHdMenu: false,
viewConfig: {
forceFit: true
},
loadMask: {
msg:'
',
//msgCls: '#loading',
removeMask: false,
plugins: expander
},
plugins: expander
})
],
tbar:[
' ',
{
xtype: 'radio',
id: 'postpre2',
name: 'contract2',
boxLabel: 'Pokaži sve',
value: '3',
checked: true,
listeners:
{
check:
{
fn:function(radio, value)
{
if(this.checked)
{
Ext.getCmp('tarifizza').enable();
if(document.getElementById('operator1'))
{
if(Ext.get('operator1').dom.value != 'Odaberite operatora' &&
Ext.get('tariff1').dom.value != 'Prvo odaberite operatora' &&
Ext.get('monthly1').dom.value != 'Unesite iznos')
{
Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();
ds.load({params:
{
operator_id: Ext.get('operator1').dom.value,
postpaid: Ext.get('postpaid2').dom.checked,
prepaid: Ext.get('prepaid2').dom.checked,
postpre: Ext.get('postpre2').dom.checked,
slide6: Ext.get('bslide6').dom.value,
slide7: Ext.get('bslide7').dom.value,
slide8: Ext.get('bslide8').dom.value,
slide9: Ext.get('bslide9').dom.value,
slide10: Ext.get('bslide10').dom.value,
slide11: Ext.get('bslide11').dom.value,
slide12: Ext.get('bslide12').dom.value,
slide13: Ext.get('bslide13').dom.value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 2
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu unešeni', '
');
}
}
}
}
}
}
},
' ',
{
xtype: 'radio',
id: 'postpaid2',
name: 'contract2',
boxLabel: 'Samo pretplate',
value: '2',
listeners:
{
check:
{
fn:function(radio, value)
{
if(this.checked)
{
Ext.getCmp('tarifizza').disable();
if(document.getElementById('operator1').value != 'Odaberite operatora' &&
document.getElementById('tariff1').value != 'Prvo odaberite operatora' &&
document.getElementById('monthly1').value != 'Unesite iznos')
{
Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();
ds.load({params:
{
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid2').checked,
prepaid: document.getElementById('prepaid2').checked,
postpre: document.getElementById('postpre2').checked,
slide6: document.getElementById('bslide6').value,
slide7: document.getElementById('bslide7').value,
slide8: document.getElementById('bslide8').value,
slide9: document.getElementById('bslide9').value,
slide10: document.getElementById('bslide10').value,
slide11: document.getElementById('bslide11').value,
slide12: document.getElementById('bslide12').value,
slide13: document.getElementById('bslide13').value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 2
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu unešeni', '');
}
}
}
}
}
},
' ',
{
xtype: 'radio',
id: 'prepaid2',
name: 'contract2',
boxLabel: 'Samo prepaid (na bonove)',
value: '1',
listeners:
{
check:
{
fn:function(radio, value)
{
if(this.checked)
{
Ext.getCmp('tarifizza').enable();
if(document.getElementById('operator1').value != 'Odaberite operatora' &&
document.getElementById('tariff1').value != 'Prvo odaberite operatora' &&
document.getElementById('monthly1').value != 'Unesite iznos')
{
Ext.getCmp('rezultati').expand(true);
Ext.getCmp('rezultati').setHeight(270);
Ext.getCmp('detalji').expand(true);
Ext.getCmp('info').collapse(true);
Ext.getCmp('basicoptionstab').enable();
Ext.getCmp('advancedoptionstab').enable();
ds.load({params:
{
operator_id: document.getElementById('operator1').value,
postpaid: document.getElementById('postpaid2').checked,
prepaid: document.getElementById('prepaid2').checked,
postpre: document.getElementById('postpre2').checked,
slide6: document.getElementById('bslide6').value,
slide7: document.getElementById('bslide7').value,
slide8: document.getElementById('bslide8').value,
slide9: document.getElementById('bslide9').value,
slide10: document.getElementById('bslide10').value,
slide11: document.getElementById('bslide11').value,
slide12: document.getElementById('bslide12').value,
slide13: document.getElementById('bslide13').value,
tariff: document.getElementById('tariff1').value,
tarifizza: Ext.getCmp('tarifizza').getValue(),
first: 2
}});
}
else
{
Ext.MessageBox.alert('Potrebni podaci nisu unešeni', '');
}
}
}
}
}
},
' ','-',' ',
{
text: 'VERZIJA ZA ISPIS',
tooltip:'Verzija za ispis',
handler :function()
{
var record1 = ds.getAt(0);
var t1 = record1.get('TARIFF_NAME');
var m1 = record1.get('MONTH');
var o1 = record1.get('OPERATOR');
var record2 = ds.getAt(1);
var t2 = record2.get('TARIFF_NAME');
var m2 = record2.get('MONTH');
var o2 = record2.get('OPERATOR');
var record3 = ds.getAt(2);
var t3 = record3.get('TARIFF_NAME');
var m3 = record3.get('MONTH');
var o3 = record3.get('OPERATOR');
var record4 = ds.getAt(3);
var t4 = record4.get('TARIFF_NAME');
var m4 = record4.get('MONTH');
var o4 = record4.get('OPERATOR');
var record5a = ds.getAt(4);
var t5a = record5a.get('TARIFF_NAME');
var m5a = record5a.get('MONTH');
var o5a = record5a.get('OPERATOR');
var record6 = ds.getAt(5);
var t6 = record6.get('TARIFF_NAME');
var m6 = record6.get('MONTH');
var o6 = record6.get('OPERATOR');
var record7 = ds.getAt(6);
var t7 = record7.get('TARIFF_NAME');
var m7 = record7.get('MONTH');
var o7 = record7.get('OPERATOR');
var record8 = ds.getAt(7);
var t8 = record8.get('TARIFF_NAME');
var m8 = record8.get('MONTH');
var o8 = record8.get('OPERATOR');
var record9 = ds.getAt(8);
var t9 = record9.get('TARIFF_NAME');
var m9 = record9.get('MONTH');
var o9 = record9.get('OPERATOR');
var record10 = ds.getAt(9);
var t10 = record10.get('TARIFF_NAME');
var m10 = record10.get('MONTH');
var o10 = record10.get('OPERATOR');
var svi = ds.getCount();
var t5 = document.getElementById('tariff1').value + ' ';
var o5 = document.getElementById('operator1').value;
for(var i=0; i < svi; i++)
{
recordi = ds.getAt(i);
if(recordi.get('TARIFF_NAME') == t5)
{
var m5 = recordi.get('MONTH');
}
}
var operator_id = document.getElementById('operator1').value;
var postpaid = document.getElementById('postpaid2').checked;
var prepaid = document.getElementById('prepaid2').checked;
var postpre = document.getElementById('postpre2').checked;
var slide6 = record1.get('TELE2');
var slide7 = record1.get('SMS');
var slide8 = record1.get('MMS');
var slide9 = record1.get('CALL');
var slide10 = record1.get('PEAK');
var slide11 = record1.get('TMOB');
var slide12 = record1.get('VIP');
var slide13 = record1.get('FIKS');
window.open('print.php?operator_id='+operator_id+'&postpaid='+postpaid+'&prepaid='+prepaid+'&postpre='+postpre+'&slide6='+slide6+'&slide7='+slide7+'&slide8='+slide8+'&slide9='+slide9+'&slide10='+slide10+'&slide11='+slide11+'&slide12='+slide12+'&slide13='+slide13+'&t1='+t1+'&o1='+o1+'&m1='+m1+'&t2='+t2+'&o2='+o2+'&m2='+m2+'&t3='+t3+'&o3='+o3+'&m3='+m3+'&t4='+t4+'&o4='+o4+'&m4='+m4+'&t5='+t5+'&o5='+o5+'&m5='+m5+'&t6='+t6+'&o6='+o6+'&m6='+m6+'&t7='+t7+'&o7='+o7+'&m7='+m7+'&t8='+t8+'&o8='+o8+'&m8='+m8+'&t9='+t9+'&o9='+o9+'&m9='+m9+'&t10='+t10+'&o10='+o10+'&m10='+m10+'&t5a='+t5a+'&o5a='+o5a+'&m5a='+m5a,
'printwindow',
'status=0,toolbar=0,location=0,menubar=0,directories=0,resizable=1,scrollbars=1,height=480,width=640');
}
}]
}
]
});
var detalji_tijelo=new Ext.Panel(
{
id:'detalji_tijelo'
,name:'detalji_tijelo'
,layout:'border'
,frame:false
,border:false
,height:350
,width:635
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:350
,width:635
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
{
name:'profil',
id:'profil',
title:'',
hideTitle:true,
height:350,
width:635,
frame:false,
border:false,
style:'padding:0px;margin:0px',
frame:false,
autoScroll:true
}
]
}]
});
var mjesec_tijelo=new Ext.Panel(
{
id:'detalji_tijelo'
,name:'detalji_tijelo'
,layout:'border'
,frame:false
,border:false
,height:350
,width:635
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:350
,width:635
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,items:[
{
name:'mjesec',
id:'mjesec',
title:'',
hideTitle:true,
height:350,
width:635,
frame:false,
border:false,
style:'padding:0px;margin:0px',
frame:false,
autoScroll:true
}]
}]
});
var godina_tijelo=new Ext.Panel(
{
id:'detalji_tijelo'
,name:'detalji_tijelo'
,layout:'border'
,frame:false
,border:false
,height:350
,width:635
,bodyStyle:'color:#000;background:transparent;display:block;'
,items:[
{
region:'center'
,frame:false
,border:false
,layout:'form'
,hideLabels:true
,title:''
,height:350
,width:635
,buttonAlign:'center'
,bodyStyle:'color:#000;background:transparent;background-position:0px 0px;padding:0px 0px 0 0px;'
,autoScroll:true
,items:[
{
name:'godina',
id:'godina',
title:'',
hideTitle:true,
height:330,
width:950,
frame:false,
border:false,
style:'padding:0px;margin:0px',
frame:false,
autoScroll:true
}]
}]
});
Ext.onReady(function()
{
setTimeout(function()
{
Ext.get('loading').remove();
Ext.get('loading-mask').fadeOut({remove:true});
},0);
Ext.QuickTips.init();
Ext.ux.ComboBox = function(config){
if (config.store && typeof config.store !='string' && config.store.length>1)
{
if (typeof config.store[0] !='string' && config.store[0].length>1)
{
config.store = new Ext.data.SimpleStore({
fields: ['value','text'],
data : config.store
});
config.valueField = 'value';
config.displayField = 'text';
}
else
{
var store=[];
for (var i=0,len=config.store.length;i