git-svn-id: https://msi/svn/firstRepo/WebClient/branches/NewRelease@41 0f545695-f87b-41b6-9a03-7f16563b5454

This commit is contained in:
2016-01-10 22:18:54 +00:00
parent 66318c9124
commit d6e19b50d8
7 changed files with 295 additions and 29 deletions
@@ -3,6 +3,7 @@
<%} else { for (var i = 0; i < data.length; i++) { %>
<% var item = data[i]; %>
<li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r">
<img src="Resources\img\ricettaND_80.png">
<div class='ricettaTitolo'><%= unescape(item.titolo) %></div>
<div class='ricettaAutore'><%= unescape(item.autore) %></div>
<br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div>
+84 -4
View File
@@ -7,21 +7,93 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
template:_.template(settingsViewTemplate),
initialize: function () {
var self = this;
this.id = "SettingsView";
SettingsView.__super__.initialize.call(this);
},
events: {
"click #saveBtn": "saveBtn"
"click #saveBtn": "saveBtn",
"change #spacc-PMChk": "spaccPMClick"
},
saveBtn:function(e){
e.preventDefault();
Profile.data.risRic = this.$el.find('#nResult').val();
Profile.data.tema = this.$el.find('#theme').val();
Profile.updateProfile(function(){
Backbone.history.loadUrl();
});
if($('#mapSpacc').is(':visible'))
{
Profile.data.isSpacc = this.$el.find('#spacc-PMChk').prop('checked')?"1":"0";
Profile.data.email = this.$el.find('#email').val();
Profile.data.dataSpacc.provincia = this.$el.find('#prov').val();
Profile.data.dataSpacc.comune = this.$el.find('#comune').val();
Profile.data.dataSpacc.cap = this.$el.find('#CAP').val();
Profile.data.dataSpacc.tipopm = this.$el.find('#tPM').val();
Profile.data.dataSpacc.privacy = this.$el.find('#privacyChk').prop('checked')?"1":"0";
$.ajax({
url: "http://maps.google.com/maps/api/geocode/json?address=" +
Profile.data.dataSpacc.comune + "+" +
Profile.data.dataSpacc.comune + "+" +
Profile.data.dataSpacc.provincia + "+italia&sensor=false",
                Type: "GET"
            }).then(function ( response ) {
});
}
else
{
Profile.updateProfile(function(){
Backbone.history.loadUrl();
});
}
},
onShowed: function(){
var self = this;
if(Profile.data.isSpacc==="0"){
this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').hide();
}
else
this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').show();
$( "#autocomplete_comune" ).on( "filterablebeforefilter", function ( e, data ) {
        var $ul = $( this ),
            $input = $( data.input ),
            value = $input.val(),
            html = "";
        $ul.html( "" );
        if ( value && value.length > 0 ) {
            $ul.html( "<li><div class='ui-loader'><span class='ui-icon ui-icon-loading'></span></div></li>" );
            $ul.listview( "refresh" );
            $.ajax({
url: myManifest.Settings.DefaultURL + "/api/profile/comuni/" + self.$el.find('#prov').val() + "/" + $input.val(),
                Type: "GET"
            })
            .then( function ( response ) {
                $.each( response, function ( i, val ) {
                    html += "<li>" + val.Comune + "<input id='hdnCAP" + i + "'' type='hidden' value='" + val.CAP + "'></li>";
                });
                $ul.html( html );
                $ul.listview( "refresh" );
                $ul.trigger( "updatelayout");
$ul.find('li').on("click", function(e){
$input.val($(this).text());
self.$el.find('#CAP').val($(this).find(":hidden").val());
$ul.html( "" );
$ul.listview( "refresh" );
$ul.trigger( "updatelayout");
});
            });
        }
    });
},
spaccPMClick: function(e){
if(this.$el.find('#spacc-PMChk').prop('checked')){
this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').show();
}
else
this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').hide();
},
//render the content into div of view
@@ -39,6 +111,14 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
this.$el.find('#nResult').val(Profile.data.risRic);
this.$el.find('#theme').val(Profile.data.tema);
this.$el.find('#spacc-PMChk').prop('checked', Profile.data.isSpacc==="0"?false:true);
this.$el.find('#email').val(Profile.data.email);
this.$el.find('#prov').val(Profile.data.dataSpacc.provincia);
this.$el.find('#comune').val(Profile.data.dataSpacc.comune);
this.$el.find('#CAP').val(Profile.data.dataSpacc.cap);
this.$el.find('#tPM').val(Profile.data.dataSpacc.tipopm);
this.$el.find('#privacyChk').prop('checked', Profile.data.dataSpacc.privacy==="0"?false:true);
this.$el.find("#moreBtn").addClass("ui-btn-active");
//$("#homeBtn").addClass("ui-btn-active");
//return to enable chained calls
+166 -22
View File
@@ -1,24 +1,168 @@
<div data-role="content">
<h1>Impostazioni</h1>
<div>
<label for="nResult">Numero Risultati Ricerca:</label>
<select name="nResult" id="nResult">
<option value="10" selected="true">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
</select>
<label for="theme">Tema Grafico:</label>
<select name="theme" id="theme">
<option value="a" selected="true">Blu</option>
<option value="b">Nero</option>
<option value="c">Chiaro</option>
<option value="d">Material Design</option>
</select>
<a id="saveBtn" href="" button="true" class="ui-link ui-btn ui-icon-custom ui-btn-icon-left">Save</a>
<br><br>
Impostazione di sincronizzazione
<a id="syncBtn" href="#syncView" button="true" class="ui-link ui-btn ui-icon-custom ui-btn-icon-left">Sincronizzazione</a>
</div>
<h1>Profilo Utente</h1>
<div data-role="tabs" id="tabs">
<div data-role="navbar">
<ul>
<li><a href="#appSetting" data-ajax="false">Settaggi Lievitario</a></li>
<li><a href="#mapSpacc" data-ajax="false">Mappa Spacciatori</a></li>
</ul>
</div>
  <div id="appSetting" class="ui-body-d ui-content">
<label for="nResult">Numero Risultati Ricerca:</label>
<select name="nResult" id="nResult">
<option value="10" selected="true">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
</select>
<label for="theme">Tema Grafico:</label>
<select name="theme" id="theme">
<option value="a" selected="true">Blu</option>
<option value="b">Nero</option>
<option value="c">Chiaro</option>
<option value="d">Material Design</option>
</select>
  </div>
  <div id="mapSpacc" class="ui-body-d ui-content">
<label for="spacc-PMChk">Sono uno spacciatore di PM</label>
<input type="checkbox" name="spacc-PMChk" id="spacc-PMChk">
<label for="email">Email:</label>
<input type="text" name="email" id="email" placeholder="Inserire proprio indirizzo di posta...">
<label for="prov">Provincia:</label>
<select name="prov" id="prov">
<option value='AG'>AG</option>
<option value='AL'>AL</option>
<option value='AN'>AN</option>
<option value='AO'>AO</option>
<option value='AP'>AP</option>
<option value='AQ'>AQ</option>
<option value='AR'>AR</option>
<option value='AT'>AT</option>
<option value='AV'>AV</option>
<option value='BA'>BA</option>
<option value='BG'>BG</option>
<option value='BI'>BI</option>
<option value='BL'>BL</option>
<option value='BN'>BN</option>
<option value='BO'>BO</option>
<option value='BR'>BR</option>
<option value='BS'>BS</option>
<option value='BT'>BT</option>
<option value='BZ'>BZ</option>
<option value='CA'>CA</option>
<option value='CB'>CB</option>
<option value='CE'>CE</option>
<option value='CH'>CH</option>
<option value='CI'>CI</option>
<option value='CL'>CL</option>
<option value='CN'>CN</option>
<option value='CO'>CO</option>
<option value='CR'>CR</option>
<option value='CS'>CS</option>
<option value='CT'>CT</option>
<option value='CZ'>CZ</option>
<option value='EN'>EN</option>
<option value='FC'>FC</option>
<option value='FE'>FE</option>
<option value='FG'>FG</option>
<option value='FI'>FI</option>
<option value='FM'>FM</option>
<option value='FR'>FR</option>
<option value='GE'>GE</option>
<option value='GO'>GO</option>
<option value='GR'>GR</option>
<option value='IM'>IM</option>
<option value='IS'>IS</option>
<option value='KR'>KR</option>
<option value='LC'>LC</option>
<option value='LE'>LE</option>
<option value='LI'>LI</option>
<option value='LO'>LO</option>
<option value='LT'>LT</option>
<option value='LU'>LU</option>
<option value='MB'>MB</option>
<option value='MC'>MC</option>
<option value='ME'>ME</option>
<option value='MI'>MI</option>
<option value='MN'>MN</option>
<option value='MO'>MO</option>
<option value='MS'>MS</option>
<option value='MT'>MT</option>
<option value='NA'>NA</option>
<option value='NO'>NO</option>
<option value='NU'>NU</option>
<option value='OG'>OG</option>
<option value='OR'>OR</option>
<option value='OT'>OT</option>
<option value='PA'>PA</option>
<option value='PC'>PC</option>
<option value='PD'>PD</option>
<option value='PE'>PE</option>
<option value='PG'>PG</option>
<option value='PI'>PI</option>
<option value='PN'>PN</option>
<option value='PO'>PO</option>
<option value='PR'>PR</option>
<option value='PT'>PT</option>
<option value='PU'>PU</option>
<option value='PV'>PV</option>
<option value='PZ'>PZ</option>
<option value='RA'>RA</option>
<option value='RC'>RC</option>
<option value='RE'>RE</option>
<option value='RG'>RG</option>
<option value='RI'>RI</option>
<option value='RM'>RM</option>
<option value='RN'>RN</option>
<option value='RO'>RO</option>
<option value='SA'>SA</option>
<option value='SI'>SI</option>
<option value='SO'>SO</option>
<option value='SP'>SP</option>
<option value='SR'>SR</option>
<option value='SS'>SS</option>
<option value='SV'>SV</option>
<option value='TA'>TA</option>
<option value='TE'>TE</option>
<option value='TN'>TN</option>
<option value='TO'>TO</option>
<option value='TP'>TP</option>
<option value='TR'>TR</option>
<option value='TS'>TS</option>
<option value='TV'>TV</option>
<option value='UD'>UD</option>
<option value='VA'>VA</option>
<option value='VB'>VB</option>
<option value='VC'>VC</option>
<option value='VE'>VE</option>
<option value='VI'>VI</option>
<option value='VR'>VR</option>
<option value='VS'>VS</option>
<option value='VT'>VT</option>
<option value='VV'>VV</option>
</select>
<label for="comune">Comune:</label>
<input type="text" name="comune" id="comune" placeholder="Comune di domicilio...">
<ul id="autocomplete_comune" data-role="listview" data-inset="true" data-filter="true" data-input="#comune"></ul>
<label for="CAP">CAP:</label>
<input type="text" name="CAP" id="CAP" placeholder="CAP...">
<label for="tPM">Tipo PM:</label>
<select name="tPM" id="tPM">
<option value="1" selected="true">Solida</option>
<option value="2">Liquida/Licoli</option>
</select>
<label>Infomativa privacy, AUTORIZZAZIONE DATI PERSONALI
ai sensi e per gli effetti degli artt. 13 e 23 del D.Lgs. n. 196/2003, acconsento al trattamento e alla pubblicazione dei dati personali forniti a seguito della
segnalazione inoltrata.</label>
<label for="privacyChk">Accetto</label>
<input type="checkbox" name="privacyChk" id="privacyChk">
  </div>
</div>
<div>
<a id="saveBtn" href="" button="true" class="ui-link ui-btn ui-icon-custom ui-btn-icon-left">Save</a>
<br><br>
Impostazione di sincronizzazione
<a id="syncBtn" href="#syncView" button="true" class="ui-link ui-btn ui-icon-custom ui-btn-icon-left">Sincronizzazione</a>
</div>
</div>