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

.htaccess

@@ -1,4 +1,4 @@
-AddHandler application/x-httpd-php .html .htm
+#AddHandler application/x-httpd-php .html .htm
 <ifModule mod_gzip.c>
 	mod_gzip_on Yes
 	mod_gzip_dechunk Yes
@@ -24,13 +24,18 @@ AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/r
 
 <ifModule mod_rewrite.c>
 	RewriteEngine On
-        RewriteRule ^index.html$ index.php [L]
+	RewriteBase /
-	RewriteRule ^js/libs/(.*)\.[0-9]+\.js$ /WebClient/js/libs/$1.js [L]
+    #RewriteRule ^index.html$ index.php [L]
-	RewriteRule ^js/(.*)\.[0-9]+\.js$ /WebClient/js/$1.js [L]
+	RewriteRule ^.*js/libs/(.*)\.[0-9]+\.js$ /WebClient/js/libs/$1.js [L]
-	RewriteRule ^css/(.*)\.[0-9]+\.css$ /WebClient/css/$1.css [L]
+	RewriteRule ^.*js/(.*)\.[0-9]+\.js$ /WebClient/js/$1.js [L]
-	RewriteRule ^Resources/img/(.*)\.[0-9]+\.png$ /WebClient/Resources/img/$1.png [L]
+	RewriteRule ^r.*/.*js/(.*).js$ /WebClient/js/$1.js [L]
-	RewriteRule ^Resources/img/(.*)\.[0-9]+\.gif$ /WebClient/Resources/img/$1.gif [L]
+	RewriteRule ^r.*/.*js/(.*).html$ /WebClient/js/$1.html [L]
-	RewriteRule ^Resources/icons/(.*)\.[0-9]+\.png$ /WebClient/Resources/icons/$1.png [L]
+	RewriteRule ^.*css/(.*)\.[0-9]+\.css$ /WebClient/css/$1.css [L]
+	RewriteRule ^r.*/.*css/(.*).gif$ /WebClient/css/$1.gif [L]
+	#RewriteRule ^/Resources/img/(.*)\.[0-9]+\.png$ /WebClient/Resources/img/$1.png [L]
+	#RewriteRule ^/Resources/img/(.*)\.[0-9]+\.gif$ /WebClient/Resources/img/$1.gif [L]
+	#RewriteRule ^/Resources/icons/(.*)\.[0-9]+\.png$ /WebClient/Resources/icons/$1.png [L]
+	RewriteRule ^r(.*)/$ /WebClient/index.php?ricetta=$1 [L]
 </ifModule>
 
 <ifModule mod_headers.c>

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 -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/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;
@@ -272,4 +279,45 @@ label.error {
 .imageborder-c,
 .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;
 }

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;

css/style.css

@@ -1,5 +1,5 @@
 @import url("jquery.mobile.icons.min.css");
-@import url("IlLievitario.min.css");
+@import url("IlLievitario.css");
 @import url("loadingStyle.css");
 @import url("base.style.css");
 @import url("metroHome.css");

index.php

@@ -8,16 +8,66 @@
         <meta name="mobile-web-app-capable" content="yes">
         <meta name="apple-mobile-web-app-capable" content="yes">
         <meta name="format-detection" content="telephone=no">
