diff --git a/js/modules/editmulino/editmulino.js b/js/modules/editmulino/editmulino.js new file mode 100644 index 0000000..452d8af --- /dev/null +++ b/js/modules/editmulino/editmulino.js @@ -0,0 +1,302 @@ + +define(['jquery', 'underscore', 'backbone', 'text!modules/editmulino/editmulinoViewTemplate.html', 'modules/base/baseView', + 'controls/window/window', 'modules/addingr/addingr', 'jqx'], + function($, _, Backbone, editmulinoViewTemplate, BaseView, Window, AddIngrDlg) { + var FarineEnum = { + Tipo00: 1, + Tipo0: 2, + Tipo1: 4, + Integrale: 8, + Manitoba: 16, + Semola: 32, + Speciale: 64 + }; + + var MacinaturaEnum = { + Rulli: 1, + Pietra: 2 + }; + + var EditMuliniView = BaseView.extend({ + dataAdapter: undefined, + //initialize template + template: _.template(editmulinoViewTemplate), + addIngrDlg: null, + fullScrDlg: null, + initialize: function() { + EditMuliniView.__super__.initialize.call(this); + //this.header.title = "pippo"; + }, + mulinoEditing: null, + checkValue: function(val, check){ + return (val & check) == check; + }, + openMulino: function(mulino_id) { + + if (mulino_id) + { + var self = this; + $.ajax({ + url: myManifest.Settings.DefaultURL + "/backend/mulino/body/" + mulino_id, + dataType: "jsonp", + crossDomain: true + }).then(function(response) { + var mulino = response[0]; + self.mulinoEditing = mulino; + $('#jqxTabs').jqxTabs('select', 0); + $("#mulinoID").val(mulino.mulino_id); + $("#nomeMulino").val(unescape(mulino.nome)); + $("#email").val(mulino.email); + $("#telefono").val(mulino.telefono); + $("#linkWebSite").val(mulino.linkWebSite); + $('#address').val(unescape(mulino.address)); + $('#comune').val(unescape(mulino.comune)); + $('#CAP').val(mulino.CAP); + $('#provincia').val(mulino.provincia); + $('#regione').val(mulino.regione); + + // show the popup window. + $("#popupWindow").jqxWindow('open'); + }); + } + else + { + $('#jqxTabs').jqxTabs('select', 0); + // $("#mulinoID").val(''); + // $("#categoria").jqxDropDownList('selectIndex', -1 ); + // $("#titolo").val(''); + // $("#autore").val(''); + // $("#lvlDiff").val(0); + // $("#linkFonte").val(''); + // $("#linkYouTube").val(''); + // $('#procedimento').val(''); + + $("#popupWindow").jqxWindow('open'); + } + }, + validate: function() + { + if ($("#categoria").val() > 0 && + $("#titolo").val() !== "") + return true; + return false; + }, + save:function(callback) + { + if (this.validate()) { + var diffi = $('#lvlDiff').val(); + + var ingr = $('#listbox').jqxListBox('source'); + + var sendobj = { + "mulinoID": $("#mulinoID").val(), + "categoria_id": $("#categoria").val(), + "titolo": escape($("#titolo").val()), + "ingredienti": [], + "preparazione": $("#procedimento").val(), + "autore": escape($("#autore").val()), + "linkFonte": $("#linkFonte").val(), + "linkVideo": $("#linkYouTube").val(), + "difficolta": diffi + }; + + $.each(ingr, function(i, val) { + var newItem = { + "ingrediente_id": val.id_tipo_ingredienti, + "quantita": val.quantita, + "tipo_quantita_id": val.id_tipo_quantita, + "note": escape(unescape(val.note)) + }; + sendobj.ingredienti.push(newItem); + }); + + $.ajax({ + url: myManifest.Settings.DefaultURL + "/backend/mulino/body", + //dataType: "json", + type: 'POST', + data: {bodydata: JSON.stringify(sendobj)} + }).then(function(response) { + if(callback) + callback(response); + }); + } + else + alert("Inserire almeno categoria e titolo"); + }, + //render the content into div of view + render: function() { + //this.header.title = "pippo"; + EditMuliniView.__super__.render.call(this); + var self = this; + + this.$el.append(this.template()); + + this.$el.find("#popupWindow").jqxWindow({ + width: "750px", + height: "500px", + resizable: true, + isModal: true, + autoOpen: false, + cancelButton: this.$el.find("#Cancel"), + modalOpacity: 0.01, + initContent: function() { + $('#jqxTabs').jqxTabs({ + width: '100%', + height: "90%", + position: 'top', + initTabContent: function(tab) { + if (tab === 0) + { + $("#nomeMulino").jqxInput({placeHolder: "Nome:", width: '350px', height: 25}); + $("#email").jqxInput({placeHolder: "Email:", width: '350px', height: 25}); + $("#telefono").jqxInput({placeHolder: "Telefono:", width: '350px', height: 25}); + $("#linkWebSite").jqxInput({placeHolder: "Sito Web:", width: '350px', height: 25}); + + $('#logoUpload').jqxFileUpload({ width: '50%', + fileInputName: 'image', + multipleFilesUpload: false, + accept: 'image/*', + uploadUrl: myManifest.Settings.DefaultURL + '/backend/photo/mulino' }); + + $('#logoUpload').on('uploadStart', function (event) { + $('form[action="' + myManifest.Settings.DefaultURL + '/backend/photo/mulino' + '"]'). + append(''); + }); + } + else if (tab === 1) + { + $("#address").jqxInput({placeHolder: "Indirizzo:", width: '350px', height: 25}); + $("#provincia").jqxInput({placeHolder: "Provincia:", width: '350px', height: 25, + source: function (query, response) { + var dataAdapter = new $.jqx.dataAdapter + ( + { + datatype: "jsonp", + datafields: + [ + { name: 'Provincia' }, + { name: 'Regione' } + ], + url: myManifest.Settings.DefaultURL + "/profile/province/"+query + }, + { + autoBind: true, + loadComplete: function (data) { + response(data); + } + } + ); + } + }); + $("#comune").jqxInput({placeHolder: "Comune:", width: '350px', height: 25, + source: function (query, response) { + var dataAdapter = new $.jqx.dataAdapter + ( + { + datatype: "jsonp", + datafields: + [ + { name: 'Comune' }, + { name: 'CAP' } + ], + url: myManifest.Settings.DefaultURL + "/profile/comuni/" + $("#provincia").val() + "/"+query + }, + { + autoBind: true, + loadComplete: function (data) { + response(data); + } + } + ); + } + }); + $("#CAP").jqxInput({placeHolder: "CAP:", width: '350px', height: 25}); + $("#regione").jqxInput({placeHolder: "Regione:", width: '350px', height: 25}); + } + else if (tab === 3) + { + $("#farine").jqxDropDownList( + { + width: "250px", + height: "25px", + source: new $.jqx.dataAdapter({ + datatype: 'array', + datafields: [ + {name: 'value'}, + {name: 'label'} + ], + localdata: [ + {value: '1', label: 'Tipo00'}, + {value: '2', label: 'Tipo0'}, + {value: '4', label: 'Tipo1'}, + {value: '8', label: 'Integrale'}, + {value: '16', label: 'Manitoba'}, + {value: '32', label: 'Semola'}, + {value: '64', label: 'Speciale'} + ] + }), + //selectedIndex: -1, + displayMember: "label", + valueMember: "value" + }); + $("#farSpeciali").jqxInput({placeHolder: "Farine Speciali:", width: '350px', height: 25}); + $("#macinatura").jqxDropDownList( + { + width: "250px", + height: "25px", + source: new $.jqx.dataAdapter({ + datatype: 'array', + datafields: [ + {name: 'value'}, + {name: 'label'} + ], + localdata: [ + {value: '1', label: 'Rulli'}, + {value: '2', label: 'Pietra'} + ] + }), + //selectedIndex: -1, + displayMember: "label", + valueMember: "value" + }); + + $("#prezzo").jqxSlider({height: 60, min: 0, max: 10, value: 0, step: 0.10}); + + var text = $('#spedizione').val(); + $('#spedizione').jqxEditor({width: '100%', height: "20%"}); + if (text) + $('#spedizione').jqxEditor('val', text); + } + else if (tab === 3) + { + var text = $('#procedimento').val(); + $('#procedimento').jqxEditor({width: '100%', height: "50%"}); + if (text) + $('#procedimento').jqxEditor('val', text); + + var text = $('#note').val(); + $('#note').jqxEditor({width: '100%', height: "50%"}); + if (text) + $('#note').jqxEditor('val', text); + } + } + }); + + $("#Save").jqxButton({width: '48%', height: 40}); + + $('#Save').on('click', function() { + self.save(function(msg){ + alert(msg.message); + if (msg.result) + $("#popupWindow").jqxWindow('close'); + }); + }); + + $("#Cancel").jqxButton({width: '48%', height: 40}); + } + }); + return this; + } + }); + return EditMuliniView; + }); \ No newline at end of file diff --git a/js/modules/editmulino/editmulinoViewTemplate.html b/js/modules/editmulino/editmulinoViewTemplate.html new file mode 100644 index 0000000..8bb0b1a --- /dev/null +++ b/js/modules/editmulino/editmulinoViewTemplate.html @@ -0,0 +1,87 @@ +
+ +
\ No newline at end of file diff --git a/js/modules/home/home.js b/js/modules/home/home.js index 79d74f9..fc4a948 100644 --- a/js/modules/home/home.js +++ b/js/modules/home/home.js @@ -1,13 +1,19 @@ -define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.html', - 'modules/base/baseView', 'modules/ricette/ricette', 'modules/editricetta/editricetta', 'modules/photos/photos', 'modules/statistics/statistics', - 'modules/editricetta/editricetta', 'text!modules/home/inputWindow.html', +define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.html', 'modules/base/baseView', + 'modules/ricette/ricette', 'modules/editricetta/editricetta', 'modules/editricetta/editricetta', + 'modules/mulini/mulini', 'modules/editmulino/editmulino', 'modules/editmulino/editmulino', + 'modules/photos/photos', 'modules/statistics/statistics', 'text!modules/home/inputWindow.html', 'jqx'], - function($, _, Backbone, homeViewTemplate, BaseView, RicetteView, EditRicettaView, PhotosView, StatisticsView, EditRicetta, inputWindowTemplate) { + function($, _, Backbone, homeViewTemplate, BaseView, + RicetteView, EditRicettaView, EditRicetta, + MuliniView, EditMulinoView, EditMulino, + PhotosView, StatisticsView, inputWindowTemplate) { var HomeView = BaseView.extend({ ricetteView: null, + muliniView: null, statiView: null, editorRicetta: null, + editorMulino: null, //initialize template template: _.template(homeViewTemplate), templateInputWindow: _.template(inputWindowTemplate), @@ -56,6 +62,43 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate. $('#ricettaId').focus(); }, + addMulino: function() { + var editMuliniView = new EditMulinoView(); + editMuliniView.render(); + $('body').append(editMuliniView.$el); + editMuliniView.openMulino(); + }, + modifyMulino: function() { + if(this.muliniView == null) + { + this.muliniView = new MuliniView(); + this.muliniView.render(); + $('body').append(this.muliniView.$el); + } + else + this.muliniView.render(); + }, + modifyByIDMulino: function() { + var self = this; + if(this.editorMulino == null) + { + this.editorMulino = new EditMulino(); + this.editorMulino.render(); + $('body').append(this.editorMulino.$el); + } + $('#openBtn').off('click'); + $('#openBtn').on('click', function () { + $('#inputWindow').jqxWindow('close'); + self.editorMulino.openMulino($('#mulinoId').val()); + }); + $('#cancelButton').off('click'); + $('#cancelButton').on('click', function () { + $('#inputWindow').jqxWindow('close'); + }); + $('#mulinoId').val(""); + $('#inputWindow').jqxWindow('open'); + $('#mulinoId').focus(); + }, photosView: function(){ var photosView = new PhotosView(); photosView.render(); @@ -89,6 +132,21 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate. { event.data.scope.modifyByIDRicetta(); } + else if(item[0].id === "addMulino" || + item[0].lastChild.id === "addMulino") + { + event.data.scope.addMulino(); + } + else if(item[0].id === "modifyMulino" || + item[0].lastChild.id === "modifyMulino") + { + event.data.scope.modifyMulino(); + } + else if(item[0].id === "modifyByIDMulino" || + item[0].lastChild.id === "modifyByIDMulino") + { + event.data.scope.modifyByIDMulino(); + } else if(item[0].id === "viewPhotos" || item[0].lastChild.id === "viewPhotos") { diff --git a/js/modules/home/homeViewTemplate.html b/js/modules/home/homeViewTemplate.html index 44ed605..209c4b4 100644 --- a/js/modules/home/homeViewTemplate.html +++ b/js/modules/home/homeViewTemplate.html @@ -8,6 +8,13 @@
  • Modifica per ID
    • +
  • Gestione Mulini + +