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

BatchSubstitute.bat

@@ -0,0 +1,20 @@
+@echo off
+REM -- Prepare the Command Processor --
+SETLOCAL ENABLEEXTENSIONS
+SETLOCAL DISABLEDELAYEDEXPANSION
+
+::BatchSubstitude - parses a File line by line and replaces a substring"
+::syntax: BatchSubstitude.bat OldStr NewStr File
+::          OldStr [in] - string to be replaced
+::          NewStr [in] - string to replace with
+::          File   [in] - file to be parsed
+:$changed 20100115
+:$source http://www.dostips.com
+if "%~1"=="" findstr "^::" "%~f0"&GOTO:EOF
+for /f "tokens=1,* delims=]" %%A in ('"type %3|find /n /v """') do (
+    set "line=%%B"
+    if defined line (
+        call set "line=echo.%%line:%~1=%~2%%"
+        for /f "delims=" %%X in ('"echo."%%line%%""') do %%~X
+    ) ELSE echo.
+)

ReadAndIncreaseVersion.cmd

@@ -0,0 +1,8 @@
+@echo off
+for /f "delims== tokens=1,2" %%G in (version.txt) do set %%G=%%H
+set /a BUILD=BUILD+1
+>version.txt (@echo MAJOR=%MAJOR%
+@echo MINOR=%MINOR%
+@echo PATCH=%PATCH%
+@echo BUILD=%BUILD%
+)

build.cmd

@@ -1,6 +1,15 @@
-call uglifyjs .\js\libs\hello.min.js .\js\libs\ua-parser.min.js .\js\libs\markerclusterer.js -o .\js\common.min.js
+call uglifyjs .\js\libs\hello.min.js .\js\libs\ua-parser.min.js .\js\libs\markerclusterer.js .\js\libs\clipboard.js -o .\js\common.min.js
 REM node r.js -o app.build_dev.js
 node r.js -o app.build_prod.js
-REM call cleancss -o .\css\loadingStyle.min.css .\css\loadingStyle.css
+
+CALL ReadAndIncreaseVersion.cmd
+set version=%MAJOR%.%MINOR%.%PATCH%.%BUILD%
+echo Set new version %version% in Manifest.js
+CALL BatchSubstitute.bat "Version:"X.X.X.X"," "Version:"%version%"," .\app-build_prod\manifest.js>.\app-build_prod\manifestNew.js
+del .\app-build_prod\manifest.js
+rename .\app-build_prod\manifestNew.js manifest.js
+
+
+
 call buildcss.cmd
 pause

css/IlLievitario.css

@@ -255,3 +255,52 @@ html .ui-alt-icon .ui-radio-off:after {
 	background-color: white;
     opacity: 0.8;
 }
+
+#linkFonte{
+	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAeFBMVEUAAADMzMzMzMzNzc3MzMzMzMzNzc3MzMzMzMzMzMzNzc3IyMjMzMzMzMzMzMzMzMzMzMzMzMzNzc3Ly8vMzMzMzMzMzMzMzMzMzMzMzMzMzMzNzc3MzMzNzc3MzMzMzMzMzMzNzc3MzMzNzc3MzMzNzc3MzMzMzMwIwWCTAAAAJ3RSTlMAeLA4aPnBtuVAGgvu1cqfllAhE+mOY0323s+5qZOEf3JwbmBI+Nq+bgA+AAACAklEQVRYw6SU2XqCMBCFDxiWkFJl0Va7uFSd93/D1hNpEj9irf43JEM4swbEMM1muuoPIod+Nd00Bv+iUkUmAVmhKtyI2T7LKM/bm+JYlBKlXOAvXmq5Sv2Ca7R56JDbPAwpbxFFP4lHr5CcnglU79ufNCKooPLHFoMA2mPQEYVRZmKxPVh1cALoVsMrMsMIxVAl5lF28AXQlYx+qHER9Z+aKZ8aoQA0zVOTRmJQQtZoWYhP+ALkk+m3WAtRCND87LU5R7JEKECWZ8/NK6V00H/bvwao+FaNCSj6qIDGdrOFI7cJTiYTVqDXE8uMTs8b3QeHJPfmV+7CTXUtd1HjzELuZAFiSrmT0lBgy81b+sObHaZfakbq9pcntxTggH+4ZFKQsI2W1AX+wbvB/x/HonPWXVxg53x1HL1qmI/CmwcdF9Be/wtOnFsQDmQXF+g4giCDYzOEMmRTIi6A8uJwZtDYYpA9RSMCLu49XPEbbLzb+3Vaz68JzE+GL+9+bwLT7vJ8MmrYBe7evaDWrGdEwFVu7SX8jpw6CclpShxMufAMdJfb9ZxrLOUhlsjkIbLv0uuABgAYhmEYf9YGYQKX/m9t0gf0FfoR+xt7kHqUe5l6nTdQOtI6VDfWu1i62rZct94bMBZxGrIW8xY0F3Ubth/3XzheeV66XvtePF99X75b/wFwBjZwYQt79AAAAABJRU5ErkJggg==') 50% 50% no-repeat;
+	width: 24px;
+	height: 24px;
+	background-size: 24px 24px;
+}
+
+.alphabetContainer{
+	position: fixed;
+    top: 35px;
+    right: 2px;
+
+	width: 20px;
+    padding: 0;
+    margin: 18px 0 0;    
+    font-size: larger;
+    font-weight: 700;
+    z-index: 10;
+    background-color: rgba(199, 199, 199, 0.36);
+    border-radius: 4px;
+
+    overflow-x: hidden;
+    overflow-y: hidden;
+}
+
+.alphabetContainer_hover{
+	background-color: rgb(199, 199, 199)!important;
+}
+
+.alphabetContainer:hover{
+	background-color: rgb(199, 199, 199)!important;
+}
+
+.alphabetList{
+    list-style: none;    
+    padding: 0;
+    margin: 0px;
+    margin-left: 3px;
+    text-shadow: none;
+}
+
+.alphabetList li a{
+	color: white !important;
+}
+
+.alphabeticalListed{
+	margin-right: 6px!important;
+}

css/base.style.css

@@ -15,7 +15,9 @@
     box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important;
 }
 
-#favoriteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEUAAADNzc3MzMzMzMzLy8vMzMzMzMzMzMzMzMzMzMzNzc3MzMzLy8vMzMzMzMzLy8vHx8fLy8vLy8vMzMzMzMzMzMzMzMzAH4KZAAAAFnRSTlMAnxSw69r1/VJBBr5y4pCCDacq1s8c3BtyNQAAASJJREFUWMPtl8tuhiAQRscbw03wOu//qI0hsQUHy6/poglnQwx+R5hZCPAD1YxId+A4K8iiGyphnnJ5Q2UYzQs8leLZ/CQoRvQJ4pxZuDXIOO2WdH5DOsHVt6nARXl1nU7oJcQ0t7uUTEtlXoCX9XEd6tusYIMUEVcoPPqsoLu0iCK6aT6GtVzQJoLQdNTPBTAcY1sFVVAFVfBvBNoP6o1g2YjQ6ccCK+hgXZ4JdnP+RewTgezpG7N/KjBzHBC2UJCnCqqgCv5E4N4K5EvBqF8KJHACVxpHC6xAFuYHCbxAj8HfNXd4pSEjAIWhQhIKaOPTesBSwKhf87th7yUWrzc+nvCivYhVTx8wTszW5vK84HeqTOn3s5Va3Ip0Dwpjz/V/AVKhx1hESgVcAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; }
+#favoriteBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAARVBMVEUAAADNzc3MzMzMzMzLy8vMzMzMzMzMzMzMzMzMzMzNzc3MzMzLy8vMzMzMzMzLy8vHx8fLy8vLy8vMzMzMzMzMzMzMzMzAH4KZAAAAFnRSTlMAnxSw69r1/VJBBr5y4pCCDacq1s8c3BtyNQAAASJJREFUWMPtl8tuhiAQRscbw03wOu//qI0hsQUHy6/poglnQwx+R5hZCPAD1YxId+A4K8iiGyphnnJ5Q2UYzQs8leLZ/CQoRvQJ4pxZuDXIOO2WdH5DOsHVt6nARXl1nU7oJcQ0t7uUTEtlXoCX9XEd6tusYIMUEVcoPPqsoLu0iCK6aT6GtVzQJoLQdNTPBTAcY1sFVVAFVfBvBNoP6o1g2YjQ6ccCK+hgXZ4JdnP+RewTgezpG7N/KjBzHBC2UJCnCqqgCv5E4N4K5EvBqF8KJHACVxpHC6xAFuYHCbxAj8HfNXd4pSEjAIWhQhIKaOPTesBSwKhf87th7yUWrzc+nvCivYhVTx8wTszW5vK84HeqTOn3s5Va3Ip0Dwpjz/V/AVKhx1hESgVcAAAAAElFTkSuQmCC") 50% 50% no-repeat;  background-size: 22px 22px; 
+    border-radius: 0em;
+}
 
 
 #infoBtn:after { background:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAATlBMVEUAAADMzMzMzMzMzMzLy8vMzMzLy8vNzc3MzMzMzMzLy8vMzMzMzMzGxsbMzMzLy8vMzMzNzc3MzMzMzMzMzMzLy8vMzMzLy8vLy8vMzMwz+9AJAAAAGXRSTlMA/bcP3Zo+HG73NJDOCIx7rFhUwfG/ZkkjXGUYMQAAAcBJREFUWMPNV1uygyAMFRAUVBC1ava/0XunxaEdCbHy0/NpDCQ5eVH9OgYhhpuqzWR5reEfuuZ2ar7Udj2DD7DeXT9DcQYJMK4uqZsHoHgYUl1IBhkwKQjrayBQZ/1oGZBgLa7fwSV0mL6Ei5Al9+M2tPAFEnFQDOFN7cbq02d14r9O60+v5FpObAokgIizLRVIgySAOQw82/aZ1Vj+71XA+YL5I4KAYDosTMje48gBQR/60ZiQ8ajfMLyAm2eJJhmKHcYBDs3luKRFrjrQwy30hAcUog8ebsKHA2xavIytMqrN+GczJDI+DUSbikTWRM/o0P4YftCpgvedXIN8RykO8y8le5q9ojcEvLwUeJCoAwRxgKuIH0RwgahFAxgGwsKGaLf6oJFgicPNH7rAkqYSySLy7SXeSJY84uFATSwfy5nM9HxL6nPja6cbSuVyLX0l8gz1YQlCSXkQiEQHx4ySSAyWkYqhyo62eMCI6M/54RrzVDhpN0kN10oitYgSLekFY9kOWaIz1+LCisP4qsy2jjpBoSpdskrXvNJFs3TVLV22S9f94gcHBTMDitkUP7rKn33Xz/DvD0/flDx9fxx/PN/lHL1sRwIAAAAASUVORK5CYII=") 50% 50% no-repeat;  background-size: 22px 22px; }