-		<!-- Meta tag per FB-->
+        <!-- Meta tag per FB-->
-		<meta property="og:locale" content="it_IT"/>
+        <meta property="og:locale" content="it_IT"/>
-		<meta property="og:site_name" content="Il Lievitario"/>
+        <meta property="og:site_name" content="Il Lievitario"/>
-		<meta property="og:title" content="Il Lievitario"/>
+        <meta itemprop="name" content="Home - Il Lievitario"/>
-		<meta itemprop="name" content="Home - Il Lievitario"/>
+<?php        
-		<meta property="og:url" content="http://app.gruppolapastamadre.it"/>
+require_once "../Service_Manut/config.inc.php";
-		<meta property="og:type" content="website"/>
+
-		<meta property="og:image" content="http://app.gruppolapastamadre.it/previewLink.png"/>
+// inclusione del file contenente la classe
-		<meta property="og:description" content="Ricettario web del il Gruppo la pasta madre" />
+require_once "../Service_Manut/MySqlClass.php";
-		<meta property="description" content="Ricettario web del il Gruppo la pasta madre" />
+require_once "../Service_Manut/utility.php";
+
+        $ogFbTitle = "Home - Il Lievitario";
+        $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: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'>
@@ -28,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/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,9 +1,10 @@
 var myManifest = {
     Debug: (window.location.port !== ""),
     Name: "Il Lievitario",
-    Version: "3.0.4.0",
+    Version: "X.X.X.X",
     Author: "Denis Ironi",
     Settings: {
+        ShowStartMessage: true,
         DefaultURL: (window.location.port === "" ? "http://" + window.location.host + "/Service": "http://" + window.location.hostname + ":" + window.location.port + "/Service_Manut"),
         JQueryVersion: "1.11.1",
         JQueryMobileVersion: "1.4.5",
@@ -21,4 +22,4 @@ var myManifest = {
             return "AIzaSyBnai4MPffctg_ygCCincgjFUBQaytCH9k";
         return "AIzaSyCwZVaNHV_z79Uull23XpBlP-5jTkzI3rE";
     }
-};
+};

js/modules/category/category.js

@@ -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;
@@ -26,7 +29,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                         }
                     }
                 },
-                renderItem: function () {
+                renderItem: function () {                    
                     var $ul = this.$el.find('#allRicette');
                     if ($ul.html().trim() === "") {
 //                    var start = new Date().getTime();
@@ -44,15 +47,56 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
 
                         $(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 () {
@@ -67,7 +111,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/category/categoryViewT
                         this.$el.append(this.template({categoryName: this.categoryName}));
                         this.$el.append(this.footer.$el);
                         //return to enable chained calls                        
-                    }
+                    }                    
                     this.$el.find("#indexBtn").addClass("ui-btn-active");                    
                     return this;
                 }

js/modules/category/categoryItemTemplate.html

@@ -1,34 +1,17 @@
 <% 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">
+<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%>'>
+		<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>
+	    <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div><div id="valDiff" data-role="none" class="cappelli cappelli-<%=item.difficolta%>"></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>
 	</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/home/home.js

@@ -23,10 +23,15 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.
                     }
                 },
                 events: {
+                    "click #noSpacc": "noSpacc",
                 },
 
                 freeWall: null,
 
+                noSpacc: function(){
+                    window.localStorage.setItem("noSpacc", 1);
+                },
+
                 calculateSize: function(){
                     var size = 100;
                     var widthDevice = (window.innerWidth > 0) ? window.innerWidth : screen.width;
@@ -125,8 +130,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.
                         }
                     });
                     this.freeWall.fitWidth();
