/**
* @author Beheerder
*/
Ext.BLANK_IMAGE_URL = '/lib/ext/resources/images/default/s.gif';
Ext.namespace('synt');
synt.initModule = new Object();
synt.layoutModule = new Object();
// asign public function init to layoutModule Object
synt.layoutModule.init = function(){
// functie na save success
var savesuccess = function(r, t){
var p = Ext.getCmp('card-wizard-panel');
var l = p.getLayout();
var s = Ext.getCmp('progress-bar');
s.updateText('Bedankt');
l.setActiveItem('card-end');
Ext.getCmp('card-next').setText('Home');
p.saveMask.hide();
};
var savefailed = function(r, t){
var p = Ext.getCmp('card-wizard-panel');
p.saveMask.hide();
Ext.Msg.alert('Foutmelding', 'Het is niet gelukt om de gegevens op te slaan. Controleer de gegevens en probeer het opnieuw.');
};
// globale navigatie tussen cards hier declareren
var cardNav = function(incr){
var p = Ext.getCmp('card-wizard-panel');
var l = p.getLayout();
var numofcards = p.numofcards;
var i = l.activeItem.id.split('card-')[1];
if (i == 'summary') {
var fields_ar = new Object();
var valid = true;
for (var n = 0; n <= numofcards; n++) {
var form = Ext.getCmp('form-card-' + n).getForm();
if(!form.isValid())
{
valid = false;
}
else{
var fields = form.getValues(false);
for (property in fields) {
fields_ar[property] = fields[property];
}
}
}
var arrLength = synt.layoutModule.imageStores.length;
for(var i = 0; i < arrLength; i++) {
var dataArray = new Array();
var imageStore = synt.layoutModule.imageStores[i];
var records = imageStore.getRange();
for (var n = 0; n < records.length; n++){
dataArray.push(records[n].data);
}
fields_ar[imageStore.storeId] = Ext.util.JSON.encode(dataArray);
}
fields_ar['rnd_id'] = p.rnd_id; // for security
fields_ar['jaar'] = synt.jaar;
// fielda_ar['images']
// send fields to the server, but only if all forms are valid
if (valid) {
p.saveMask = new Ext.LoadMask('card-wizard-panel', {
msg: 'De gegevens worden opgestuurd...'
});
p.saveMask.show();
Ext.Ajax.request({
url: '/save-mkbtop100-questions.php',
success: savesuccess,
failure: savefailed,
params: fields_ar
});
}
else {
Ext.Msg.alert('Melding', 'Een aantal velden (aangegeven in het rood) zijn verplicht.');
}
}
else if (i=='end')
{
window.location.reload();
}
else if (i=='0' && incr == -1)
{
Ext.getCmp('card-wizard-panel').hide();
Ext.getCmp('div-inleidende-tekst').show();
newcasebutton.enable();
searchcasebutton.enable();
}
else {
var f = Ext.getCmp('form-card-' + i).getForm();
if (incr > 0 && f.isValid() && (parseInt(i) + incr) <= numofcards) {
var next = parseInt(i) + incr;
l.setActiveItem(next + 1);
var s = Ext.getCmp('progress-bar');
s.updateText((next + 1) + ' van de ' + s.totaal);
s.updateProgress((next + 1) / (s.totaal));
Ext.getCmp('card-prev').setDisabled(next == 0);
if (next == numofcards) {
Ext.getCmp('card-next').setText('Controleren »');
}
}
else
if (incr < 0) {
var next = parseInt(i) + incr;
l.setActiveItem(next + 1);
var s = Ext.getCmp('progress-bar');
s.updateText((next + 1) + ' van de ' + s.totaal);
s.updateProgress((next + 1) / (s.totaal));
Ext.getCmp('card-prev').setDisabled(next == 0);
if (next == (numofcards - 1)) {
Ext.getCmp('card-next').setText('Volgende »');
}
}
else
if ((parseInt(i) + incr) > numofcards) {
// einde bereikt
if (f.isValid()) {
var card = Ext.getCmp('card-summary');
for (var i = 0; i < numofcards + 1; i++) {
var fc = card.add(Ext.getCmp('form-card-' + i));
fc.addClass('add-border');
fc.doLayout();
}
Ext.getCmp('card-prev').setDisabled(true);
Ext.getCmp('card-next').setText('Inzenden');
var s = Ext.getCmp('progress-bar');
s.updateText('controleren');
card.doLayout();
l.setActiveItem(parseInt(i) + 1);
p.doLayout();
}
}
else {
}
}
};
// vragenscherm, wordt dynamisch gevuld bij het laden
var wizardlayout = new Ext.Panel({
id: 'card-wizard-panel',
title: 'Nieuwe case',
layout: 'card',
hidden: true,
width: 600,
height: 400,
bodyStyle: 'padding:10px 20px;',
defaults: {
border: false
},
bbar: [{
id: 'card-prev',
text: '« Terug',
handler: cardNav.createDelegate(this, [-1]),
disabled: true
}, {
id: 'progress-bar',
xtype: 'progress',
ctCls: 'progressbar',
text: '- vragenlijst wordt geladen -',
width: 200
}, {
id: 'card-next',
text: 'Volgende »',
cls: 'button-bold',
handler: cardNav.createDelegate(this, [1]),
disabled: true
}],items:[{
id: 'loading-icon',
cls: 'loading-icon',
bodyStyle: 'padding:80px 20px;',
html: '
- vragenlijst wordt geladen -
'
}]
});
var ds = new Ext.data.Store({
autoLoad: true,
proxy: new Ext.data.HttpProxy({
url: 'search-cases.php'
}),
reader: new Ext.data.JsonReader({
root: 'cases',
totalProperty: 'totalCount',
id: 'case_id'
}, [
{name: 'caseId', mapping: 'case_id'},
{name: 'bedrijfsnaam', mapping: 'bedrijfsnaam'},
{name: 'productnaam', mapping: 'productnaam'},
{name: 'website', mapping:'website'},
{name: 'link', mapping:'link'},
{name: 'created', mapping:'created', type: 'date', dateFormat: 'Y-m-d H:i:s'},
{name: 'gemeente', mapping:'gemeente'}
]),
baseParams: {limit:20,jaar:synt.jaar}
});
// Custom rendering Template for the View
var resultTpl = new Ext.XTemplate(
'',
'',
'
Ingediend op :
{created:date("j F Y")}
{gemeente}',
'
{bedrijfsnaam}
',
'
{productnaam}
',
'
{website}',
'
' + jr + '
';
}
else
{
htmlstr = htmlstr + '' + jr + '
';
}
}
// htmlstr = '';
return htmlstr;
}();
var p = new Ext.Panel({
layout: 'table',
width: 1000,
layoutConfig: {
columns:3
},
border: false,
items: [{
border: false,
width: 200,
html: jaarknoppen
},{
html: 'MKB Innovatie Top 100 - ' + synt.jaar,
cls: 'x-title',
colspan: 1
},{
border: false,
width: 200,
rowspan :2,
html: 'Benieuwd naar je innovatievermogen? Ga naar
www.iqs.nl 