@@ -55,6 +57,11 @@
     font-size: x-small;
 }
 
+#optionBtn:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAQMAAADYVuV7AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABpJREFUOMtjGAVA8B8OaMkZfmA03EbDbXADAN367xG53E5/AAAAAElFTkSuQmCC') 50% 50% no-repeat;  background-size: 22px 22px; }
+
+#copyBtn:after { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAMAAADVRocKAAAAOVBMVEUAAAD///////////////////////////////////////////////////////////////////////8KOjVvAAAAEnRSTlMAIPCgULBg4NBwz8AQgECQj28Efn8CAAABhElEQVRo3u2ZbWvDMAyEK7/HTdPm/v+PXQuj22I5jHIGG/x8bUGJfJHO0mUymVCQ3Wcg+10uLRCLN7ZBCGfwC+MuZAIOBPLzo8BR829QYJjnYKFgiS8AFd4rLFBZaAE8VDwtQIZKpgVAhXECRKgkXhlqeshyBRrKdH2gijCKaJEdaqnYMuoYYbYwNCjXtyI71IbjDtq/h6JlMqV5laeeiqZPk2Z032EXn4DkF6FK09wOv7OkqWeDLc20FX9hStMEhteMfpeKNFee11w1aVK9ZiikyfaaZGk6nGGF7DX50rQn2Qlsr1lKk+81dWnyvaZxjb1mHMcKNg+Q6ika5JCby1RQ5fH60PovFefFLr+KXe/lum3D0VvmXWuZXTd9xWu6qEq2Y+Ol5q2QLJst/UOyXdv3J2tFsrL7+J6bdn2FUiVbXgI7v8byL+K6ZM9HCf0PQ34kqyJDDKTYIzWdOOemH3rZNM5wvDbeH2dBUV+xDLMkqq+5hlnUna0aR1mW/vWyk8lE4wslI37NvbnQIgAAAABJRU5ErkJggg==') 50% 50% no-repeat;  background-size: 22px 22px; }
+
+
 h1{
     text-align: center;
     font-size: 1.5em;
@@ -234,16 +241,19 @@ label.error {
   border-bottom-right-radius: inherit;
 }
 
-.thmbImg
-{
+.imageRic{
+    position: absolute;
+    left: 0;
+    top: 0;
+    max-width: 5em;
     border-right: 2px solid #cdcdcd!important;
     width: 80px;
     height: 100%;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAATlBMVEUAAADT09PMzMy+vr7KysrPz8/Q0NDOzs7V1dXY2NjS0tK7u7vJycnExMTCwsK2trba2tq/v7/i4uLb29vGxsaysrLc3NysrKympqafn5/59uVfAAAAAXRSTlMAQObYZgAAATlJREFUWMPt18luwzAMRVHzWSKpwUPsTP3/H23iIAWstJtSCLLQ2Qjg4kIrgeqapmma5h3S6AQ/fJ6MPReUxT8xYhhMvahMyO4uu5xdFKgYemlm7AYXFpCh6CMXkxxhKZIeislAAAj/DlL6JWi4I1H/GiyKdYIgrhQ8RjwoKgWDbIDQVwmeVr7z5CWagqXkvNqCpUnJEgSkvCJZgkp8Loq9JTgoAKoY/FoAaMVgtwRejzWD3RHPZ2eZrMG9OUjdIEs41QwmBY1Vgu5xSIQsNYK08v24rgDOV3twDG57/9QDYJiDUwBAmFzEjag56Ag3HBibcDEGT4odGoxBnmknkDGYDv3OOBmDrz4pmLo/JCLbslQ6KNnWuRJHb1o4S+A5GVbiQgaxRsvSXhDW4EzfioK4MXVN0zRN8wbf0o0Kwdr1WXcAAAAASUVORK5CYII=') 50% 50% no-repeat;
+    background-size: 80px 80px;
 }
-
-.emptyItemList
-{
-    content:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAATlBMVEUAAADT09PMzMy+vr7KysrPz8/Q0NDOzs7V1dXY2NjS0tK7u7vJycnExMTCwsK2trba2tq/v7/i4uLb29vGxsaysrLc3NysrKympqafn5/59uVfAAAAAXRSTlMAQObYZgAAATlJREFUWMPt18luwzAMRVHzWSKpwUPsTP3/H23iIAWstJtSCLLQ2Qjg4kIrgeqapmma5h3S6AQ/fJ6MPReUxT8xYhhMvahMyO4uu5xdFKgYemlm7AYXFpCh6CMXkxxhKZIeislAAAj/DlL6JWi4I1H/GiyKdYIgrhQ8RjwoKgWDbIDQVwmeVr7z5CWagqXkvNqCpUnJEgSkvCJZgkp8Loq9JTgoAKoY/FoAaMVgtwRejzWD3RHPZ2eZrMG9OUjdIEs41QwmBY1Vgu5xSIQsNYK08v24rgDOV3twDG57/9QDYJiDUwBAmFzEjag56Ag3HBibcDEGT4odGoxBnmknkDGYDv3OOBmDrz4pmLo/JCLbslQ6KNnWuRJHb1o4S+A5GVbiQgaxRsvSXhDW4EzfioK4MXVN0zRN8wbf0o0Kwdr1WXcAAAAASUVORK5CYII=')
+.contentItem{
+    padding-left: 80px;
 }
 
 .freewallGallery {
@@ -270,3 +280,74 @@ 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;
+}
+
+.noti_bubble {
+    position: absolute;
+    top: 0px;
+    right: 2px;
+    /*
+    padding: 2px;
+    background-color: red;
+    color: white;
+    font-weight: 700;
+    font-size: .75em;
+    border-radius: 50%;
+    width: 15px;
+    text-align: center;*/
+    background: radial-gradient( center -9px, circle closest-side, #395184 0, #38c 26px );
+    background: -moz-radial-gradient( center -9px, circle closest-side, #395184 0, #38c 26px );
+    background: -ms-radial-gradient( center -9px, circle closest-side, #395184 0, #38c 26px );
+    background: -o-radial-gradient( center -9px, circle closest-side, #395184 0, #38c 26px );
+    background: -webkit-radial-gradient( center -9px, circle closest-side, #395184 0, #38c 26px );
+    background-color: #38c;
+    border: 1px solid white;
+    border-radius: 12px; /* must be 1/2 of ( border-width*2 + width ) */
+    box-shadow: 1px 1px 1px black;
+    color: white;
+    font: bold 17px/15px Helvetica, Verdana, Tahoma;
+    height: 18px; /* height + padding-top must equal width */
+    padding-top: 2px; /* height + padding-top must equal width */
+    text-align: center;
+    width: 20px;
+}

css/material-design.css

@@ -35,6 +35,10 @@
     padding-right: 25px;
 }
 
+.ui-page-theme-d #optionBtn{
+	background-color: #3b5998;
+}
+
 .ui-page-theme-d .ui-btn-left {
     background-color: #3b5998;
     border-color: #3b5998 !important;

index.php

@@ -13,18 +13,61 @@
         <meta property="og:site_name" content="Il Lievitario"/>
         <meta itemprop="name" content="Home - Il Lievitario"/>
 <?php        
+require_once "../Service_Manut/config.inc.php";
+
+// inclusione del file contenente la classe
+require_once "../Service_Manut/MySqlClass.php";
+require_once "../Service_Manut/utility.php";
+
         $ogFbTitle = "Home - Il Lievitario";
-        $ogFbUrl = "";
+        $ogFbUrl = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
         $ogFbType = "website";
         $ogFbImage = "http://app.gruppolapastamadre.it/previewLink.png";
         $ogFbDescription = "Ricettario web del il Gruppo la pasta madre";
+        if(!empty($_GET["ricetta"]))
+        {
+            $ricetta = $_GET['ricetta'];
+            $ogFbUrl .= "#ricetta/" . $ricetta;
+
+            $ogFbType = "article";
+            $mysqlconnetion = new MysqlClass;
+            $query = "SELECT categorie.name AS categoria_name, " .
+             "titolo, procedimento, autore FROM ricette " . 
+             "INNER JOIN categorie ON categorie.ID = ricette.id_categoria WHERE ricette.ID = " . $ricetta;
+            $retObj = $mysqlconnetion->queryToObject($query);
+            $ogFbTitle = urldecode($retObj[0]["titolo"]);
+            $ogFbTitle = $ogFbTitle . " di " . urldecode($retObj[0]["autore"]);
+            $ogFbDescription = "Categoria: " . $retObj[0]["categoria_name"] . " Descrizione: " . substr(strip_tags(html_entity_decode($retObj[0]["procedimento"], ENT_COMPAT | ENT_HTML401, 'ISO-8859-1')), 0, 200);
+
+            $query = "select medium_link, type_format from immagini where immagini.id_ricette = " . $ricetta . " and bCover = 1";
+            $retObj = $mysqlconnetion->queryToObject($query);
+
+            if(count($retObj)>0){
+            $ogFbImage2 = str_replace("?dl=0", "",$retObj[0]["medium_link"]);
+            $ogFbTypeFormat = $retObj[0]["type_format"];
+            
+            if($ogFbImage2 != ""){
+                echo "<meta property='og:image' content='" . $ogFbImage2 . "'/>";
+                echo "<meta property='og:image:type' content='" . $ogFbTypeFormat . "'/>";
+            }
+            }
+            else{
+                echo "<meta property='og:image' content='" . $ogFbImage . "'/>";
+            }
+        }
+        else{
+            echo "<meta property='og:image' content='" . $ogFbImage . "'/>";
+        }
 ?>
+        <meta property="fb:app_id" content="1466942266882168" />
         <meta property="og:title" content="<?php echo $ogFbTitle; ?>"/>
         <meta property="og:url" content="<?php echo $ogFbUrl; ?>"/>
         <meta property="og:type" content="<?php echo $ogFbType; ?>"/>
-        <meta property="og:image" content="<?php echo $ogFbImage; ?>"/>
         <meta property="og:description" content="<?php echo $ogFbDescription; ?>" />
-        <meta property="description" content="<?php echo $ogFbDescription; ?>" />
+        <!-- END Meta tag per FB-->
+        <meta name="msapplication-TileColor" content="#3b5998">
+        <meta name="theme-color" content="#3b5998">
+        <meta name="msapplication-TileImage" content="https://dl.dropboxusercontent.com/s/pj3fk1lgc4cefwx/Icon~ipad%402x.png">
         <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" >        
         <link rel="stylesheet" href="css/style.min.<?php echo filemtime('css/style.min.css'); ?>.css">
         <link href='http://fonts.googleapis.com/css?family=Pompiere' rel='stylesheet' type='text/css'>
@@ -35,7 +78,7 @@
         <link rel="apple-touch-icon" sizes="144x144" href="https://dl.dropboxusercontent.com/s/pj3fk1lgc4cefwx/Icon~ipad%402x.png" />
         <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui"/>
         <meta http-equiv="Access-Control-Allow-Origin" content="*"/>
-        <script src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
+        <script async defer src="https://maps.googleapis.com/maps/api/js?libraries=places,drawing"></script>
         <script type='text/javascript' src="js/common.min.<?php echo filemtime('js/common.min.js'); ?>.js"></script>
         <script type='text/javascript'>
 <?php echo file_get_contents("js/manifest.js"); ?>

js/classes/images.js

@@ -1,82 +0,0 @@
-	/* 
- * To change this license header, choose License Headers in Project Properties.
- * To change this template file, choose Tools | Templates
- * and open the template in the editor.
- */
-
-define(['jquery', 'backbone'],
-        function ($, Backbone) {
-
-            var Images = {                
-                prefix: "images",
-                getThumb: function (id) {
-                	var val = this._get(id);
-                    if(val.thumb !== "")
-                    	return val.thumb;
-
-                    var response = $.ajax({
-                        url: myManifest.Settings.DefaultURL + "/api/photo/thumbnail/" + id + "/1",
-                        type: 'GET',
-                        async: false
-                    }).responseText;
-                    val.thumb = response;
-					this._set(id, val);
-                    return val.thumb;
-                },
-                getMedium: function (id) {
-                	var val = this._get(id);
-                    if(val.medium !== "")
-                    	return val.medium;
-
-                    var response = $.ajax({
-                        url: myManifest.Settings.DefaultURL + "/api/photo/medium/" + id + "/1",
-                        type: 'GET',
-                        async: false
-                    }).responseText;
-                    val.medium = response;
-					this._set(id, val);
-                    return val.medium;
-                },
-                getFull: function (id) {
-                	var val = this._get(id);
-                    if(val.full !== "")
-                    	return val.full;
-
-                    var response = $.ajax({
-                        url: myManifest.Settings.DefaultURL + "/api/photo/" + id + "/1",
-                        type: 'GET',
-                        async: false
-                    }).responseText;
-                    val.full = response;
-					this._set(id, val);
-                    return val.full;
-                },
-                _set:function(id, item){
-                	var list = JSON.parse(window.localStorage.getItem(this.prefix));
-                	if(list !== null)
-                	{
-                		list[id] = item;
-                		window.localStorage.setItem(this.prefix, JSON.stringify(list));
-                	}
-                },
-                _get:function(id){
-                	var ret = null;
-                	var item = JSON.parse(window.localStorage.getItem(this.prefix));
-                    if(item === null){
-                    	item = {};
-                    	window.localStorage.setItem(this.prefix, JSON.stringify(item));
-                    	ret = { thumb: "", medium: "", full:""};
-                    }
-                	else if(item[id] === undefined){
-                		ret = { thumb: "", medium: "", full:""};
-                	}
-                	else{
-                		ret = item[id];
-                	}
-
-                	return ret;
-                }
-            };
-
-            return Images;
-        });

js/libs/clipboard.js

@@ -0,0 +1,740 @@
+/*!
+ * clipboard.js v1.5.10
+ * https://zenorocha.github.io/clipboard.js
+ *
+ * Licensed MIT © Zeno Rocha
+ */
+(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Clipboard = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
+var matches = require('matches-selector')
+
+module.exports = function (element, selector, checkYoSelf) {
+  var parent = checkYoSelf ? element : element.parentNode
+
+  while (parent && parent !== document) {
+    if (matches(parent, selector)) return parent;
+    parent = parent.parentNode
+  }
+}
+
+},{"matches-selector":5}],2:[function(require,module,exports){
+var closest = require('closest');
+
+/**
+ * Delegates event to a selector.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @param {Boolean} useCapture
+ * @return {Object}
+ */
+function delegate(element, selector, type, callback, useCapture) {
+    var listenerFn = listener.apply(this, arguments);
+
+    element.addEventListener(type, listenerFn, useCapture);
+
+    return {
+        destroy: function() {
+            element.removeEventListener(type, listenerFn, useCapture);
+        }
+    }
+}
+
+/**
+ * Finds closest match and invokes callback.
+ *
+ * @param {Element} element
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Function}
+ */
+function listener(element, selector, type, callback) {
+    return function(e) {
+        e.delegateTarget = closest(e.target, selector, true);
+
+        if (e.delegateTarget) {
+            callback.call(element, e);
+        }
+    }
+}
+
+module.exports = delegate;
+
+},{"closest":1}],3:[function(require,module,exports){
+/**
+ * Check if argument is a HTML element.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.node = function(value) {
+    return value !== undefined
+        && value instanceof HTMLElement
+        && value.nodeType === 1;
+};
+
+/**
+ * Check if argument is a list of HTML elements.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.nodeList = function(value) {
+    var type = Object.prototype.toString.call(value);
+
+    return value !== undefined
+        && (type === '[object NodeList]' || type === '[object HTMLCollection]')
+        && ('length' in value)
+        && (value.length === 0 || exports.node(value[0]));
+};
+
+/**
+ * Check if argument is a string.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.string = function(value) {
+    return typeof value === 'string'
+        || value instanceof String;
+};
+
+/**
+ * Check if argument is a function.
+ *
+ * @param {Object} value
+ * @return {Boolean}
+ */
+exports.fn = function(value) {
+    var type = Object.prototype.toString.call(value);
+
+    return type === '[object Function]';
+};
+
+},{}],4:[function(require,module,exports){
+var is = require('./is');
+var delegate = require('delegate');
+
+/**
+ * Validates all params and calls the right
+ * listener function based on its target type.
+ *
+ * @param {String|HTMLElement|HTMLCollection|NodeList} target
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listen(target, type, callback) {
+    if (!target && !type && !callback) {
+        throw new Error('Missing required arguments');
+    }
+
+    if (!is.string(type)) {
+        throw new TypeError('Second argument must be a String');
+    }
+
+    if (!is.fn(callback)) {
+        throw new TypeError('Third argument must be a Function');
+    }
+
+    if (is.node(target)) {
+        return listenNode(target, type, callback);
+    }
+    else if (is.nodeList(target)) {
+        return listenNodeList(target, type, callback);
+    }
+    else if (is.string(target)) {
+        return listenSelector(target, type, callback);
+    }
+    else {
+        throw new TypeError('First argument must be a String, HTMLElement, HTMLCollection, or NodeList');
+    }
+}
+
+/**
+ * Adds an event listener to a HTML element
+ * and returns a remove listener function.
+ *
+ * @param {HTMLElement} node
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenNode(node, type, callback) {
+    node.addEventListener(type, callback);
+
+    return {
+        destroy: function() {
+            node.removeEventListener(type, callback);
+        }
+    }
+}
+
+/**
+ * Add an event listener to a list of HTML elements
+ * and returns a remove listener function.
+ *
+ * @param {NodeList|HTMLCollection} nodeList
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenNodeList(nodeList, type, callback) {
+    Array.prototype.forEach.call(nodeList, function(node) {
+        node.addEventListener(type, callback);
+    });
+
+    return {
+        destroy: function() {
+            Array.prototype.forEach.call(nodeList, function(node) {
+                node.removeEventListener(type, callback);
+            });
+        }
+    }
+}
+
+/**
+ * Add an event listener to a selector
+ * and returns a remove listener function.
+ *
+ * @param {String} selector
+ * @param {String} type
+ * @param {Function} callback
+ * @return {Object}
+ */
+function listenSelector(selector, type, callback) {
+    return delegate(document.body, selector, type, callback);
+}
+
+module.exports = listen;
+
+},{"./is":3,"delegate":2}],5:[function(require,module,exports){
+
+/**
+ * Element prototype.
+ */
+
+var proto = Element.prototype;
+
+/**
+ * Vendor function.
+ */
+
+var vendor = proto.matchesSelector
+  || proto.webkitMatchesSelector
+  || proto.mozMatchesSelector
+  || proto.msMatchesSelector
+  || proto.oMatchesSelector;
+
+/**
+ * Expose `match()`.
+ */
+
+module.exports = match;
+
+/**
+ * Match `el` to `selector`.
+ *
+ * @param {Element} el
+ * @param {String} selector
+ * @return {Boolean}
+ * @api public
+ */
+
+function match(el, selector) {
+  if (vendor) return vendor.call(el, selector);
+  var nodes = el.parentNode.querySelectorAll(selector);
+  for (var i = 0; i < nodes.length; ++i) {
+    if (nodes[i] == el) return true;
+  }
+  return false;
+}
+},{}],6:[function(require,module,exports){
+function select(element) {
+    var selectedText;
+
+    if (element.nodeName === 'INPUT' || element.nodeName === 'TEXTAREA') {
+        element.focus();
+        element.setSelectionRange(0, element.value.length);
+
+        selectedText = element.value;
+    }
+    else {
+        if (element.hasAttribute('contenteditable')) {
+            element.focus();
+        }
+
+        var selection = window.getSelection();
+        var range = document.createRange();
+
+        range.selectNodeContents(element);
+        selection.removeAllRanges();
+        selection.addRange(range);
+
+        selectedText = selection.toString();
+    }
+
+    return selectedText;
+}
+
+module.exports = select;
+
+},{}],7:[function(require,module,exports){
+function E () {
+	// Keep this empty so it's easier to inherit from
+  // (via https://github.com/lipsmack from https://github.com/scottcorgan/tiny-emitter/issues/3)
+}
+
+E.prototype = {
+	on: function (name, callback, ctx) {
+    var e = this.e || (this.e = {});
+
+    (e[name] || (e[name] = [])).push({
+      fn: callback,
+      ctx: ctx
+    });
+
+    return this;
+  },
+
+  once: function (name, callback, ctx) {
+    var self = this;
+    function listener () {
+      self.off(name, listener);
+      callback.apply(ctx, arguments);
+    };
+
+    listener._ = callback
+    return this.on(name, listener, ctx);
+  },
+
+  emit: function (name) {
+    var data = [].slice.call(arguments, 1);
+    var evtArr = ((this.e || (this.e = {}))[name] || []).slice();
+    var i = 0;
+    var len = evtArr.length;
+
+    for (i; i < len; i++) {
+      evtArr[i].fn.apply(evtArr[i].ctx, data);
+    }
+
+    return this;
+  },
+
+  off: function (name, callback) {
+    var e = this.e || (this.e = {});
+    var evts = e[name];
+    var liveEvents = [];
+
+    if (evts && callback) {
+      for (var i = 0, len = evts.length; i < len; i++) {
+        if (evts[i].fn !== callback && evts[i].fn._ !== callback)
+          liveEvents.push(evts[i]);
+      }
+    }
+
+    // Remove event from queue to prevent memory leak
+    // Suggested by https://github.com/lazd
+    // Ref: https://github.com/scottcorgan/tiny-emitter/commit/c6ebfaa9bc973b33d110a84a307742b7cf94c953#commitcomment-5024910
+
+    (liveEvents.length)
+      ? e[name] = liveEvents
+      : delete e[name];
+
+    return this;
+  }
+};
+
+module.exports = E;
+
+},{}],8:[function(require,module,exports){
+(function (global, factory) {
+    if (typeof define === "function" && define.amd) {
+        define(['module', 'select'], factory);
+    } else if (typeof exports !== "undefined") {
+        factory(module, require('select'));
+    } else {
+        var mod = {
+            exports: {}
+        };
+        factory(mod, global.select);
+        global.clipboardAction = mod.exports;
+    }
+})(this, function (module, _select) {
+    'use strict';
+
+    var _select2 = _interopRequireDefault(_select);
+
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+
+    var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
+        return typeof obj;
+    } : function (obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj;
+    };
+
+    function _classCallCheck(instance, Constructor) {
+        if (!(instance instanceof Constructor)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+
+    var _createClass = function () {
+        function defineProperties(target, props) {
+            for (var i = 0; i < props.length; i++) {
+                var descriptor = props[i];
+                descriptor.enumerable = descriptor.enumerable || false;
+                descriptor.configurable = true;
+                if ("value" in descriptor) descriptor.writable = true;
+                Object.defineProperty(target, descriptor.key, descriptor);
+            }
+        }
+
+        return function (Constructor, protoProps, staticProps) {
+            if (protoProps) defineProperties(Constructor.prototype, protoProps);
+            if (staticProps) defineProperties(Constructor, staticProps);
+            return Constructor;
+        };
+    }();
+
+    var ClipboardAction = function () {
+        /**
+         * @param {Object} options
+         */
+
+        function ClipboardAction(options) {
+            _classCallCheck(this, ClipboardAction);
+
+            this.resolveOptions(options);
+            this.initSelection();
+        }
+
+        /**
+         * Defines base properties passed from constructor.
+         * @param {Object} options
+         */
+
+
+        ClipboardAction.prototype.resolveOptions = function resolveOptions() {
+            var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+
+            this.action = options.action;
+            this.emitter = options.emitter;
+            this.target = options.target;
+            this.text = options.text;
+            this.trigger = options.trigger;
+
+            this.selectedText = '';
+        };
+
+        ClipboardAction.prototype.initSelection = function initSelection() {
+            if (this.text) {
+                this.selectFake();
+            } else if (this.target) {
+                this.selectTarget();
+            }
+        };
+
+        ClipboardAction.prototype.selectFake = function selectFake() {
+            var _this = this;
+
+            var isRTL = document.documentElement.getAttribute('dir') == 'rtl';
+
+            this.removeFake();
+
+            this.fakeHandler = document.body.addEventListener('click', function () {
+                return _this.removeFake();
+            });
+
+            this.fakeElem = document.createElement('textarea');
+            // Prevent zooming on iOS
+            this.fakeElem.style.fontSize = '12pt';
+            // Reset box model
+            this.fakeElem.style.border = '0';
+            this.fakeElem.style.padding = '0';
+            this.fakeElem.style.margin = '0';
+            // Move element out of screen horizontally
+            this.fakeElem.style.position = 'fixed';
+            this.fakeElem.style[isRTL ? 'right' : 'left'] = '-9999px';
+            // Move element to the same position vertically
+            this.fakeElem.style.top = (window.pageYOffset || document.documentElement.scrollTop) + 'px';
+            this.fakeElem.setAttribute('readonly', '');
+            this.fakeElem.value = this.text;
+
+            document.body.appendChild(this.fakeElem);
+
+            this.selectedText = (0, _select2.default)(this.fakeElem);
+            this.copyText();
+        };
+
+        ClipboardAction.prototype.removeFake = function removeFake() {
+            if (this.fakeHandler) {
+                document.body.removeEventListener('click');
+                this.fakeHandler = null;
+            }
+
+            if (this.fakeElem) {
+                document.body.removeChild(this.fakeElem);
+                this.fakeElem = null;
+            }
+        };
+
+        ClipboardAction.prototype.selectTarget = function selectTarget() {
+            this.selectedText = (0, _select2.default)(this.target);
+            this.copyText();
+        };
+
+        ClipboardAction.prototype.copyText = function copyText() {
+            var succeeded = undefined;
+
+            try {
+                succeeded = document.execCommand(this.action);
+            } catch (err) {
+                succeeded = false;
+            }
+
+            this.handleResult(succeeded);
+        };
+
+        ClipboardAction.prototype.handleResult = function handleResult(succeeded) {
+            if (succeeded) {
+                this.emitter.emit('success', {
+                    action: this.action,
+                    text: this.selectedText,
+                    trigger: this.trigger,
+                    clearSelection: this.clearSelection.bind(this)
+                });
+            } else {
+                this.emitter.emit('error', {
+                    action: this.action,
+                    trigger: this.trigger,
+                    clearSelection: this.clearSelection.bind(this)
+                });
+            }
+        };
+
+        ClipboardAction.prototype.clearSelection = function clearSelection() {
+            if (this.target) {
+                this.target.blur();
+            }
+
+            window.getSelection().removeAllRanges();
+        };
+
+        ClipboardAction.prototype.destroy = function destroy() {
+            this.removeFake();
+        };
+
+        _createClass(ClipboardAction, [{
+            key: 'action',
+            set: function set() {
+                var action = arguments.length <= 0 || arguments[0] === undefined ? 'copy' : arguments[0];
+
+                this._action = action;
+
+                if (this._action !== 'copy' && this._action !== 'cut') {
+                    throw new Error('Invalid "action" value, use either "copy" or "cut"');
+                }
+            },
+            get: function get() {
+                return this._action;
+            }
+        }, {
+            key: 'target',
+            set: function set(target) {
+                if (target !== undefined) {
+                    if (target && (typeof target === 'undefined' ? 'undefined' : _typeof(target)) === 'object' && target.nodeType === 1) {
+                        if (this.action === 'copy' && target.hasAttribute('disabled')) {
+                            throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
+                        }
+
+                        if (this.action === 'cut' && (target.hasAttribute('readonly') || target.hasAttribute('disabled'))) {
+                            throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');
+                        }
+
+                        this._target = target;
+                    } else {
+                        throw new Error('Invalid "target" value, use a valid Element');
+                    }
+                }
+            },
+            get: function get() {
+                return this._target;
+            }
+        }]);
+
+        return ClipboardAction;
+    }();
+
+    module.exports = ClipboardAction;
+});
+
+},{"select":6}],9:[function(require,module,exports){
+(function (global, factory) {
+    if (typeof define === "function" && define.amd) {
+        define(['module', './clipboard-action', 'tiny-emitter', 'good-listener'], factory);
+    } else if (typeof exports !== "undefined") {
+        factory(module, require('./clipboard-action'), require('tiny-emitter'), require('good-listener'));
+    } else {
+        var mod = {
+            exports: {}
+        };
+        factory(mod, global.clipboardAction, global.tinyEmitter, global.goodListener);
+        global.clipboard = mod.exports;
+    }
+})(this, function (module, _clipboardAction, _tinyEmitter, _goodListener) {
+    'use strict';
+
+    var _clipboardAction2 = _interopRequireDefault(_clipboardAction);
+
+    var _tinyEmitter2 = _interopRequireDefault(_tinyEmitter);
+
+    var _goodListener2 = _interopRequireDefault(_goodListener);
+
+    function _interopRequireDefault(obj) {
+        return obj && obj.__esModule ? obj : {
+            default: obj
+        };
+    }
+
+    function _classCallCheck(instance, Constructor) {
+        if (!(instance instanceof Constructor)) {
+            throw new TypeError("Cannot call a class as a function");
+        }
+    }
+
+    function _possibleConstructorReturn(self, call) {
+        if (!self) {
+            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        }
+
+        return call && (typeof call === "object" || typeof call === "function") ? call : self;
+    }
+
+    function _inherits(subClass, superClass) {
+        if (typeof superClass !== "function" && superClass !== null) {
+            throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
+        }
+
+        subClass.prototype = Object.create(superClass && superClass.prototype, {
+            constructor: {
+                value: subClass,
+                enumerable: false,
+                writable: true,
+                configurable: true
+            }
+        });
+        if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+    }
+
+    var Clipboard = function (_Emitter) {
+        _inherits(Clipboard, _Emitter);
+
+        /**
+         * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
+         * @param {Object} options
+         */
+
+        function Clipboard(trigger, options) {
+            _classCallCheck(this, Clipboard);
+
+            var _this = _possibleConstructorReturn(this, _Emitter.call(this));
+
+            _this.resolveOptions(options);
+            _this.listenClick(trigger);
+            return _this;
+        }
+
+        /**
+         * Defines if attributes would be resolved using internal setter functions
+         * or custom functions that were passed in the constructor.
+         * @param {Object} options
+         */
+
+
+        Clipboard.prototype.resolveOptions = function resolveOptions() {
+            var options = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+
+            this.action = typeof options.action === 'function' ? options.action : this.defaultAction;
+            this.target = typeof options.target === 'function' ? options.target : this.defaultTarget;
+            this.text = typeof options.text === 'function' ? options.text : this.defaultText;
+        };
+
+        Clipboard.prototype.listenClick = function listenClick(trigger) {
+            var _this2 = this;
+
+            this.listener = (0, _goodListener2.default)(trigger, 'click', function (e) {
+                return _this2.onClick(e);
+            });
+        };
+
+        Clipboard.prototype.onClick = function onClick(e) {
+            var trigger = e.delegateTarget || e.currentTarget;
+
+            if (this.clipboardAction) {
+                this.clipboardAction = null;
+            }
+
+            this.clipboardAction = new _clipboardAction2.default({
+                action: this.action(trigger),
+                target: this.target(trigger),
+                text: this.text(trigger),
+                trigger: trigger,
+                emitter: this
+            });
+        };
+
+        Clipboard.prototype.defaultAction = function defaultAction(trigger) {
+            return getAttributeValue('action', trigger);
+        };
+
+        Clipboard.prototype.defaultTarget = function defaultTarget(trigger) {
+            var selector = getAttributeValue('target', trigger);
+
+            if (selector) {
+                return document.querySelector(selector);
+            }
+        };
+
+        Clipboard.prototype.defaultText = function defaultText(trigger) {
+            return getAttributeValue('text', trigger);
+        };
+
+        Clipboard.prototype.destroy = function destroy() {
+            this.listener.destroy();
+
+            if (this.clipboardAction) {
+                this.clipboardAction.destroy();
+                this.clipboardAction = null;
+            }
+        };
+
+        return Clipboard;
+    }(_tinyEmitter2.default);
+
+    /**
+     * Helper function to retrieve attribute value.
+     * @param {String} suffix
+     * @param {Element} element
+     */
+    function getAttributeValue(suffix, element) {
+        var attribute = 'data-clipboard-' + suffix;
+
+        if (!element.hasAttribute(attribute)) {
+            return;
+        }
+
+        return element.getAttribute(attribute);
+    }
+
+    module.exports = Clipboard;
+});
+
+},{"./clipboard-action":8,"good-listener":4,"tiny-emitter":7}]},{},[9])(9)
+});

js/manifest.js

@@ -1,7 +1,7 @@
 var myManifest = {
     Debug: (window.location.port !== ""),
     Name: "Il Lievitario",
-    Version: "3.0.5.2",
+    Version: "X.X.X.X",
     Author: "Denis Ironi",
     Settings: {
         ShowStartMessage: true,

js/model/categoryItem/categoryItemModel.js

@@ -7,6 +7,7 @@ function ($, _, Backbone){
                     ricetta_id: "",
                     titolo: '',
                     autore: '',
+                    firstImage: "",
                     valutazione: 0,
                     difficolta: 0,
                     categoria_name: 0

js/model/categoryItem/searchItemModel.js

@@ -7,6 +7,7 @@ function ($, _, Backbone){
                     ricetta_id: "",
                     titolo: '',
                     autore: '',
+                    firstImage: "",
                     valutazione: 0,
                     difficolta: 0,
                     categoria_name: 0

js/modules/base/baseView.js

@@ -1,5 +1,5 @@
-define(['jquery', 'underscore', 'backbone', 'controls/footer/footer', 'controls/header/header', 'classes/profile'],
-function($, _, Backbone, Footer, Header, Profile){
+define(['jquery', 'underscore', 'backbone', 'controls/footer/footer', 'controls/header/header', 'classes/profile', 'text!modules/base/popupInAppDlg.html'],
+function($, _, Backbone, Footer, Header, Profile, popupInAppDlgTemplate){
 
   var BaseView = Backbone.View.extend({
     
@@ -7,6 +7,7 @@ function($, _, Backbone, Footer, Header, Profile){
     header: null,
     footer: null,
     created: true,
+    popupInAppDlgTmpl: _.template(popupInAppDlgTemplate),
     
     initialize: function () {
         this.header = new Header({ title: "Il Lievitario"});
@@ -36,6 +37,8 @@ function($, _, Backbone, Footer, Header, Profile){
             this.$el.attr('data-theme', Profile.data.tema);
             this.$el.attr('stay-in-page', this.isStayInPage());
             this.$el.attr('id', this.id);
+
+            this.$el.append(this.popupInAppDlgTmpl());
         }
     },    
     onShowing: null,

js/modules/base/popupInAppDlg.html

@@ -0,0 +1,15 @@
+<div data-role="popup" id="inAppDlg">
+    <div data-role="header">
+        <h1>Attenzione</h1>
+    </div>
+    <div role="main" class="ui-content">
+        <p style="text-align: center;font-style: italic;"><strong>IMPORTANTE</strong><br><br>
+            Si stà utilizzando il lievitario all'interno dell'applicazione FB, non si garantisce il corretto funzionamento.<br>
+            Si prega di utilizzare il lievitario all'interno dei browser del dispositivo.<br><br>
+            E' possibile disattivare il caricamento all'interno dell'applicazione Facebook seguendo le istruzioni riportate <a href="http://www.wired.it/mobile/app/2015/05/04/facebook-twitter-come-disattivare-browser/">QUI</a>
+        </p>
+        <p style="text-align: center;">
+            <a href="" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check" data-rel="back">OK</a>
+        </p>
+    </div>
+</div>

js/modules/category/category.js

@@ -1,6 +1,6 @@
 define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewTemplate.html',
-    'text!modules/category/categoryItemTemplate.html', 'modules/base/baseView', 'libs/fastclick', 'classes/debug', 'classes/images'],
-        function ($, _, Backbone, categoryViewTemplate, categoryItemTemplate, BaseView, FastClick, Debug, Images) {
+    'text!modules/category/categoryItemTemplate.html', 'modules/base/baseView', 'libs/fastclick', 'classes/debug'],
+        function ($, _, Backbone, categoryViewTemplate, categoryItemTemplate, BaseView, FastClick, Debug) {
 
             var CategoryView = BaseView.extend({
                 collection: null,
@@ -8,6 +8,9 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                 //initialize template
                 template: _.template(categoryViewTemplate),
                 itemtemplate: _.template(categoryItemTemplate, {variable: 'data'}),
+                events: {
+                    "click a[data-ordinal-divider]": "scrollDivider",
+                },
                 initialize: function (options) {
                     this.id = "CategoryView" + options.categoryId;
                     var self = this;
@@ -39,20 +42,61 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                          });*/
                         html = this.itemtemplate({
                             items: this.collection.toJSON(),
-                            images: Images
+                            myManifest: myManifest
                         });
 
                         $(html).appendTo($ul).enhanceWithin();
                         $ul.listview("refresh");
-                        //$ul.trigger("updatelayout");                    
                     }
 
+                    var alphaList = "";
+                    this.$el.find(".ui-li-divider").each(function(index, item){
+                        alphaList += "<li><a data-ordinal-divider='" + index + "'>" + $(item).text() + "</a></li>";
+                    });
+                    this.$el.find("#alphabetList").append(alphaList);
+
+                    this.$el.find("#alphabetConteiner").on("touchend", function(e){
+                        if(self.$el.find("#alphabetConteiner").hasClass("alphabetContainer_hover"))
+                            self.$el.find("#alphabetConteiner").removeClass("alphabetContainer_hover");
+                    });
+                    this.$el.find("#alphabetConteiner").on("touchmove", function(e){
+                        if(!self.$el.find("#alphabetConteiner").hasClass("alphabetContainer_hover"))
+                            self.$el.find("#alphabetConteiner").addClass("alphabetContainer_hover");
+                        e.preventDefault();
+                        var touch = e.originalEvent.touches[0] || e.originalEvent.changedTouches[0];
+                        // scroll to divider position
+                        var y= touch.pageY;
+
+                        self.$el.find("#alphabetList>*").each(function(){
+                            if ( ! ( y <= $( this ).offset().top || y >= $( this ).offset().top + $( this ).outerHeight() ) ) {
+                                $($( this ).children()[0]).trigger("click");
+                                return;
+                            }
+                        });
+                    });
+                    
                     $.mobile.loading('hide');
-
-
+                },
+                scrollDivider:function(e){
+                    var a = $(e.currentTarget);
+                    var header = $(this.$el.find("div[data-role='header']"));
+                    var divider = $(this.$el.find(".ui-li-divider")[a.attr("data-ordinal-divider")]);
+                    $('body').scrollTop(divider.position().top - header.height());
                 },
                 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

@@ -1,32 +1,18 @@
 <% if(data.items.length == 0){ %>
-    <h1>Nessuna ricetta trovata</h1>
+<h1>Nessuna ricetta trovata</h1>
 <%} else { for (var i = 0; i < data.items.length; i++) { %>
   <% var item = data.items[i]; %>
-<li><a href="#ricetta/<%= item.ricetta_id%>" class="ui-btn ui-btn-icon-right ui-icon-carat-r ui-li-has-thumb">
-	<% if(item.firstImage === ""){ %>
-		<!--<img class="thmbImg emptyItemList">-->
-	<%}else{%>
-		<!--<img class="thmbImg" src='<%=data.images.getThumb(item.firstImage)%>'>-->
-	<%}%>
-    <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>
+<li><a href="r<%= item.ricetta_id%>/#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 data-src='<%=myManifest.Settings.DefaultURL%>/api/photo/thumbnail/<%=item.firstImage%>'>
+		<div class="noti_bubble"><%=item.countImages%></div>
+<%}%>
+	</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="valDiff" data-role="none" class="cappelli cappelli-<%=item.difficolta%>"></div>
 	</div>
 </a></li>
 <% }} %>

js/modules/category/categoryViewTemplate.html

@@ -1,5 +1,33 @@
 <div id="categoryListContent" data-role="content">
 	<h1>Indice <%= categoryName %></h1>
-    <ul id="allRicette" data-role="listview" data-autodividers="true" data-alpha="true" data-inset="true">    	
+	<div id="alphabetConteiner" data-role="none" class="alphabetContainer">
+		<ul id="alphabetList" class="alphabetList">
+			<!-- <li><a data-ordinal-divider='1'>A</a></li>
+			<li><a data-ordinal-divider='2'>B</a></li>
+			<li><a data-ordinal-divider='3'>C</a></li>
+			<li><a data-ordinal-divider='4'>D</a></li>
+			<li><a data-ordinal-divider='5'>E</a></li>
+			<li><a data-ordinal-divider='6'>F</a></li>
+			<li><a data-ordinal-divider='7'>G</a></li>
+			<li><a data-ordinal-divider='8'>H</a></li>
+			<li><a data-ordinal-divider='9'>I</a></li>
+			<li><a data-ordinal-divider='10'>J</a></li>
+			<li><a data-ordinal-divider='11'>K</a></li>
+			<li><a data-ordinal-divider='12'>L</a></li>
+			<li><a data-ordinal-divider='13'>M</a></li>
+			<li><a data-ordinal-divider='14'>N</a></li>
+			<li><a data-ordinal-divider='15'>O</a></li>
+			<li><a data-ordinal-divider='16'>P</a></li>
+			<li><a data-ordinal-divider='17'>Q</a></li>
+			<li><a data-ordinal-divider='18'>R</a></li>
+			<li><a data-ordinal-divider='19'>S</a></li>
+			<li><a data-ordinal-divider='20'>T</a></li>
+			<li><a data-ordinal-divider='21'>U</a></li>
+			<li><a data-ordinal-divider='22'>V</a></li>
+			<li><a data-ordinal-divider='23'>W</a></li>
+			<li><a data-ordinal-divider='24'>Z</a></li> -->
+		</ul>
+	</div>
+    <ul id="allRicette" class="alphabeticalListed" data-role="listview" data-autodividers="true" data-alpha="true" data-inset="true">    	
     </ul>
 </div>

js/modules/item/item.js

@@ -1,5 +1,5 @@
-define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.html', 'modules/base/baseView', 'classes/profile', 'classes/images', 'jQueryPlugins'],
-        function ($, _, Backbone, itemViewTemplate, BaseView, Profile, Images) {
+define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.html', 'modules/base/baseView', 'classes/profile', 'jQueryPlugins'],
+        function ($, _, Backbone, itemViewTemplate, BaseView, Profile) {
 
             var ItemView = BaseView.extend({
                 collRicetta: null,
@@ -7,6 +7,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                 fetchedRicetta: false,
                 fetchedIngredienti: false,
                 galleryWall: null,
+                currentPhotoIndex: null,
                 //initialize template
                 template: _.template(itemViewTemplate),
                 initialize: function (options) {
@@ -30,7 +31,23 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                 },
                 events: {
                     "click #favoriteBtn": "favBtn",
-                    "click #backBtn": "backBtn"
+                    "click #backBtn": "backBtn",
+                    "click #optionBtn": "optionBtn",
+                    "click #copyBtn": "copyBtn"
+                },
+                copyBtn: function(e) {
+                    e.preventDefault();
+                },
+                optionBtn: function(e) {
+                    e.preventDefault();
+                    var self = this;                    
+                    self.$el.find('#optionPopupDialog').popup("open");
+
+                    if(myManifest.Agent.browser.name == "Safari" || myManifest.Agent.browser.name == "Mobile Safari"){
+                        var field = self.$el.find('#copyField');
+                        field.val(window.location.href);
+                        field[0].setSelectionRange(0, field[0].value.length);
+                    }
                 },
                 backBtn: function (e) {
                     e.preventDefault();
@@ -43,6 +60,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
 
                     if (!Profile.isConnected())
                     {
+                        self.$el.find('#optionPopupDialog').popup("close");
                         self.$el.find('#popupDialog').popup("open");
                         return;
                     }
@@ -51,6 +69,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                             function (msg) {
                                 var favBtn = self.$el.find('#favoriteBtn');
                                 favBtn.addClass('ui-disabled');
+                                self.$el.find('#optionPopupDialog').popup("close");
                             }
                     );
                 },
@@ -58,7 +77,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                     var self = this;
                     $('body').scrollTop(0);
                     
-                    /*this.galleryWall = new Freewall("#Gallery");
+                    this.galleryWall = new Freewall("#Gallery");
                     this.galleryWall.reset({
                         selector: '.brick',
                         animate: true,
@@ -69,16 +88,32 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                         }
                     });
 
-                    var imgurl = Images.getThumb(48);*/
-
-                    /*var images = this.galleryWall.container.find('.brick');
+                    var images = this.galleryWall.container.find('.brick');
                     images.find('img').load(function() {
                         self.galleryWall.fitWidth();
-                    });*/
-
+                    });
 
+                    self.indexContent = 0;
+                    self.switchContent();
                     $.mobile.loading('hide');
                 },
+
+                loadImage: function(){
+                    var self = this;
+                    $.mobile.loading('show', {
+                        text: 'Caricamento immagine...',
+                        textVisible: true,
+                        //theme: 'z',
+                        html: ""
+                    });
+                    var photoID = $(self.$photos[self.currentPhotoIndex]).attr("data-photoid");
+
+                    self.$el.find('#photoFull').attr("src" , myManifest.Settings.DefaultURL + "/api/photo/" + photoID);
+                    self.$el.find('#photoFull').load(function(){
+                        $.mobile.loading('hide');
+                        self.$el.find('#fullPhotoPopupDialog').popup("open");    
+                    });
+                },
                 //render the content into div of view
                 render: function () {
                     if (this.fetchedIngredienti && this.fetchedRicetta)
@@ -97,14 +132,13 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                                         ricetta: ric,
                                         ingredienti: self.collIngredienti.toJSON(),
                                         profile: Profile,
-                                        //images: Images,
                                     }));
 
                                     self.scrollPositions = [];
                                     self.$arrayContent = self.$el.find('div[data-role="content"]');
                                     self.$arrayNavBar = self.$el.find('div[data-role="navbar"] a');
                                     
-                                    /*self.$photos = self.$el.find('#contentFoto a');
+                                    self.$photos = self.$el.find('#contentFoto a');
                                     self.$el.find('#contentFoto a img').load(function(){
                                         countImgLoaded++;
                                         if(self.$photos.length == countImgLoaded)
@@ -114,23 +148,10 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
 
                                     self.$photos.on("click", function(e){
                                         e.preventDefault();                                       
-                                        $.mobile.loading('show', {
-                                            text: 'Caricamento immagine...',
-                                            textVisible: true,
-                                            //theme: 'z',
-                                            html: ""
-                                        });
-
-                                        var photoID = $(this).attr("data-photoid");
-
-                                        self.$el.find('#photoFull').attr("src" , myManifest.Settings.DefaultURL + "/api/photo/" + photoID);
-                                        self.$el.find('#photoFull').load(function(){
-                                            $.mobile.loading('hide');                                            
-                                            self.$el.find('#fullPhotoPopupDialog').popup("open");    
-                                        });
-                                        
+                                        self.currentPhotoIndex = self.$photos.index(this); 
+                                        self.loadImage();
                                     });
-                                    */
+                                    
                                     for (var i = self.$arrayContent.length - 1; i >= 0; i--) {
                                         self.scrollPositions.push(0);
                                     };
@@ -153,6 +174,32 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                                         var index = jQuery.inArray(this, self.$arrayContent);
                                         self.goToContent(index - 1);
                                     });
+
+                                    self.$el.find('#fullPhotoPopupDialog div').
+                                    on("swiperight", function (e) {
+                                        self.currentPhotoIndex--;
+                                        if(self.currentPhotoIndex < 0)
+                                            self.currentPhotoIndex = 0;
+                                        else                                        
+                                            self.loadImage();
+                                        
+                                    }).on("swipeleft", function (e) {
+                                        self.currentPhotoIndex++;
+                                        if(self.currentPhotoIndex > self.$photos.length - 1)
+                                            self.currentPhotoIndex = self.$photos.length -1;
+                                        else
+                                            self.loadImage();
+                                    });
+
+                                    if(myManifest.Agent.browser.name != "Safari" || myManifest.Agent.browser.name != "Mobile Safari"){
+                                        new Clipboard('#copyBtn', {
+                                            text: function(trigger) {
+                                                self.$el.find('#optionPopupDialog').popup("close");
+                                                return window.location.href;
+                                            }
+                                        });
+                                    }
+
                                     self.trigger("renderCompleted:Item", self);
                                 }
                         );
@@ -181,11 +228,17 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                     this.$arrayContent.hide();
                     this.$arrayNavBar.removeClass('ui-btn-active');
                     this.$arrayNavBar.removeClass('ui-state-persist');
-                    $(this.$arrayContent[this.indexContent]).show();
-                    $(this.$arrayNavBar[this.indexContent]).addClass('ui-btn-active');
-                    $(this.$arrayNavBar[this.indexContent]).addClass('ui-state-persist');
-                    /*if(this.indexContent == 2)
-                        this.galleryWall.fitWidth();*/
+                    var content = $(this.$arrayContent[this.indexContent]);
+                    if(content.css('min-height') == "0px" || content.css('min-height') == ""){
+                        var minHeight = myManifest.Settings.Device.Height - $('[data-role="header"]').height() - $('[data-role="footer"]').height() - 37;
+                        content.css('min-height', minHeight);
+                    }
+                    content.show();
+                    var navBarItem = $(this.$arrayNavBar[this.indexContent]);
+                    navBarItem.addClass('ui-btn-active');
+                    navBarItem.addClass('ui-state-persist');
+                    if(this.indexContent == 2)
+                        this.galleryWall.fitWidth();
                 }
             });
             return ItemView;

js/modules/item/itemViewTemplate.html

@@ -1,8 +1,18 @@
 <div data-role="header" data-position="fixed" data-tap-toggle="false">
-    <a id="favoriteBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-left" data-icon="custom"></a>
+    <a id="optionBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-left" data-icon="custom"></a>
     <h3 id='titoloRicetta'><%= unescape(ricetta.titolo)%></h3>
     <a id="backBtn" href="#" class="nav-glyphish-example ui-btn ui-icon-myHome ui-btn-icon-notext ui-btn-right" data-icon="custom"></a>
 </div>
+<% 
+    var widthImg = 320;
+    if( myManifest.Agent.device.type != "" )
+    {
+        /*prendo la larghezza del viewport e sottraggo il 10perc, poi divito per le due colonne*/
+        widthImg = (myManifest.Settings.Device.Width - (myManifest.Settings.Device.Width / 10)) / 2;
+        if(widthImg>320)
+            widthImg = 320;
+    }
+%>
 <div id="contentIngredienti" data-role="content">
     <h1>Ingredienti</h1>    
     <% _.each(ingredienti, function(ingrediente) {
@@ -18,20 +28,41 @@
     <p id='procedimento'><%= ricetta.procedimento%></p>
     <p style="font-size: xx-small;font-weight: lighter;">La proprietà del materiale pubblicato nel Lievitario , salvo diversa indicazione, è dei rispettivi autori. E’ vietata la ripubblicazione, anche parziale, di tutto il materiale pubblicato nel sito Lievitario senza preventiva autorizzazione scritta.</p>
 </div>
+<% if(ricetta.foto != null && ricetta.foto.length > 0){ %>
+<div id="contentFoto" data-role="content" style="display: none;">
+    <h1>Foto</h1>
+    <div id="Gallery" class="freewallGallery">
+        <% _.each(ricetta.foto, function(fotoID) {%>
+            <div class='brick' style='width:<%=widthImg%>px;'><a id="photo_<%=fotoID.ID%>" data-role="none" data-photoid="<%=fotoID.ID%>" href="">
+                <img src='<%=myManifest.Settings.DefaultURL%>/api/photo/medium/<%=fotoID.ID%>' class="imageborder imageborder-<%=profile.data.tema%>"></a></div>
+        <%});%>
+	</div>
+</div>
+<% }%>
+<!-- <div id="contentVideo" data-role="content" data-theme="d" style="display: none;" data-iscroll>
+    <h1>Video</h1>
+    <p id='video'></p>
+</div> -->
 <div data-role="footer" data-position="fixed" data-tap-toggle="false">
 	<div data-role="navbar">
 	    <ul>
 	        <li><a href="" class="ui-btn-active ui-state-persist">Ingredienti</a></li>
 	        <li><a href="">Procedimento</a></li>
-	        <!--<li><a href="">Foto</a></li>
-	        <li><a href="">Video</a></li>-->
+	        <% if(ricetta.foto != null && ricetta.foto.length > 0){ %><li><a href="">Foto</a></li><% }%>
+	        <!--<li><a href="">Video</a></li>-->
 	    </ul>
 	</div><!-- /navbar -->
-    <% if(ricetta.autore.length > 0){ %>
-	<h1 id="autore" style="padding: 0px;">Autore: <%= unescape(ricetta.autore)%></h1>
-    <% }if(ricetta.link_fonte.length > 0){ %>
-    <h1 id="linkFonte" style="padding: 0px;"><a target="_blank" href="<%= ricetta.link_fonte%>">Link Fonte</a></h1>
-    <% }%>
+            <div data-role="none">
+    <% if(ricetta.link_fonte.length > 0){ %>
+    <div data-role="none" style="display: inline-block;margin-right: 5px;margin-top: 4px;margin-left: 5px;">
+    <a data-role="none" target="_blank" href="<%= ricetta.link_fonte%>"><div id="linkFonte"></div></a>
+    </div>
+    <% } if(ricetta.autore.length > 0){ %>
+            <div data-role="none" style="display: inline-block;vertical-align: super;margin-left: 5px;">
+                <p id="autore" style="padding: 0px;display: inline;">Autore: <%= unescape(ricetta.autore)%></p>
+            </div>
+    <% }  %>
+            </div>
 </div>
 <div data-role="popup" id="fullPhotoPopupDialog">
     <a href="#" data-rel="back" class="ui-btn ui-corner-all ui-shadow ui-btn-a ui-icon-delete ui-btn-icon-notext ui-btn-right">Close</a>
@@ -39,6 +70,20 @@
         <img id="photoFull" src='' style="width: 100%;">
     </div>
 </div>
+<div data-role="popup" id="optionPopupDialog">
+    <div data-role="header">
+        <h1>Opzioni</h1>
+    </div>
+    <div role="main" class="ui-content">
+        <a id="favoriteBtn" href="" class="ui-btn ui-btn-icon-left">Agg. al Blocco</a>
+<% if(myManifest.Agent.browser.name != "Safari" && myManifest.Agent.browser.name != "Mobile Safari"){%>
+        <a id="copyBtn" href="" class="ui-btn ui-btn-icon-left">Copia Link</a>        
+<%}else{%>
+        <p>Link da condividere</p>
+        <input type="text" id="copyField" />
+<%}%>
+    </div>
+</div>
 <div data-role="popup" id="popupDialog">
     <div data-role="header">
         <h1>Informazione</h1>
@@ -48,7 +93,7 @@
             Questa funzionalità è disponibile solo se si è abilitata la Sincronizzazione tramite Facebook o Google.
         </p>
         <p style="text-align: center;">
-            <a id="syncBtn" href="#syncView" class="ui-btn ui-corner-all ui-btn-inline ui-shadow ui-icon-custom ui-btn-icon-left">Sincronizza</a>
+            <a id="syncBtn" href="/#syncView" class="ui-btn ui-corner-all ui-btn-inline ui-shadow ui-icon-custom ui-btn-icon-left">Sincronizza</a>
             <a href="" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-icon-check" data-rel="back">Cancel</a>
         </p>
     </div>

js/modules/note/noteItemTemplate.html

@@ -3,7 +3,7 @@
 <%} else { for (var i = 0; i < data.length; i++) { %>
   <% var item = data[i]; %>
 	<li>
-        <a href="#ricetta/<%= item.ricetta_id%>">
+        <a href="r<%= item.ricetta_id%>/#ricetta/<%= item.ricetta_id%>">
             <div id="itemID" style="display: none;"><%= item.ricetta_id%></div>
             <div class='ricettaTitolo'><%= unescape(item.titolo) %></div>
             <div class='ricettaAutore'><%= unescape(item.autore) %></div>

js/modules/search/foundItemTemplate.html

@@ -2,26 +2,16 @@
 <h1>Nessuna ricetta trovata</h1>
 <%} 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 ui-li-has-thumb">
-    <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>
+<li><a href="r<%= item.ricetta_id%>/#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%>'>
+	<%}%>
+	</div>
+	<div class="contentItem">
+	    <div class='ricettaTitolo'><%= unescape(item.titolo)%> - <%= unescape(item.categoria_name)%></div>
+	    <div class='ricettaAutore'><%= unescape(item.autore) %></div>
+	    <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div><div id="valDiff" data-role="none" class="cappelli cappelli-<%=item.difficolta%>"></div>
 	</div>
 </a></li>
 <% }} %>

js/router.js

@@ -36,9 +36,9 @@ define(['jquery', 'underscore', 'backbone',
                         if (self.activeView.onShowed !== null)
                             self.activeView.onShowed();
 
-//                        if (self.fastClickInstance !== null)
-//                            self.fastClickInstance.destroy();
-//                        self.fastClickInstance = FastClick.attach(document.body);
+                        if( /FB_IAB|FB4A|FBAV/i.test(myManifest.Agent.ua) ) {
+                            self.activeView.$el.find('#inAppDlg').popup("open");
+                        }
                     });
                 },
                 //define routes and mapping route to the function 
@@ -141,6 +141,11 @@ define(['jquery', 'underscore', 'backbone',
                     //categoryView.bind('renderCompleted:Category',this.changePage,this);
                 },
                 showItem: function (itemId) {
+                    // Ricodifica dei link vecchi
+                    if(window.location.href.indexOf("r" + itemId) == -1)
+                    {
+                        window.location.href = "r" + itemId + "/#ricetta/" + itemId;   
+                    }
                     $.mobile.loading('show', {
                         text: 'Caricamento ricetta...',
                         textVisible: true,
@@ -174,7 +179,6 @@ define(['jquery', 'underscore', 'backbone',
                     this.changePage(mapsView);
                 },
                 showSearch: function () {
-                    // will render home view and navigate to homeView
                     var searchView = new SearchView();
                     searchView.render();
                     this.changePage(searchView);

sitemap.php

@@ -5,8 +5,8 @@
  * Copyright (C), 2011 - 2012 - Joost de Valk, [email protected]
  */
 // inclusione del file contenente la classe
-require_once "./Service/MySqlClass.php";
-require_once "./Service/utility.php";
+require_once "../Service_Manut/MySqlClass.php";
+require_once "../Service_Manut/utility.php";
 
 // Get the keys so we can check quickly
 
@@ -33,21 +33,24 @@ function dinamicSite() {
         $date = DateTime::createFromFormat('Y-m-d H:i:s', $lastModified[0]["lastModified"], new DateTimeZone("Europe/Rome"));
         
         $lastDate = date_format($date, $W3C_datetime_format_php) . $timezone_offset;
-	?>
+    ?>
     <url>
         <loc><?php echo $url . $catStr; ?></loc>
         <lastmod><?php echo $lastDate; ?></lastmod>
     </url><?php
     
-        $query = "select ID as ricetta_id, titolo from ricette where ID_CATEGORIA = " . $value["category_id"] . " order by titolo, autore";
+        $query = "select ID as ricetta_id, titolo, Data_modifica from ricette where ID_CATEGORIA = " . $value["category_id"] . " order by titolo, autore";
         $ricItems = $mysqlconnetion->queryToObject($query);
         
         foreach ($ricItems as $keyRic => $valueRic)
         {
-            $itemStr= "#ricetta/" . $valueRic["ricetta_id"];
+            $itemStr= "r". $valueRic["ricetta_id"] . "/#ricetta/" . $valueRic["ricetta_id"];
+            $date = DateTime::createFromFormat('Y-m-d H:i:s', $valueRic["Data_modifica"], new DateTimeZone("Europe/Rome"));        
+        $lastDate = date_format($date, $W3C_datetime_format_php) . $timezone_offset;
         ?>
     <url>
         <loc><?php echo $url . $itemStr; ?></loc>
+        <lastmod><?php echo $lastDate; ?></lastmod>
     </url><?php
         }
     }

version.txt

@@ -0,0 +1,4 @@
+MAJOR=4
+MINOR=0
+PATCH=2
+BUILD=0