-                },
+                },                
-
                 onShowed: function ()
                 {
                     var self = this;
@@ -137,7 +141,13 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/home/homeViewTemplate.
                     {
                         this.changePicture(Profile.data.picture);
                     }
-
+                    if(myManifest.Settings.ShowStartMessage && 
+                       Profile.data.isSpacc === "0" &&
+                       window.localStorage.getItem("noSpacc") === null)
+                    {
+                        this.$el.find("#nomeUtente").text(Profile.data.name);
+                        this.$el.find("#messaggioSpacciatore").popup("open");
+                    }
                     //Debug.writeMessage(myManifest.Agent.ua);
                 },
                 onClosing: function () {

js/modules/home/homeViewTemplate.html

@@ -46,19 +46,15 @@
         </div>
     </div>
 </div>
-<!--<div data-role="popup" id="nuovoGruppo" data-history="false" data-dismissible="false">
+<div data-role="popup" id="messaggioSpacciatore" data-history="false" data-dismissible="false">
-    <div data-role="header"><h1>IMPORTANTE</h1></div>
+    <div data-role="header"><h1>Messaggio per la comunità</h1></div>
         <div role="main" class="ui-content">
         <p style="text-align: center;font-style: italic;">
-            <img src="https://dl.dropboxusercontent.com/s/xnbrbbe7eejkfv2/festa.png"><br><br>
+            Ciao <b id="nomeUtente"></b> visualizzi questo messaggio perchè fai parte di questo grande gruppo<br><br>Ci chiedavamo se volessi diventare <i>"Spacciatore di Pasta madre"</i>
-            Le admin <br><br><b>Alessia, Elena e Francesca</b><br><br>hanno RIFONDATO IL GRUPPO!!<br>
-            <br>"<b>Gruppo La Pasta Madre</b>"<br>
-            <br>vuoi chiedere di diventare membro?
-            <br>Se sei già membro premi si e poi torna indietro con il browser
         </p>
         <p style="text-align: center;">
-            <a id="goFbGroup" href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back">Si</a>
+            <a id="goFbGroup" href="#settingsView1" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-d">Si</a>
-            <a href="#" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-b" data-rel="back" data-transition="flow">No</a>
+            <a href="#" id="noSpacc" class="ui-btn ui-corner-all ui-shadow ui-btn-inline ui-btn-d" data-rel="back" data-transition="flow">No</a>
         </p>
     </div>
-</div>-->
+</div>

js/modules/item/item.js

@@ -30,7 +30,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();
@@ -51,6 +67,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");
                             }
                     );
                 },
@@ -74,7 +91,8 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                         self.galleryWall.fitWidth();
                     });
 
-
+                    self.indexContent = 0;
+                    self.switchContent();
                     $.mobile.loading('hide');
                 },
                 //render the content into div of view
@@ -149,7 +167,17 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/item/itemViewTemplate.
                                     self.$arrayContent.on("swiperight", function (e) {
                                         var index = jQuery.inArray(this, self.$arrayContent);
                                         self.goToContent(index - 1);
-                                    });
+                                    });                                    
+
+                                    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);
                                 }
                         );
@@ -178,9 +206,15 @@ 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();
+                    var content = $(this.$arrayContent[this.indexContent]);
-                    $(this.$arrayNavBar[this.indexContent]).addClass('ui-btn-active');
+                    if(content.css('min-height') == "0px" || content.css('min-height') == ""){
-                    $(this.$arrayNavBar[this.indexContent]).addClass('ui-state-persist');
+                        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();
                 }

js/modules/item/itemViewTemplate.html

@@ -1,5 +1,5 @@
 <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>
@@ -14,19 +14,13 @@
     }
 %>
 <div id="contentIngredienti" data-role="content">
-	<h1>Ingredienti</h1>
+    <h1>Ingredienti</h1>    
-    <center><p id='ingredienti'>
+    <% _.each(ingredienti, function(ingrediente) {
-        <% _.each(ingredienti, function(ingrediente) {
+    if(ingrediente.id_tipo_ingredienti == 152)/*Intestazione*/{%>
-        var liStyle = "";
+        <h2 class="intestazione"><%= unescape(ingrediente.note) %></h2>
-        var qty = ": " + ingrediente.quantita;
+    <%}else if(ingrediente.id_tipo_ingredienti == 22)/*Nota-Paragrafo*/{%>
-        var nome_ingr = ingrediente.nome_ingrediente;
+        <p class="nota"><%= unescape(ingrediente.note) %></p>
-        if(ingrediente.id_tipo_ingredienti == 22)
+    <%}else{%><li class="ingrediente"><div class="nomeIngrediente"><%= ingrediente.nome_ingrediente %></div><%= ": " + ingrediente.quantita %> <%= ingrediente.unita %><div class="notaIngrediente"> <%= unescape(ingrediente.note) %></div></li><%}}); %>    
-        {
-            liStyle="list-style-type: none;";
-            qty = "";
-            nome_ingr = "";
-        } %> <li style="<%= liStyle %>"><b><%= nome_ingr %></b><%= qty %> <%= ingrediente.unita %> <%= unescape(ingrediente.note) %></li><br> <% }); %>
-    </p></center>
     <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>
 <div id="contentProcedimento" data-role="content" style="display: none;">
