# HG changeset patch # User Michiel Broek # Date 1571519202 -7200 # Node ID bb8a37fe63267a1a9bab54ed5dbe25bedb9c8df0 # Parent 202272a280525a0d55b464f6473fe175daaea8eb Code cleanup and manual compress diff -r 202272a28052 -r bb8a37fe6326 www/js/global.js --- a/www/js/global.js Sat Oct 19 21:23:06 2019 +0200 +++ b/www/js/global.js Sat Oct 19 23:06:42 2019 +0200 @@ -24,18 +24,18 @@ // dropdownlists arrays var StageData = [ - { id: 0, en: 'Plan', nl: 'Plan' }, - { id: 1, en: 'Wait', nl: 'Wacht' }, - { id: 2, en: 'Brew', nl: 'Brouwen' }, - { id: 3, en: 'Primary', nl: 'Hoofdgisting' }, - { id: 4, en: 'Secondary', nl: 'Nagisting' }, - { id: 5, en: 'Tertiary', nl: 'Lagering' }, - { id: 6, en: 'Package', nl: 'Afvullen' }, - { id: 7, en: 'Carbonation', nl: 'Hergisten' }, - { id: 8, en: 'Mature', nl: 'Rijpen' }, - { id: 9, en: 'Taste', nl: 'Proeven' }, - { id: 10, en: 'Ready', nl: 'Gereed' }, - { id: 11, en: 'Closed', nl: 'Afgesloten' } + { id: 0, en: 'Plan', nl: 'Plan' }, + { id: 1, en: 'Wait', nl: 'Wacht' }, + { id: 2, en: 'Brew', nl: 'Brouwen' }, + { id: 3, en: 'Primary', nl: 'Hoofdgisting' }, + { id: 4, en: 'Secondary', nl: 'Nagisting' }, + { id: 5, en: 'Tertiary', nl: 'Lagering' }, + { id: 6, en: 'Package', nl: 'Afvullen' }, + { id: 7, en: 'Carbonation', nl: 'Hergisten' }, + { id: 8, en: 'Mature', nl: 'Rijpen' }, + { id: 9, en: 'Taste', nl: 'Proeven' }, + { id: 10, en: 'Ready', nl: 'Gereed' }, + { id: 11, en: 'Closed', nl: 'Afgesloten' } ], StageSource = { localdata: StageData, @@ -45,13 +45,13 @@ StageAdapter = new $.jqx.dataAdapter(StageSource), SplitData = [ - { id: 0, en: 'Not divided', nl: 'Niet gesplitst', ok: 100 }, - { id: 1, en: 'After mash', nl: 'Na maischen', ok: 2 }, - { id: 2, en: 'After boil', nl: 'Na koken', ok: 2 }, - { id: 3, en: 'After cooling', nl: 'Na koelen', ok: 2 }, - { id: 4, en: 'After primary', nl: 'Na hoofdgisting', ok: 3 }, - { id: 5, en: 'After secondary', nl: 'Na nagisting', ok: 4 }, - { id: 6, en: 'After tertiary', nl: 'Na lageren', ok: 5 } + { id: 0, en: 'Not divided', nl: 'Niet gesplitst', ok: 100 }, + { id: 1, en: 'After mash', nl: 'Na maischen', ok: 2 }, + { id: 2, en: 'After boil', nl: 'Na koken', ok: 2 }, + { id: 3, en: 'After cooling', nl: 'Na koelen', ok: 2 }, + { id: 4, en: 'After primary', nl: 'Na hoofdgisting', ok: 3 }, + { id: 5, en: 'After secondary', nl: 'Na nagisting', ok: 4 }, + { id: 6, en: 'After tertiary', nl: 'Na lageren', ok: 5 } ], SplitSource = { localdata: SplitData, @@ -61,10 +61,10 @@ SplitAdapter = new $.jqx.dataAdapter(SplitSource), MaterialData = [ - { id: 0, en: 'Stainless Steel', nl: 'RVS', sh: 0.11 }, - { id: 1, en: 'Aluminium', nl: 'Aluminium', sh: 0.22 }, - { id: 2, en: 'Plastics', nl: 'Kunststof', sh: 0.46 }, - { id: 3, en: 'Copper', nl: 'Koper', sh: 0.092 } + { id: 0, en: 'Stainless Steel', nl: 'RVS', sh: 0.11 }, + { id: 1, en: 'Aluminium', nl: 'Aluminium', sh: 0.22 }, + { id: 2, en: 'Plastics', nl: 'Kunststof', sh: 0.46 }, + { id: 3, en: 'Copper', nl: 'Koper', sh: 0.092 } ], MaterialSource = { localdata: MaterialData, @@ -74,11 +74,11 @@ MaterialAdapter = new $.jqx.dataAdapter(MaterialSource), FermentableTypeData = [ - { id: 0, en: 'Grain', nl: 'Mout' }, - { id: 1, en: 'Sugar', nl: 'Suiker' }, - { id: 2, en: 'Extract', nl: 'Vloeibaar extract' }, + { id: 0, en: 'Grain', nl: 'Mout' }, + { id: 1, en: 'Sugar', nl: 'Suiker' }, + { id: 2, en: 'Extract', nl: 'Vloeibaar extract' }, { id: 3, en: 'Dry extract', nl: 'Droog extract' }, - { id: 4, en: 'Adjunct', nl: 'Ongemout graan' } + { id: 4, en: 'Adjunct', nl: 'Ongemout graan' } ], FermentableTypeSource = { localdata: FermentableTypeData, @@ -88,13 +88,13 @@ FermentableTypeAdapter = new $.jqx.dataAdapter(FermentableTypeSource), GrainTypeData = [ - { id: 0, en: 'Base', nl: 'Basismout' }, - { id: 1, en: 'Roast', nl: 'Geroosterde mout' }, - { id: 2, en: 'Crystal', nl: 'Cara- of crystalmout' }, - { id: 3, en: 'Kilned', nl: 'Geëeste mout'}, + { id: 0, en: 'Base', nl: 'Basismout' }, + { id: 1, en: 'Roast', nl: 'Geroosterde mout' }, + { id: 2, en: 'Crystal', nl: 'Cara- of crystalmout' }, + { id: 3, en: 'Kilned', nl: 'Geëeste mout'}, { id: 4, en: 'Sour malt', nl: 'Zuurmout' }, - { id: 5, en: 'Special', nl: 'Speciale mout' }, - { id: 6, en: 'No malt', nl: 'Geen mout' } + { id: 5, en: 'Special', nl: 'Speciale mout' }, + { id: 6, en: 'No malt', nl: 'Geen mout' } ], GrainTypeSource = { localdata: GrainTypeData, @@ -120,8 +120,8 @@ HopTypeData = [ { id: 0, en: 'Bittering', nl: 'Bitterhop' }, - { id: 1, en: 'Aroma', nl: 'Aromahop' }, - { id: 2, en: 'Both', nl: 'Beide' } + { id: 1, en: 'Aroma', nl: 'Aromahop' }, + { id: 2, en: 'Both', nl: 'Beide' } ], HopTypeSource = { localdata: HopTypeData, @@ -131,11 +131,11 @@ HopTypeAdapter = new $.jqx.dataAdapter(HopTypeSource), HopFormData = [ - { id: 0, en: 'Pellet', nl: 'Pellets' }, - { id: 1, en: 'Plug', nl: 'Plugs' }, - { id: 2, en: 'Leaf', nl: 'Bloemen' }, + { id: 0, en: 'Pellet', nl: 'Pellets' }, + { id: 1, en: 'Plug', nl: 'Plugs' }, + { id: 2, en: 'Leaf', nl: 'Bloemen' }, { id: 3, en: 'Leaf wet', nl: 'Hop nat' }, - { id: 4, en: 'Cryo', nl: 'Cryo' } + { id: 4, en: 'Cryo', nl: 'Cryo' } ], HopFormSource = { localdata: HopFormData, @@ -145,12 +145,12 @@ HopFormAdapter = new $.jqx.dataAdapter(HopFormSource), HopUseData = [ - { id: 0, en: 'Mash', nl: 'Maischhop' }, + { id: 0, en: 'Mash', nl: 'Maischhop' }, { id: 1, en: 'First wort', nl: 'First wort' }, - { id: 2, en: 'Boil', nl: 'Koken' }, - { id: 3, en: 'Aroma', nl: 'Vlamuit' }, - { id: 4, en: 'Whirlpool', nl: 'Whirlpool' }, - { id: 5, en: 'Dry hop', nl: 'Koudhop' } + { id: 2, en: 'Boil', nl: 'Koken' }, + { id: 3, en: 'Aroma', nl: 'Vlamuit' }, + { id: 4, en: 'Whirlpool', nl: 'Whirlpool' }, + { id: 5, en: 'Dry hop', nl: 'Koudhop' } ], HopUseSource = { localdata: HopUseData, @@ -160,17 +160,17 @@ HopUseAdapter = new $.jqx.dataAdapter(HopUseSource), YeastTypeData = [ - { id: 0, en: 'Lager', nl: 'Ondergist' }, - { id: 1, en: 'Ale', nl: 'Bovengist' }, - { id: 2, en: 'Wheat', nl: 'Tarwegist' }, - { id: 3, en: 'Wine', nl: 'Wijngist' }, + { id: 0, en: 'Lager', nl: 'Ondergist' }, + { id: 1, en: 'Ale', nl: 'Bovengist' }, + { id: 2, en: 'Wheat', nl: 'Tarwegist' }, + { id: 3, en: 'Wine', nl: 'Wijngist' }, { id: 4, en: 'Champagne', nl: 'Champagnegist' }, - { id: 5, en: 'Brett', nl: 'Brett' }, - { id: 6, en: 'Kveik', nl: 'Kveik' }, - { id: 7, en: 'Hybrid', nl: 'Hybride' } -// { id: 8, en: 'Mixed', nl: 'Mixed' }, + { id: 5, en: 'Brett', nl: 'Brett' }, + { id: 6, en: 'Kveik', nl: 'Kveik' }, + { id: 7, en: 'Hybrid', nl: 'Hybride' } +// { id: 8, en: 'Mixed', nl: 'Mixed' }, // { id: 9, en: 'Spontaneous', nl: 'Spontaan' }, -// { id: 10, en: 'Other', nl: 'Overig' } +// { id: 10, en: 'Other', nl: 'Overig' } ], YeastTypeSource = { localdata: YeastTypeData, @@ -180,13 +180,13 @@ YeastTypeAdapter = new $.jqx.dataAdapter(YeastTypeSource), YeastFormData = [ - { id: 0, en: 'Liquid', nl: 'Vloeibaar', cells: 100000000000 }, - { id: 1, en: 'Dry', nl: 'Droog', cells: 15000000000 }, - { id: 2, en: 'Slant', nl: 'Schuine buis', cells: 1700000000 }, - { id: 3, en: 'Culture', nl: 'Slurry', cells: 1700000000 }, - { id: 4, en: 'Frozen', nl: 'Ingevroren', cells: 1700000000 }, - { id: 5, en: 'Bottle', nl: 'Depot', cells: 1700000000 }, - { id: 6, en: 'Dried', nl: 'Gedroogd', cells: 9000000000 } + { id: 0, en: 'Liquid', nl: 'Vloeibaar', cells: 100000000000 }, + { id: 1, en: 'Dry', nl: 'Droog', cells: 15000000000 }, + { id: 2, en: 'Slant', nl: 'Schuine buis', cells: 1700000000 }, + { id: 3, en: 'Culture', nl: 'Slurry', cells: 1700000000 }, + { id: 4, en: 'Frozen', nl: 'Ingevroren', cells: 1700000000 }, + { id: 5, en: 'Bottle', nl: 'Depot', cells: 1700000000 }, + { id: 6, en: 'Dried', nl: 'Gedroogd', cells: 9000000000 } ], YeastFormSource = { localdata: YeastFormData, @@ -196,10 +196,10 @@ YeastFormAdapter = new $.jqx.dataAdapter(YeastFormSource), YeastUseData = [ - { id: 0, en: 'Primary', nl: 'Hoofdgisting' }, + { id: 0, en: 'Primary', nl: 'Hoofdgisting' }, { id: 1, en: 'Secondary', nl: 'Nagisting' }, - { id: 2, en: 'Tertiary', nl: 'Lagering' }, - { id: 3, en: 'Bottle', nl: 'Bottelen' } + { id: 2, en: 'Tertiary', nl: 'Lagering' }, + { id: 3, en: 'Bottle', nl: 'Bottelen' } ], YeastUseSource = { localdata: YeastUseData, @@ -209,9 +209,9 @@ YeastUseAdapter = new $.jqx.dataAdapter(YeastUseSource), FlocculationData = [ - { id: 0, en: 'Low', nl: 'Laag' }, - { id: 1, en: 'Medium', nl: 'Medium' }, - { id: 2, en: 'High', nl: 'Hoog' }, + { id: 0, en: 'Low', nl: 'Laag' }, + { id: 1, en: 'Medium', nl: 'Medium' }, + { id: 2, en: 'High', nl: 'Hoog' }, { id: 3, en: 'Very high', nl: 'Zeer hoog' } ], FlocculationSource = { @@ -223,9 +223,9 @@ ZymocideData = [ { id: 0, en: 'None', nl: 'Niet' }, - { id: 1, en: 'K1', nl: 'K1' }, - { id: 2, en: 'K2', nl: 'K2' }, - { id: 3, en: 'K28', nl: 'K28' }, + { id: 1, en: 'K1', nl: 'K1' }, + { id: 2, en: 'K2', nl: 'K2' }, + { id: 3, en: 'K28', nl: 'K28' }, { id: 4, en: 'Klus', nl: 'Klus' } ], ZymocideSource = { @@ -237,8 +237,8 @@ StarterTypeData = [ { id: 0, en: 'Stirred', nl: 'Geroerd' }, - { id: 1, en: 'Shaken', nl: 'Geschud' }, - { id: 2, en: 'Simple', nl: 'Simpel' } + { id: 1, en: 'Shaken', nl: 'Geschud' }, + { id: 2, en: 'Simple', nl: 'Simpel' } ], StarterTypeSource = { localdata: StarterTypeData, @@ -248,13 +248,13 @@ StarterTypeAdapter = new $.jqx.dataAdapter(StarterTypeSource), MiscTypeData = [ - { id: 0, en: 'Spice', nl: 'Specerij' }, - { id: 1, en: 'Herb', nl: 'Kruid' }, - { id: 2, en: 'Flavor', nl: 'Smaakstof' }, - { id: 3, en: 'Fining', nl: 'Klaringsmiddel' }, - { id: 4, en: 'Water agent', nl: 'Brouwzout' }, + { id: 0, en: 'Spice', nl: 'Specerij' }, + { id: 1, en: 'Herb', nl: 'Kruid' }, + { id: 2, en: 'Flavor', nl: 'Smaakstof' }, + { id: 3, en: 'Fining', nl: 'Klaringsmiddel' }, + { id: 4, en: 'Water agent', nl: 'Brouwzout' }, { id: 5, en: 'Yeast nutrient', nl: 'Gistvoeding' }, - { id: 6, en: 'Other', nl: 'Anders' } + { id: 6, en: 'Other', nl: 'Anders' } ], MiscTypeSource = { localdata: MiscTypeData, @@ -264,12 +264,12 @@ MiscTypeAdapter = new $.jqx.dataAdapter(MiscTypeSource), MiscUseData = [ - { id: 0, en: 'Starter', nl: 'Starter' }, - { id: 1, en: 'Mash', nl: 'Maischen' }, - { id: 2, en: 'Boil', nl: 'Koken' }, - { id: 3, en: 'Primary', nl: 'Hoofdvergisting' }, + { id: 0, en: 'Starter', nl: 'Starter' }, + { id: 1, en: 'Mash', nl: 'Maischen' }, + { id: 2, en: 'Boil', nl: 'Koken' }, + { id: 3, en: 'Primary', nl: 'Hoofdvergisting' }, { id: 4, en: 'Secondary', nl: 'Nagisting/lagering' }, - { id: 5, en: 'Bottling', nl: 'Bottelen' } + { id: 5, en: 'Bottling', nl: 'Bottelen' } ], MiscUseSource = { localdata: MiscUseData, @@ -280,8 +280,8 @@ StyleTypeData = [ { id: 0, en: 'Lager', nl: 'Ondergistend bier' }, - { id: 1, en: 'Ale', nl: 'Bovengistend bier' }, - { id: 2, en: 'Mead', nl: 'Mede' }, + { id: 1, en: 'Ale', nl: 'Bovengistend bier' }, + { id: 2, en: 'Mead', nl: 'Mede' }, { id: 3, en: 'Wheat', nl: 'Tarwebier' }, { id: 4, en: 'Mixed', nl: 'Gemengd' }, { id: 5, en: 'Cider', nl: 'Cider' } @@ -294,9 +294,9 @@ StyleTypeAdapter = new $.jqx.dataAdapter(StyleTypeSource), MashStepTypeData = [ - { id: 0, en: 'Infusion', nl: 'Infusie' }, + { id: 0, en: 'Infusion', nl: 'Infusie' }, { id: 1, en: 'Temperature', nl: 'Verwarming' }, - { id: 2, en: 'Decoction', nl: 'Decoctie' } + { id: 2, en: 'Decoction', nl: 'Decoctie' } ], MashStepTypeSource = { localdata: MashStepTypeData, @@ -306,9 +306,9 @@ MashStepTypeAdapter = new $.jqx.dataAdapter(MashStepTypeSource), RecipeTypeData = [ - { id: 0, en: 'Extract', nl: 'Extract' }, + { id: 0, en: 'Extract', nl: 'Extract' }, { id: 1, en: 'Partial Mash', nl: 'Deelmaisch' }, - { id: 2, en: 'All Grain', nl: 'Mout' } + { id: 2, en: 'All Grain', nl: 'Mout' } ], RecipeTypeSource = { localdata: RecipeTypeData, @@ -319,11 +319,11 @@ IBUmethodData = [ { id: 0, en: 'Tinseth', nl: 'Tinseth' }, - { id: 1, en: 'Rager', nl: 'Rager' }, + { id: 1, en: 'Rager', nl: 'Rager' }, { id: 2, en: 'Daniels', nl: 'Daniels' } -// { id: 3, en: 'Garetz', nl: 'Garetz' }, // Not yet supported. -// { id: 4, en: 'Mosher', nl: 'Mosher' }, -// { id: 5, en: 'Noonan', nl: 'Noonan' } +// { id: 3, en: 'Garetz', nl: 'Garetz' }, // Not yet supported. +// { id: 4, en: 'Mosher', nl: 'Mosher' }, +// { id: 5, en: 'Noonan', nl: 'Noonan' } ], IBUmethodSource = { localdata: IBUmethodData, @@ -333,11 +333,11 @@ IBUmethodAdapter = new $.jqx.dataAdapter(IBUmethodSource), ColorMethodData = [ - { id: 0, en: 'Morey', nl: 'Morey' }, - { id: 1, en: 'Mosher', nl: 'Mosher' }, - { id: 2, en: 'Daniels', nl: 'Daniels' }, + { id: 0, en: 'Morey', nl: 'Morey' }, + { id: 1, en: 'Mosher', nl: 'Mosher' }, + { id: 2, en: 'Daniels', nl: 'Daniels' }, { id: 3, en: 'Halberstadt', nl: 'Halberstadt' }, - { id: 4, en: 'Naudts', nl: 'Naudts' } + { id: 4, en: 'Naudts', nl: 'Naudts' } ], ColorMethodSource = { localdata: ColorMethodData, @@ -347,11 +347,11 @@ ColorMethodAdapter = new $.jqx.dataAdapter(ColorMethodSource), CoolingTypeData = [ - { id: 0, en: '-', nl: '-' }, - { id: 1, en: 'Emersion chiller', nl: 'Dompelkoeler' }, + { id: 0, en: '-', nl: '-' }, + { id: 1, en: 'Emersion chiller', nl: 'Dompelkoeler' }, { id: 2, en: 'Counterflow chiller', nl: 'Tegenstroomkoeler' }, - { id: 3, en: 'Au bain marie', nl: 'Au bain marie' }, - { id: 4, en: 'Natural', nl: 'Laten afkoelen' } + { id: 3, en: 'Au bain marie', nl: 'Au bain marie' }, + { id: 4, en: 'Natural', nl: 'Laten afkoelen' } ], CoolingTypeSource = { localdata: CoolingTypeData, @@ -361,8 +361,8 @@ CoolingTypeAdapter = new $.jqx.dataAdapter(CoolingTypeSource), AerationTypeData = [ - { id: 0, en: 'None', nl: 'Geen' }, - { id: 1, en: 'Air', nl: 'Lucht' }, + { id: 0, en: 'None', nl: 'Geen' }, + { id: 1, en: 'Air', nl: 'Lucht' }, { id: 2, en: 'Oxygen', nl: 'Zuurstof' } ], AerationTypeSource = { @@ -373,10 +373,10 @@ AerationTypeAdapter = new $.jqx.dataAdapter(AerationTypeSource), AcidTypeData = [ - { id: 0, en: 'Lactic', nl: 'Melkzuur' }, + { id: 0, en: 'Lactic', nl: 'Melkzuur' }, { id: 1, en: 'Hydrochloric', nl: 'Zoutzuur' }, - { id: 2, en: 'Phosphoric', nl: 'Fosforzuur' }, - { id: 3, en: 'Sulfuric', nl: 'Zwavelzuur' } + { id: 2, en: 'Phosphoric', nl: 'Fosforzuur' }, + { id: 3, en: 'Sulfuric', nl: 'Zwavelzuur' } ], AcidTypeSource = { localdata: AcidTypeData, @@ -387,9 +387,9 @@ BaseTypeData = [ { id: 0, en: 'Sodiumbicarbonate', nl: 'NaHCO3' }, - { id: 1, en: 'Sodiumcarbonate', nl: 'Na2CO3' }, - { id: 2, en: 'Calciumcarbonate', nl: 'CaCO3' }, - { id: 3, en: 'Calciumhydroxide', nl: 'Ca(OH)2' } + { id: 1, en: 'Sodiumcarbonate', nl: 'Na2CO3' }, + { id: 2, en: 'Calciumcarbonate', nl: 'CaCO3' }, + { id: 3, en: 'Calciumhydroxide', nl: 'Ca(OH)2' } ], BaseTypeSource = { localdata: BaseTypeData, @@ -401,7 +401,7 @@ SpargeSourceData = [ { id: 0, en: 'Source 1', nl: 'Bron 1' }, { id: 1, en: 'Source 2', nl: 'Bron 2' }, - { id: 2, en: 'Mixed', nl: 'Gemengd' } + { id: 2, en: 'Mixed', nl: 'Gemengd' } ], SpargeSourceSource = { localdata: SpargeSourceData, diff -r 202272a28052 -r bb8a37fe6326 www/js/import_ingredients.js --- a/www/js/import_ingredients.js Sat Oct 19 21:23:06 2019 +0200 +++ b/www/js/import_ingredients.js Sat Oct 19 23:06:42 2019 +0200 @@ -21,49 +21,49 @@ *****************************************************************************/ -$(document).ready(function () { +$(document).ready(function() { - var url = ''; + var url = ''; - if (my_select == 'fermentables') - url = 'upl_fermentables.php'; - else if (my_select == 'hops') - url = 'upl_hops.php'; - else if (my_select == 'miscs') - url = 'upl_miscs.php'; - else if (my_select == 'yeasts') - url = 'upl_yeasts.php'; - else if (my_select == "styles") - url = 'upl_styles.php'; + if (my_select == 'fermentables') + url = 'upl_fermentables.php'; + else if (my_select == 'hops') + url = 'upl_hops.php'; + else if (my_select == 'miscs') + url = 'upl_miscs.php'; + else if (my_select == 'yeasts') + url = 'upl_yeasts.php'; + else if (my_select == 'styles') + url = 'upl_styles.php'; - $('#jqxFileUpload').jqxFileUpload({ - width: 300, - browseTemplate: 'success', - cancelTemplate: 'inverse', - uploadTemplate: 'primary', - theme: theme, - multipleFilesUpload: false, - accept: 'application/xml', - uploadUrl: url, - fileInputName: 'fileToUpload' - }); - $('#eventsPanel').jqxPanel({ - width: 800, - height: 200, - theme: theme - }); - $('#jqxFileUpload').on('select', function (event) { - var args = event.args, - fileName = args.file, - fileSize = args.size; - $('#eventsPanel').jqxPanel('clearcontent'); - $('#eventsPanel').jqxPanel('append', '' + event.type + ': ' + fileName + ' size: ' + fileSize + '
'); - }); - $('#jqxFileUpload').on('uploadEnd', function (event) { - var args = event.args, - fileName = args.file, - serverResponce = args.response; - $('#eventsPanel').jqxPanel('append', '' + event.type + ': ontvangen ' + fileName + '
' + serverResponce + '
'); - }); + $('#jqxFileUpload').jqxFileUpload({ + width: 300, + browseTemplate: 'success', + cancelTemplate: 'inverse', + uploadTemplate: 'primary', + theme: theme, + multipleFilesUpload: false, + accept: 'application/xml', + uploadUrl: url, + fileInputName: 'fileToUpload' + }); + $('#eventsPanel').jqxPanel({ + width: 800, + height: 200, + theme: theme + }); + $('#jqxFileUpload').on('select', function(event) { + var args = event.args, + fileName = args.file, + fileSize = args.size; + $('#eventsPanel').jqxPanel('clearcontent'); + $('#eventsPanel').jqxPanel('append', '' + event.type + ': ' + fileName + ' size: ' + fileSize + '
'); + }); + $('#jqxFileUpload').on('uploadEnd', function(event) { + var args = event.args, + fileName = args.file, + serverResponce = args.response; + $('#eventsPanel').jqxPanel('append', '' + event.type + ': ontvangen ' + fileName + '
' + serverResponce + '
'); + }); });