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

css/base.style.css

@@ -273,3 +273,44 @@ label.error {
 .imageborder-d {
     border: 2px solid #3b5998!important;
 }
+
+.ui-listview > .ui-bar-inherit
+{
+	background-color: #395184;
+    font-size: larger;
+    text-align: center;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    border-bottom: 1px solid #cdcdcd!important;
+    border-top: 1px solid #cdcdcd!important;
+}
+
+.cappelli{
+	background-size: 80px 16px;
+    height: 16px;
+    width: 80px;
+    padding-left: 75px;
+}
+.cappelli-0{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAAA5FBMVEUAAAAoKCjAwMDDw8NSUlKwsLC8vLy0tLSysrKtra3KysqioqKWlpaYmJikpKRvb2+WlpaXl5d0dHRfX1/Hx8ekpKSWlpaSkpKAgIDAwMDExMTHx8fPz8+goKDCwsJhYWHHx8esrKynp6fAwMCtra2CgoK7u7tbW1ukpKSfn5+RkZGIiIhVVVVubm6Hh4dhYWGcnJyLi4uHh4cYGBgyMjKampo/Pz9ISEihoaFmZmaFhYUwMDBfX1+vr6+amppxcXFDQ0Nra2sxMTFZWVlQUFDT09PR0dHKysrOzs7Gxsa3t7fMzMy14C5cAAAARXRSTlMAA/7+Cf7+/v79+fjIooV0ckkkHP7+/v7+9/Hv7Ozr6+rq6ebf3tfWzbm0qKefmpWOi4lzYF5YVVJNRT87MzAvLRoaFBNZq1D+AAAA1ElEQVQ4y63QRZLDQAwFUDWYwpMMMzNTmCOpbd//PnEnR5B/lRbvL6QqAcxbj9Xrz8F4slQKQG5br4SawuPTy+fvxkhumJ5TRJoRURu+GooNOxUiDLBI6gx9iA09RiRfUOY0vYldXPDLi8kyzPW/2NC+IdyECd2LFRvs0y6i23b3bblBfUU6j8kR8smfkhtUM8lMovfZHDWs2L5o+R+4NDiodeT2RR03ofS3FEPnlpn9kZoqxTC7OAyiODbULMdgfx4Szjnc68u9jVp0X++qZ++rcrwGqdSywSU7cSsAAAAASUVORK5CYII=') 50% 50% no-repeat;
+}
+
+.cappelli-1{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAABvFBMVEUAAABPOzvDw8PAwMCwsLDFxcW0tLRubm4cHBzBwcG/v7+2trazs7PoAgKurq7KysqWlpZvb29DQ0N0dHRnZ2dUVFTYBAQYGBgxKysxKyvHx8e8vLy6urqysrKsrKykpKSWlpaSkpKAgIC9vb3Jycmfn5/AwMCkpKTExMTHx8fPz8+goKDCwsJhYWHHx8esrKynp6fAwMCtra2CgoK7u7tbW1ukpKSfn5+RkZGIiIhVVVWXl5eYmJhubm6Hh4dhYWGcnJyLi4uHh4enp6egoKCWlpaVlZUyMjKampqhoaFmZmaYmJiWlpaFhYVfX1+vr6+amppxcXFDQ0N6Dg5bW1vUBATqAgL0AQHCBgbvAQHOBQWvCAiAERGxCAjPBQXjAwPTBQXpAgKzBwe1BgZ7Dw+jCgrDBgaFDw+8BwdOFBTEBwdnEhJoDAyYDAzFBgboAgL6AABxERGdCgrhAgJrERHEBgbABgasCAiiCQljEhKgCQm6Bwe1CAiyCAg1Fxd3EBBwERGHCgrT09PR0dH/AADKysrQ0NDOzs79AADMzMz0AQHPz8+4uLjuAgL4AQHGxsb6AQHcBAT2AQHfAwPY6alyAAAAgnRSTlMABf7+/v7+Cgn+/v7+/v35yHRWJBsT/nM/Gv7+/v7+/v7+/vz6+Pf38e/s7Ovr6urp5t/e19bNubSop6Ohn5qVjouJhoRzcmBeUk1LR0U7MzAvLR0c/v759O7mRwr+/v376ciimoqFdFhWMSkT/v737Ove19bNubSop5qOc3JgTTsv00UvuAAAAZlJREFUOMud0XVz+jAYwPEnwJh2vv7c3V3m7j4GA8bc3d0jELLBgL3hpdlt/zffu/Tuc9drniYAnqMtf/BgcH5+ESGQFTf9ffe9prO7p0TPoYmBEYOPBFYDO1PTpwDp5XmPnOFX7z9+/V9X32XfcDaWMLkhKKVGTATvQ+/nsJs4GcbY6WDf7BsGBzinXiqLxQ0+Ce2vCcEuLEuLZJJq24ZZORwfpfJxpT7YKjcj1gvkIuIklbYtJ7SGkyuZ5CljDjryrM3kys7G0axC24aFMU5VKU7juxlQ9COMVYzgSKl9Q2hbjpegqg2PvLV/DzE+x6rfRfYNaMo04iaPcyoCs0i61p0VzSERgtmHFg0DmhlO+oaNIeFbmQ5ZLsi9cDzNfM4cbxvSNQzo0DrDRMw7NO5RbiRY/kOa60V+sY4BTVAVjx3fuAKryGWzlsETFEJYlzKOlPt/Msasi8vXMyysLXlN0/TxmRv3fXnpcj/JcYQL9AwZ9zZHRUpcLZ/c+k8ui7LHz9q0LEMP5vbW/f79xTsXlv1686mqRM/XcBxDg6kekVoAAAAASUVORK5CYII=') 50% 50% no-repeat;
+}
+
+.cappelli-2{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAABvFBMVEUAAABWLy/Dw8PAwMCwsLDYBATsAgLnAgJcOjocHBzFxcW0tLSysrJubm6/v7+tra29vb3TBQXlAwP0AQHKysqioqLBwcGYmJiJiYlvb2+Xl5d0dHRfX19zDw+AEREYGBgxJSWxCAjVBATpAgLFBQXtAQHRBQWzBwe1BgajCgrBBgZOFBS1BgZ6Dg6KDQ3Hx8e6urqkpKSWlpaSkpKAgICurq7KysrAwMDExMTHx8fPz8+goKBhYWHHx8esrKynp6etra2CgoK7u7tbW1ukpKSXl5eVlZWfn5+RkZGIiIhVVVVubm6Hh4dhYWGcnJynp6egoKCWlpaVlZUyMjKampo/Pz9ISEihoaFmZmaFhYUwMDBfX1+vr6+amppxcXFDQ0Nra2uYDAzFBgbQBQXOBQW/BwfFBgbrAgLxAQH6AABxERHoAgKdCgrhAgJrERHEBgbABgasCAiiCQljEhKBDg6gCQl0ERG/BweHDw+DDw+1CAiyCAg1Fxe4CAjABgZ3EBCiCws4GBjSBQW0CgpJFhbT09P/AADR0dH9AADKysrOzs70AQG3t7f5AQHeAwPMzMz2AQHwAgLGxsbtAgJHNNJ1AAAAhXRSTlMABf7+/v7+/hMJ/v7+Cv7+/fz7+fj46aKKdEkkHBsKcxr+/v7r6+XIooqKVkk1JP7+/v7+/vv69/Hv7Ozr6urp397X1s3IyLm0qKefmpWOhoRzcmBeWFVSTUU/OzMwLy0a/v7+/vj38e/s6+be19bNubSop5+alYR1dHNyYF5STUU/MzAtj0apAAAAAZ9JREFUOMuN0dVy4zAYBWDZju22SQopQ7Jbpm2XmbnMzMzMzCI7dpL2hWu5l3ZHPjO6+P4ZSWckAMLH63NlNRdX10mCAIDTE11/sr+3DY6MenSkKjOkktD8YvlmdU2d08HcrHQJp3/49LUhr32Yb1BXbshE1RFCqqJXXDo8loP9WKIQQkmk34a4Bs8yCUEZyIpilJI9hwveYQx90EqKJuJWrsGZVYawA4hpqGTH4X4KIWYbcFSTcDPPrCErYy3TJHG11uGCLHa5taJRGEvt5RrULxNkJ05QfCvZ4cIcDO1QDLVGvkFkI4GQgeys1jsd/P8cQg3a+VXINxCqZdWQiUGQvnAquDjPnxoLYA1D+rGHb2twOG0qM6XFCSW0H3FzflpUTJNeUfF9R5BrNjgi7EvvSoorw67uZG+kpfhe/y3imw2qkB2SOHF3LrSDb7s9GYQrdF1npSoFVxf9oJSyEv+8GdwsTZbIsqyQA3ePf3nj8wcCIs73ZpD8ZC1Dj+vm1Plj/v2WxuiLlwN8P0R4Wru9Mlu2m/So+5p+Zn9u8eh7UOpSQZ7205kAAAAASUVORK5CYII=') 50% 50% no-repeat;
+}
+
+.cappelli-3{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAABv1BMVEUAAAAhBwfYBATnAgLAwMDtAgIcHBx5KyvVBATrAgLSBQVzDw+AERHCwsKwsLBgLCzExMS0tLSysrLpAgKtra3jAwPFBgb0AQHKysrxAQGjCgqFDw+0CAi1BgaKDQ1jY2Nubm4YGBg1IiK7u7uUlJS/v7+ioqLGxsaqqqqWlpaYmJiJiYmkpKSWlpZDQ0OXl5d0dHSYDAyuCQm0CAjOBQW/BwfzAQHoAgLrAgLBBgb6AABxERHqAgLPBQXIBQXoAgLSBQWdCgrhAgJrERHEBgaxCAi1BwfABgasCAiiCQljEhK1Bwe0BgaBDg6gCQl0ERG6BwfHBQW/Bwc1Fxe4CAhIFxdUEhLABgZ3EBCiCwtwERHSBQW0CgqHCgpJFhYxExNqLCykpKSAgIDHx8fPz8+goKDCwsJhYWHAwMCtra2CgoK7u7tbW1ukpKSfn5+RkZGIiIhVVVVubm6Hh4dhYWGcnJxxcXFtbW0yMjKampqhoaFmZmaFhYVfX1+vr6+amppxcXFDQ0MxMTH/AADT09P9AAD0AQH7AADR0dHOzs7Kysr4AQHQ0NDcBAT2AQHLy8u3t7fGxsbfAwPxAgLuAgIQPfwxAAAAg3RSTlMAA/7+/v4JBf7+/RsK/v4T/v7+/v39+/r57Yp0ckkkGwpzP/7++vju6siiioVyVkkk/v7+/vj49/Hs7Ovr6unm397X1s3IyLm0qKejoZ+alY6GhGBeWFVSTUU7MzAvLRoX/v7v7Ozr6+bf3tfWzbm0qKefmpWOdXRgXlJNRTszMC8tGgMMVQUAAAGmSURBVDjLjdFlU+wwFAbgU1lYh10Wl917cb1cd3fH3d3dHZK0absK/GDSDt9apn1nkpnnQ3LOSQB8ZV8K3rX1Dw6NcRyAvaPNyzV120cnpznW9v8uzBfk/Bevin+UtA/YO9ZQVCnGq2unalcbm47NhuE3Mi8LEkJIcElv79v6bCYeomIKYyzmqnVmQ3khkZEbsbi0PPLf1g+KKMVBzJKrBOiWydDLihMvYtulJpC/tj5QMab6BTStiHTDZCh/phdnK5EgSaHbzqwjvRm20mmcEltMhor3MjKSJEj7mWXr1rk4NpKiWFkzG/zfrxC6PfOpwt6xlQzGCjay2Go2ZJfwgsYTjSCpuItz4MaQqISpQrE6uW9h4Eq9Cc+TvMdXnucdfifejaQDEbFKDVQ3xSwMXBlBbCaX+9E3nyM3U8xmzASr6qNWhuw/yAi57nTmBmyEZvYsDb4PkiTpj/6Vc+TovKqq+sfWWxtGXj908zzvkUud+Xx2IhgKhwPxHWtD1r3PXikpXRb0OfVSJKWoleOHlmbhRnt+fXz68l+OU1+0rC/UTG/e4Rs/G1EKal3aLwAAAABJRU5ErkJggg==') 50% 50% no-repeat;
+}
+
+.cappelli-4{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAAByFBMVEUAAAAJCQnsAgLnAgLYBATcBATVBAT0AQFzDw+AEREcHBx5Hh6LAADPBQXZBATpAgLiAwO0CAhOFBRoDAzAwMDDw8O0tLSwsLAYGBhIICBra2sxGRmYDAyuCQm0CAjFBgbiBATwAgL6AQHSBQXTBQW/BwfFBgboAgLrAgLxAQHBBgb6AABxERHqAgLPBQXwAQHIBQXoAgLSBQWdCgrhAgJrERHEBgaxCAi1BwfABgasCAiiCQljEhK1Bwe0BgaBDg6gCQl0ERG6BwelCQmhCwvHBQW/BweHDw+DDw81Fxe4CAjABgZ3EBC3BgazBweiCws4GBhwERHSBQW0CgqHCgqJDQ2KDg68vLytra3KysrGxsaRkZGUlJSkpKSgoKCqqqqWlpaYmJihoaGJiYlvb2+WlpadnZ2lpaVUVFRmZmaAgIDAwMDPz8/CwsJhYWGsrKzAwMCCgoK7u7tbW1ukpKSfn5+RkZGIiIhVVVVubm6Hh4dhYWGgoKAyMjI/Pz9ISEhmZmYwMDBfX19xcXF/f3//AAD8AADT09P0AQH+AAD4AQH2AQHKysrQ0NDyAgLS0tLOzs7Gxsa3t7fdBATvAgLtAgL5AQHMzMzpG7UoAAAAhXRSTlMAA/7+/v7++RsKCQMF/v7+/XJWE/7+/v5zLR4a/v7+/v7+/v37+Pf38e/s7Ovr6urp5t/e19bNyMi5tKino6GfmpWOi4mGhHV0YF5STUtHRT87MzAvJSP+/fnuR/778uTIooqKdHJYMRMK/vfs6+vq5t7X1s25tKinn5qVhGBYVU0/Oy8KGHgm6gAAAZ9JREFUOMud0WWTqzAUgOED1Lu+QO/luru7u+tqu113d3dNAm2y0K70726g+wfCOxNmni+cMwlApPLp1fsf/9XWVUsSgLiN3pnW9q7m/v6BoqNvwucVXHH91r2Xn7/UiHuwsympsmR6JD3X3bUFAPV3cBlWTISQIpt3/wt7e5TpTKWEEFWj45sAf8IYoxDiyZly/EHYzU02IwnCyzkaWwb4xYdZlxD/7B0q1jth9/HlbPeHdt5R7UWAv2F3GD/BoJVVqkTNN3SX4yefJwV1DaDhAUZeWQtlXsWEbUww4kVt4szHAKIvLiB0EXk9bhT3zixfzyFeUwYAlHwKKJkAzmC0e+NnXNzxbl0t6MxhhKb7uEH6XhqUS8vP7srXvkb9uCeV11JqC9WGVwaBF6907wQfhM48j/ix1GsTQpxcoqXDALeSt8jL2v/hz53Ey86tglfkoWma7tBnki8b7ZRS96E7ioaTt0+HygIBGX/z6bGhhJ7QNdYDxWInnlw2s2bFud9+PZ2iBZps3YDjpFNVrx9dufm+2rfXFybb2pYGijwCsIJGx4jvbSEAAAAASUVORK5CYII=') 50% 50% no-repeat;
+}
+
+.cappelli-5{
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAQCAMAAAC2lwjzAAAA1VBMVEUAAADYBATUBQVKEhLpAgLnAgL0AQHvAQFzDw+AERHPBQXoAwPmAgLCBgbFBQWzBwe1BgajCgrDBgaFDw9OFBS1BgaKDQ2YDAyuCQm0CAjFBgb6AABxERHqAgLPBQXoAgLSBQWdCgrhAgJrERHEBgbABgasCAiiCQljEhKBDg6gCQl0ERG6BwcYGBi1CAiyCAg1Fxe4CAjABgZ3EBCiCws4GBhwERHSBQW0CgqHCgpJFhYxExNyDAxdDQ3/AAD8AAD0AQH3AQHtAgLcBATwAgLgAwP5AQHDLfveAAAAPnRSTlMA/v0H/v757hsK/v76+OvIooqFdFZJJP7+/v7s6+vq5t/e19bNubSop5+alY5zc3JgXlJNRT87MzAvLRoUEx15MDIAAADNSURBVDjLrc1HloNADEVRFQUGnFO7c845dzt+qQB7/0sy2McrUL2jydVAIkreb1rtl5//8ZzK9E67tWXEzfg4vuv1//SmySkbbgiAKJOzX7Vpr8aMAGWZC/lZbfoSYLvIVw08ql1+qI5XzuGiodo0OmdscuXcW7UpvS2AFTZdjfQm2zORM+wYEn+qXTWo52E9PCzCZj/1YXpjAJwFB53Ei20X24oPL6bkQkQYQMd6MU1P9gNjTMYDPyb7eh2Ik+XRt9q7ZsOHy1b7aeHHa6BIpJhrAv6ZAAAAAElFTkSuQmCC') 50% 50% no-repeat;
+}

js/manifest.js

@@ -1,7 +1,7 @@
 var myManifest = {
     Debug: (window.location.port !== ""),
     Name: "Il Lievitario",
-    Version: "3.0.4.0",
+    Version: "3.0.4.4",
     Author: "Denis Ironi",
     Settings: {
         DefaultURL: (window.location.port === "" ? "http://" + window.location.host + "/Service": "http://" + window.location.hostname + ":" + window.location.port + "/Service_Manut"),

js/modules/category/category.js

@@ -44,7 +44,6 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
 
                         $(html).appendTo($ul).enhanceWithin();
                         $ul.listview("refresh");
-                        //$ul.trigger("updatelayout");                    
                     }
                     
                     $.mobile.loading('hide');
@@ -53,6 +52,18 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                 },
                 onShowed: function(){
                     $('body').scrollTop(0);
+                    setTimeout(function(){
+                        $('img[data-src!=""]').each(function(index, item){
+                            setTimeout(function(){
+                                var img = new Image(); 
+                                img.onload = function() { 
+                                    $(item).removeAttr("data-src");
+                                    $(item).attr("src",this.src);
+                                } 
+                                img.src = $(item).attr("data-src");
+                            }, 100);
+                        });
+                    }, 100); 
                 },
                 //render the content into div of view 
                 render: function () {

js/modules/category/categoryItemTemplate.html

@@ -5,30 +5,13 @@
 <li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r ui-li-has-thumb">
 	<div class="imageRic">
 	<% if(item.firstImage !== ""){ %>
-		<img src='<%=myManifest.Settings.DefaultURL%>/api/photo/thumbnail/<%=item.firstImage%>'>
+		<img data-src='<%=myManifest.Settings.DefaultURL%>/api/photo/thumbnail/<%=item.firstImage%>'>
 	<%}%>
 	</div>
 	<div class="contentItem">
 	    <div class='ricettaTitolo'><%= unescape(item.titolo) %></div>
 	    <div class='ricettaAutore'><%= unescape(item.autore) %></div>
-	    <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div>
-		<div id="valutazione">
-			<div role="text" data-role="none" aria-label="Molto Semplice" class="star-rating rater-0 star star-rating-applied star-rating-live <% if(parseInt(item.difficolta)>=1){%>star-rating-on<%}%>">
-				<div data-role="none" title="Molto Semplice">1</div>
-			</div>
-			<div data-role="none" role="text" aria-label="Semplice" class="star-rating rater-0 star star-rating-applied star-rating-live <% if(parseInt(item.difficolta)>=2){%>star-rating-on<%}%>">
-				<div data-role="none" title="Semplice">2</div>
-			</div>
-			<div data-role="none" role="text" aria-label="Normale" class="star-rating rater-0 star star-rating-applied star-rating-live <% if(parseInt(item.difficolta)>=3){%>star-rating-on<%}%>">
-				<div data-role="none" title="Normale">3</div>
-			</div>
-			<div data-role="none" role="text" aria-label="Difficile" class="star-rating rater-0 star star-rating-applied star-rating-live <% if(parseInt(item.difficolta)>=4){%>star-rating-on<%}%>">
-				<div data-role="none" title="Difficile">4</div>
-			</div>
-			<div data-role="none" role="text" aria-label="Molto Difficile" class="star-rating rater-0 star star-rating-applied star-rating-live <% if(parseInt(item.difficolta)>=5){%>star-rating-on<%}%>">
-				<div data-role="none" title="Molto Difficile">5</div>
-			</div>
-		</div>
+	    <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div><div id="valDiff" data-role="none" class="cappelli cappelli-<%=item.difficolta%>"></div>
 	</div>
 </a></li>
 <% }} %>