@@ -34,6 +28,7 @@
     <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">
@@ -43,24 +38,31 @@
         <%});%>
 	</div>
 </div>
-<div id="contentVideo" data-role="content" data-theme="d" style="display: none;" data-iscroll>
+<% }%>
+<!-- <div id="contentVideo" data-role="content" data-theme="d" style="display: none;" data-iscroll>
     <h1>Video</h1>
     <p id='video'></p>
-</div>
+</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>
+	        <% 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){ %>
+            <div data-role="none">
-	<h1 id="autore" style="padding: 0px;">Autore: <%= unescape(ricetta.autore)%></h1>
+    <% if(ricetta.link_fonte.length > 0){ %>
-    <% }if(ricetta.link_fonte.length > 0){ %>
+    <div data-role="none" style="display: inline-block;margin-right: 5px;margin-top: 4px;margin-left: 5px;">
-    <h1 id="linkFonte" style="padding: 0px;"><a target="_blank" href="<%= ricetta.link_fonte%>">Link Fonte</a></h1>
+    <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>
@@ -68,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>

js/modules/maps/maps.js

@@ -5,6 +5,8 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
 
                 map: null,
                 markers: [],
+                openedInfoWindows: [],
+                markerClicked: false,
                 //initialize template
                 template: _.template(mapsViewTemplate),
                 infoWindowtemplate: _.template(infoWindowTemplate),
@@ -76,11 +78,15 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
                         mapTypeControl: false,
                         zoomControlOptions: {
                             position: google.maps.ControlPosition.RIGHT_CENTER
-                        },
+                        }
                     };
-                    $("#map-canvas").width(document.documentElement.clientWidth - 32/*Padding content*/);
+                    self.$el.find("#map-canvas").width(document.documentElement.clientWidth - 32/*Padding content*/);
-                    $("#map-canvas").height(document.documentElement.clientHeight - 151 - self.$el.find('#searchPanel').height());
+                    self.$el.find("#map-canvas").height(document.documentElement.clientHeight - 151 - self.$el.find('#searchPanel').height());
-                    self.map = new google.maps.Map($("#map-canvas")[0], myOptions);
+                    self.map = new google.maps.Map(self.$el.find("#map-canvas")[0], myOptions);
+
+                    self.map.addListener("dragend", function(){
+                        self.markerClicked = true;
+                    });
 
                     // Create the search box and link it to the UI element.
                     var input = $('<input id="pac-input" data-role="none" class="controls" type="text" placeholder="Ricerca località..." style="display:none;">')[0];
@@ -124,7 +130,7 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
                             markers.push(new google.maps.Marker({
                                 map: self.map,
                                 icon: icon,
-                                title: place.name,
+                                title: unescape(place.name),
                                 position: place.geometry.location
                             }));
 
@@ -140,32 +146,47 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
 
                     self.map.addListener('bounds_changed', function() {
                         var bound = self.map.getBounds();
-                        searchBox.setBounds(bound);
+                        searchBox.setBounds(bound);                        
-                        var latLngFrom = bound.getNorthEast();
-                        var latLngTo = bound.getSouthWest();
-                        $.ajax({
-                            url: myManifest.Settings.DefaultURL + "/api/spacciatori/bound/" + latLngFrom.lat() + "/"+ latLngFrom.lng() + "/" + latLngTo.lat() + "/"+ latLngTo.lng(),
-                            //dataType: "json",
-                            //async: false,
-                            type: 'GET',
-                            success: function (resp) {                                
-                                resp.forEach(function(ele, index){
-                                    var key = "|" + ele.Latitudine+ "|" + ele.Longitudine+ "|";
-                                    if(!self.markers[key])
-                                    {
-                                        self._makeMarker(ele, key);
-                                    }
-                                    else if(!self.markers[key][ele.ID])
-                                    {
-                                        ele.Latitudine = parseFloat(ele.Latitudine) + (Math.random() / 500);
-                                        ele.Longitudine = parseFloat(ele.Longitudine) + (Math.random() / 500);
-                                        self._makeMarker(ele, key);
-                                    }
-                                });
-                            }
-                        });
                     });
                     $("#pac-input").show();
+
+                    var markersArray = [];
+                    var latLngFrom = new google.maps.LatLng(85, -180);
+                    var latLngTo = new google.maps.LatLng(-85, 180);
+                    $.ajax({
+                        url: myManifest.Settings.DefaultURL + "/api/spacciatori/bound/" + latLngFrom.lat() + "/"+ latLngFrom.lng() + "/" + latLngTo.lat() + "/"+ latLngTo.lng(),
+                        //dataType: "json",
+                        //async: false,
+                        type: 'GET',
+                        success: function (resp) {                                
+                            resp.forEach(function(ele, index){
+                                var key = "|" + ele.Latitudine+ "|" + ele.Longitudine+ "|";
+                                if(!self.markers[key])
+                                {
+                                    markersArray.push(self._makeMarker(ele, key));
+                                }
+                                else if(!self.markers[key][ele.ID])
+                                {
+                                    ele.Latitudine = parseFloat(ele.Latitudine) + (Math.random() / 500);
+                                    ele.Longitudine = parseFloat(ele.Longitudine) + (Math.random() / 500);
+                                    markersArray.push(self._makeMarker(ele, key));
+                                }
+                            });
+
+                            markerClusterer = new MarkerClusterer(self.map, markersArray, {
+                              maxZoom: 15
+                              // ,styles: {
+                              //       url: '../images/pin.png',
+                              //       height: 48,
+                              //       width: 30,
+                              //       anchor: [-18, 0],
+                              //       textColor: '#ffffff',
+                              //       textSize: 10,
+                              //       iconAnchor: [15, 48]
+                              //     }
+                            });
+                        }
+                    });
                 },
                 _makeMarker: function(ele,key){
                     var self = this;
@@ -173,8 +194,8 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
                         position: new google.maps.LatLng(ele.Latitudine, ele.Longitudine),
                         icon: ele.TipoPM == "4"?self.iconPMGF:self.iconPM,
                         //label: ele.Name,
-                        title: ele.Name,
+                        title: $("<div/>").html(unescape(ele.Name)).text(),
-                        map: self.map
+                        //map: self.map
                       });
                     
                     if(!self.markers[key])
@@ -183,24 +204,34 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
                     self.markers[key][ele.ID] = marker;
 
                     var infowindow = new google.maps.InfoWindow({
-                        content: self.infoWindowtemplate({item: ele})
+                        content: self.infoWindowtemplate({item: ele}),
+                        closeclick: function(){
+                            var index = openedInfoWindows.indexOf(this);
+                            if (index > -1) {
+                                self.openedInfoWindows.splice(index, 1);
+                            }
+                        }
                       });
 
                     marker.addListener('click', function() {
+                        self.markerClicked = true;
+                        self.openedInfoWindows.push(infowindow);
                         infowindow.open(self.map, marker);
                     });
+
+                    return marker;
                 },
                 onShowed: function(){
                     if(this.map)
-                        return;
+                         return;
 
                     var self = this;
 
                     $( window ).resize( function(){
                         $("#map-canvas").width(document.documentElement.clientWidth - 32/*Padding content*/);
                         $("#map-canvas").height(document.documentElement.clientHeight - 151 - self.$el.find('#searchPanel').height());
-                    });
+                    });                    
-                    
+
                     if ( navigator.geolocation ) {
                         function success(pos) {
                             // Location found, show map with these coordinates
@@ -214,6 +245,18 @@ define(['jquery', 'underscore', 'backbone', 'text!modules/maps/mapsViewTemplate.
                     } else {
                         self._drawMap(self.defaultLatLng);  // No geolocation support, show default map
                     }
+
+                    $("#map-canvas").click(function(){
+                        if(self.markerClicked){
+                            self.markerClicked = false;
+                            return;
+                        }
+                        self.openedInfoWindows.forEach(function(item, index){
+                            item.close();
+                        });
+
+                        self.openedInfoWindows = [];
+                    });
                 },
                 onClosing: function(){
                     var self = this;

js/modules/search/foundItemTemplate.html

@@ -2,7 +2,7 @@
 <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">
+<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%>'>
@@ -11,24 +11,7 @@
 	<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>
+	    <br><div class='ricettaAutore'>Diff.:&nbsp;&nbsp;</div><div id="valDiff" data-role="none" class="cappelli cappelli-<%=item.difficolta%>"></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>
 	</div>
 </a></li>
 <% }} %>

js/modules/search/search.js

@@ -63,7 +63,8 @@ define(['jquery', 'underscore', 'backbone','text!modules/search/searchViewTempla
                     this.$el.append(this.template());
                     this.$el.append(this.footer.$el);
 				}
-				this.$el.find('#nResult').val(Profile.data.risRic);
+                if(Profile.data.risRic)
+				    this.$el.find('#nResult').val(Profile.data.risRic);
 				this.trigger("renderCompleted:Search", this);
                 this.$el.find("#searchBtn").addClass("ui-btn-active");
                 return this;

js/modules/settings/settings.js

@@ -6,10 +6,12 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
             //initialize template
             template:_.template(settingsViewTemplate),
             _flagSave: false,
+            activateTab: 0,
 
-            initialize: function () {
+            initialize: function (tab) {
                 var self = this;
                 this.id = "SettingsView";
+                this.activateTab = tab;
                 SettingsView.__super__.initialize.call(this);                
             },
 
@@ -133,8 +135,45 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
                     });
                 }
             },
+            onShowing: function (){
+                if (!Profile.isConnected()) {
+                    $('h1').hide();
+                    $('[data-role="tabs"]').hide();
+                    $('#saveBtn').hide();
+                    return;
+                }
+                if(this.activateTab === "1"){
+                    var contents = this.$el.find('div[data-role="tabs"] > .ui-content');
+                    var navbars = this.$el.find('div[data-role="navbar"] a');
+                    $(contents[0]).hide();                    
+                    $(navbars[0]).removeClass('ui-btn-active');
+                    $(navbars[0]).removeClass('ui-state-persist');
+
+                    $(contents[1]).show();
+                    $(navbars[1]).addClass('ui-btn-active');
+                    $(navbars[1]).addClass('ui-state-persist');
+                }
+            },
             onShowed: function(){
                 var self = this;
+
+                if(this.activateTab === "1"){
+                    
+                    var intervalID = setInterval(function(){
+                        $('[for="spacc-PMChk"]').attr("style", "border: 4px red solid; border-style: dashed;");
+                    }, 500);
+
+                    var intervalID2 = setInterval(function(){
+                        $('[for="spacc-PMChk"]').attr("style", "border: 4px red solid; border-style: solid;");
+                    }, 1000);
+
+                    setTimeout(function(){
+                        clearInterval(intervalID);
+                        clearInterval(intervalID2);
+                        $('[for="spacc-PMChk"]').attr("style", "");
+                    }, 5000);
+                }
+
                 if(Profile.data.isSpacc==="0"){
                     this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').hide();
                 }
@@ -193,6 +232,17 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
                 }
                 else
                     this.$el.find('#mapSpacc > :not(.ui-checkbox:has(#spacc-PMChk))').hide();
+
+                if(this.$el.find('#stato').val() !== "ITALIA")
+                {
+                    this.$el.find('#provTxt').parent().show();
+                    this.$el.find('#prov').parent().hide();
+                }
+                else
+                {
+                    this.$el.find('#provTxt').parent().hide();
+                    this.$el.find('#prov').parent().show();
+                }
             },
 
             //render the content into div of view
@@ -207,6 +257,10 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
                     this.$el.append(this.template());
                     this.$el.append(this.footer.$el);
                 }
+                
+                var navbars = this.$el.find('div[data-role="navbar"] a');
+                $(navbars[0]).addClass('ui-btn-active');
+                $(navbars[0]).addClass('ui-state-persist');
 
                 this.$el.find('#nResult').val(Profile.data.risRic);
                 this.$el.find('#theme').val(Profile.data.tema);
@@ -214,6 +268,8 @@ define(['jquery', 'underscore', 'backbone','text!modules/settings/settingsViewTe
                 this.$el.find('#spacc-PMChk').prop('checked', Profile.data.isSpacc==="0"?false:true);
                 this.$el.find('#email').val(Profile.data.email);
                 this.$el.find('#stato').val(Profile.data.dataSpacc.stato);
+                this.$el.find('#provTxt').parent().hide();
+                this.$el.find('#prov').parent().hide();
                 if(this.$el.find('#stato').val() !== "ITALIA")
                 {
                     this.$el.find('#provTxt').parent().show();

js/modules/settings/settingsViewTemplate.html

@@ -11,10 +11,9 @@
 			<label for="nResult">Numero Risultati Ricerca:</label>
 			<select name="nResult" id="nResult">
 				<option value="10" selected="true">10</option>
-				<option value="15">15</option>
+	            <option value="25">25</option>
-				<option value="20">20</option>
+	            <option value="50">50</option>
-				<option value="25">25</option>
+	            <option value="100">100</option>
-				<option value="30">30</option>
 			</select>
 			<label for="theme">Tema Grafico:</label>
 			<select name="theme" id="theme">
@@ -60,6 +59,7 @@
 				<option value='ROMANIA'>Romania</option>
 				<option value='SLOVACCHIA'>Slovacchia</option>
 				<option value='SLOVENIA'>Slovenia</option>
+				<option value='SUDAFRICA'>SudAfrica</option>
 				<option value='SPAGNA'>Spagna</option>
 				<option value='USA'>Stati Uniti D'America</option>
 				<option value='SVEZIA'>Svezia</option>

js/router.js

@@ -55,7 +55,7 @@ define(['jquery', 'underscore', 'backbone',
                     'searchView': 'showSearch',
                     'mapsView': 'showMaps',
                     'debugView': 'showDebug',
-                    'settingsView': 'showSettings',
+                    'settingsView(:tab)': 'showSettings',
                     'donationView': 'showDonation',
                     'search/:nresult/:categoria/:difficolta/:autore/*titolo': 'searchFn',
                     'converterView': 'showConverter',
@@ -71,8 +71,10 @@ define(['jquery', 'underscore', 'backbone',
                     homeView.render();
                     this.changePage(homeView);
                 },
-                showSettings: function (actions) {
+                showSettings: function (tab) {
-                    var settingsView = new SettingsView();
+                    if(tab==null)
+                        tab = 0;
+                    var settingsView = new SettingsView(tab);
                     settingsView.render();
                     this.changePage(settingsView);
                 },
@@ -139,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,

sitemap.php

@@ -5,8 +5,8 @@
  * Copyright (C), 2011 - 2012 - Joost de Valk, joost@yoast.com
  */
 // inclusione del file contenente la classe
-require_once "./Service/MySqlClass.php";
+require_once "../Service_Manut/MySqlClass.php";
-require_once "./Service/utility.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=3
+MINOR=0
+PATCH=9
+BUILD=9