aboutsummaryrefslogtreecommitdiffstats
path: root/www
diff options
context:
space:
mode:
Diffstat (limited to 'www')
-rw-r--r--www/cobrands/cuidomiciudad/css/config.rb2
-rw-r--r--www/cobrands/cuidomiciudad/css/style.css164
-rw-r--r--www/cobrands/cuidomiciudad/css/style.scss171
-rw-r--r--www/cobrands/cuidomiciudad/images/fms-pin.pngbin0 -> 1140 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/fms-pin.svg15
-rw-r--r--www/cobrands/cuidomiciudad/images/fms-pin@2x.pngbin0 -> 2233 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/logo-footer.pngbin0 -> 4897 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/radar-cuidomiciudad.pngbin0 -> 55164 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/step1.pngbin0 -> 36334 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/step2.pngbin0 -> 30895 bytes
-rw-r--r--www/cobrands/cuidomiciudad/images/step3.pngbin0 -> 37656 bytes
-rw-r--r--www/cobrands/cuidomiciudad/templates/es/help.html9
-rw-r--r--www/cobrands/cuidomiciudad/templates/es/initial_help.html18
-rw-r--r--www/images/user-white@x2.pngbin0 -> 1419 bytes
-rw-r--r--www/js/config.js-example11
-rw-r--r--www/js/map-OpenLayers.js8
-rw-r--r--www/templates/en/address_search.html2
-rw-r--r--www/templates/en/android_error.html2
-rw-r--r--www/templates/en/details.html1
-rw-r--r--www/templates/en/details_extra.html1
-rw-r--r--www/templates/en/photo.html1
-rw-r--r--www/templates/en/submit.html3
-rw-r--r--www/templates/en/submit_confirm.html1
-rw-r--r--www/templates/en/submit_email.html1
-rw-r--r--www/templates/en/submit_name.html1
-rw-r--r--www/templates/en/submit_password.html1
-rw-r--r--www/templates/en/submit_set_password.html1
-rw-r--r--www/templates/es/address_search.html21
-rw-r--r--www/templates/es/android_error.html17
-rw-r--r--www/templates/es/around.html53
-rw-r--r--www/templates/es/details.html22
-rw-r--r--www/templates/es/details_extra.html8
-rw-r--r--www/templates/es/existing.html35
-rw-r--r--www/templates/es/home.html5
-rw-r--r--www/templates/es/login.html43
-rw-r--r--www/templates/es/offline.html71
-rw-r--r--www/templates/es/photo.html37
-rw-r--r--www/templates/es/reports.html30
-rw-r--r--www/templates/es/save_offline.html15
-rw-r--r--www/templates/es/sent.html22
-rw-r--r--www/templates/es/submit.html99
-rw-r--r--www/templates/es/submit_confirm.html40
-rw-r--r--www/templates/es/submit_email.html26
-rw-r--r--www/templates/es/submit_name.html39
-rw-r--r--www/templates/es/submit_password.html51
-rw-r--r--www/templates/es/submit_set_password.html23
46 files changed, 1062 insertions, 8 deletions
diff --git a/www/cobrands/cuidomiciudad/css/config.rb b/www/cobrands/cuidomiciudad/css/config.rb
new file mode 100644
index 0000000..bc3984a
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/config.rb
@@ -0,0 +1,2 @@
+css_dir = "."
+sass_dir = "."
diff --git a/www/cobrands/cuidomiciudad/css/style.css b/www/cobrands/cuidomiciudad/css/style.css
new file mode 100644
index 0000000..b50f822
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/style.css
@@ -0,0 +1,164 @@
+/* line 8, style.scss */
+.ios7 .ui-bar-a,
+body.ios7 {
+ background-color: #005cb9;
+}
+
+/* line 13, style.scss */
+.ios7 .ui-bar-a {
+ border-color: #005cb9;
+}
+
+/* line 17, style.scss */
+#load-screen,
+#locating {
+ background: #005cb9;
+ color: white;
+}
+
+/* line 23, style.scss */
+#locating #progress-bar {
+ background-color: #FFFF99;
+}
+
+/* line 27, style.scss */
+#view-my-reports .draft_count {
+ background-color: #ba151c;
+ color: #fff;
+ border-color: #ffea3d;
+}
+
+/* line 33, style.scss */
+#display-help {
+ background-color: #eed11c;
+ color: grey;
+}
+
+/* line 39, style.scss */
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+ color: #eee;
+ border-color: #00366d;
+ background: #0069d3;
+}
+
+/* line 46, style.scss */
+.ui-corner-all,
+.ui-btn-corner-all {
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+/* line 55, style.scss */
+#around-page .ui-header .ui-title {
+ text-indent: -99999px;
+ margin: 0;
+ padding-top: 0.6em;
+ padding-bottom: 0.6em;
+ background-image: url("../images/logo-footer.png");
+ background-repeat: no-repeat;
+ background-size: 35% auto;
+}
+@media (max-width: 374px) {
+ /* line 71, style.scss */
+ #around-page .ui-header .ui-title {
+ background-position: 55% 18%;
+ }
+ /* line 76, style.scss */
+ #around-page .ui-header .ui-btn-inner {
+ padding-left: 0.35em;
+ padding-right: 0.35em;
+ }
+ /* line 80, style.scss */
+ #around-page .ui-header .ui-btn-icon-left .ui-btn-inner {
+ padding-left: 30px;
+ }
+}
+@media (max-width: 414px) {
+ /* line 87, style.scss */
+ #around-page .ui-header .ui-title {
+ background-position: 55% top;
+ }
+}
+@media (min-width: 415px) {
+ /* line 94, style.scss */
+ #around-page .ui-header .ui-title {
+ background-position: center top;
+ background-size: auto 75%;
+ }
+}
+
+/* line 101, style.scss */
+#load-screen .radar,
+#locating .radar {
+ background-image: url("../images/radar-cuidomiciudad.png");
+}
+
+/* line 106, style.scss */
+.ui-icon {
+ background-image: url("../../../css/images/icons-18-white.png");
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-resolution: 200dpi) {
+ /* line 112, style.scss */
+ .ui-icon {
+ background-image: url("../../../css/images/icons-36-white.png");
+ }
+}
+/* line 117, style.scss */
+div[data-role='header'] .ui-icon-fms-account {
+ background-image: url(../../../images/user-white@x2.png);
+ background-size: 18px 18px;
+}
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-resolution: 200dpi) {
+ /* line 124, style.scss */
+ div[data-role='header'] .ui-icon-fms-account {
+ background-image: url(../../../images/user-white@x2.png);
+ }
+}
+/* line 129, style.scss */
+#helpContent {
+ background-color: #005cb9;
+ text-shadow: none;
+ color: white;
+ padding: 1em;
+}
+/* line 135, style.scss */
+#helpContent h1 {
+ text-align: center;
+ background-image: url("../images/logo-footer.png");
+ background-size: contain;
+ height: 2em;
+ background-repeat: no-repeat;
+ background-position: center top;
+ text-indent: -9999999px;
+}
+/* line 144, style.scss */
+#helpContent h2 {
+ text-align: center;
+}
+/* line 148, style.scss */
+#helpContent img {
+ width: 200px;
+ display: block;
+ margin: 0.5em auto;
+}
+/* line 153, style.scss */
+#helpContent img.last-image {
+ margin-bottom: 3em;
+}
+/* line 158, style.scss */
+#helpContent a, #helpContent a:visited {
+ color: #eed11c;
+}
+
+/* line 163, style.scss */
+#dismiss {
+ color: white;
+ text-shadow: 0px 1px 0px silver;
+}
+
+/* line 169, style.scss */
+#locating p {
+ text-shadow: none;
+}
diff --git a/www/cobrands/cuidomiciudad/css/style.scss b/www/cobrands/cuidomiciudad/css/style.scss
new file mode 100644
index 0000000..3976a23
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/css/style.scss
@@ -0,0 +1,171 @@
+@import "compass";
+
+$color-cmc-blue: #005cb9;
+$color-cmc-yellow: #eed11c;
+$color-cmc-green: #00ad68;
+$text-color: #eee;
+
+.ios7 .ui-bar-a,
+body.ios7 {
+ background-color: $color-cmc-blue;
+}
+
+.ios7 .ui-bar-a {
+ border-color: $color-cmc-blue;
+}
+
+#load-screen,
+#locating {
+ background: $color-cmc-blue;
+ color: white;
+}
+
+#locating #progress-bar {
+ background-color: #FFFF99;
+}
+
+#view-my-reports .draft_count {
+ background-color: rgb(186,21,28);
+ color: #fff;
+ border-color: #ffea3d;
+}
+
+#display-help {
+ background-color: $color-cmc-yellow;
+ color: grey;
+}
+
+
+.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a {
+ color: $text-color;
+ border-color: darken($color-cmc-blue, 15%);
+ @include background(lighten($color-cmc-blue, 5%));
+// @include background(linear-gradient(-90deg, darken($color-cmc-blue, 5%), lighten($color-cmc-blue, 5%) 98%));
+}
+
+.ui-corner-all,
+.ui-btn-corner-all {
+ -webkit-border-radius: 3px;
+ border-radius: 3px;
+}
+
+
+#around-page .ui-header {
+ // We want the CMC logo in the header instead of plain text
+ .ui-title {
+ text-indent: -99999px;
+ margin: 0;
+ padding-top: 0.6em;
+ padding-bottom: 0.6em;
+ background-image: url('../images/logo-footer.png');
+ background-repeat: no-repeat;
+ background-size: 35% auto;
+ }
+
+ // background image is sized according to screen size,
+ // so it's centered on the screen and the baseline matches
+ // the buttons
+
+ // up to iPhone 6 size
+ @media (max-width: 374px) {
+ .ui-title {
+ background-position: 55% 18%;
+ }
+ // On narrow screens (e.g. iPhone 5S), make the button padding a little
+ // tighter to make room for the logo
+ .ui-btn-inner {
+ padding-left: 0.35em;
+ padding-right: 0.35em;
+ }
+ .ui-btn-icon-left .ui-btn-inner {
+ padding-left: 30px;
+ }
+ }
+
+ // up to & including iPhone 6+ size
+ @media (max-width: 414px) {
+ .ui-title {
+ background-position: 55% top;
+ }
+ }
+
+ // bigger than iPhone 6, e.g. high res android or iPad
+ @media (min-width: 415px) {
+ .ui-title {
+ background-position: center top;
+ background-size: auto 75%;
+ }
+ }
+}
+
+#load-screen .radar,
+#locating .radar {
+ background-image: url('../images/radar-cuidomiciudad.png');
+}
+
+.ui-icon {
+ background-image: url("../../../css/images/icons-18-white.png");
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+ only screen and (min--moz-device-pixel-ratio: 1.3),
+ only screen and (min-resolution: 200dpi) {
+ .ui-icon {
+ background-image: url("../../../css/images/icons-36-white.png");
+ }
+}
+
+div[data-role='header'] .ui-icon-fms-account {
+ background-image: url(../../../images/user-white@x2.png);
+ background-size: 18px 18px;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
+ only screen and (min--moz-device-pixel-ratio: 1.3),
+ only screen and (min-resolution: 200dpi) {
+ div[data-role='header'] .ui-icon-fms-account {
+ background-image: url(../../../images/user-white@x2.png);
+ }
+}
+
+#helpContent {
+ background-color: $color-cmc-blue;
+ text-shadow: none;
+ color: white;
+ padding: 1em;
+
+ h1 {
+ text-align: center;
+ background-image: url('../images/logo-footer.png');
+ background-size: contain;
+ height: 2em;
+ background-repeat: no-repeat;
+ background-position: center top;
+ text-indent: -9999999px;
+ }
+ h2 {
+ text-align: center;
+ }
+
+ img {
+ width: 200px;
+ display: block;
+ margin: 0.5em auto;
+
+ &.last-image {
+ margin-bottom: 3em;
+ }
+ }
+
+ a, a:visited {
+ color: $color-cmc-yellow;
+ }
+}
+
+#dismiss {
+ color: white;
+ text-shadow: 0px 1px 0px silver;
+}
+
+
+#locating p {
+ text-shadow: none;
+}
diff --git a/www/cobrands/cuidomiciudad/images/fms-pin.png b/www/cobrands/cuidomiciudad/images/fms-pin.png
new file mode 100644
index 0000000..999a341
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/fms-pin.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/fms-pin.svg b/www/cobrands/cuidomiciudad/images/fms-pin.svg
new file mode 100644
index 0000000..9c66e90
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/fms-pin.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="35px" height="55px" viewBox="0 0 35 55" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <!-- Generator: Sketch 41.2 (35397) - http://www.bohemiancoding.com/sketch -->
+ <title>fms-pin</title>
+ <desc>Created with Sketch.</desc>
+ <defs></defs>
+ <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+ <g>
+ <g transform="translate(1.000000, 0.000000)">
+ <path d="M20.9002058,42.797102 C20.1120881,42.2502892 19.8564824,41.2449421 20.3854443,40.46072 C25.127463,33.4250046 32.9900017,22.9798514 32.9900017,15.8567146 C32.9900017,7.09571049 25.5676729,0 16.4954446,0 C7.42232881,0 0,7.09571049 0,15.8567146 C0,22.9798514 8.14388247,33.9135365 12.8299875,40.8601162 C13.3261111,41.593771 13.143282,42.5451224 12.4456914,43.1047914 C10.4922601,44.6732356 9.43611143,47.2410275 10.1922784,49.9999467 C10.8144298,52.2703341 12.7394604,54.1301833 15.1011509,54.6855668 C19.6692157,55.7611939 23.7935206,52.5317414 23.7935206,48.2078062 C23.7935206,45.9794155 22.64862,44.0081467 20.9002058,42.797102" fill="#EED11C"></path>
+ <path d="M16.879503,50.2896612 C15.6098323,50.2896612 14.6124866,49.1265395 14.9581977,47.8415262 C15.1332637,47.1942983 15.6805661,46.6620951 16.3481157,46.4929918 C17.6708367,46.156502 18.8697736,47.1256269 18.8697736,48.35742 C18.8697736,49.4432863 17.9749918,50.2896612 16.879503,50.2896612 Z M17.837061,8.45642448 C14.717703,7.94310585 11.4047115,9.15687265 9.41355668,11.5449202 C5.47368735,16.2695118 7.38172999,22.9572466 12.6779188,25.279198 C13.6478552,25.7049606 14.6522743,25.9444521 15.6558092,26.0311497 L15.5532453,26.0749277 L15.5532453,32.7952815 L23.7654326,22.4808389 L23.7592434,22.4834141 C24.1350164,21.9864049 24.4656966,21.4447593 24.7397898,20.8567605 C27.1323586,15.7149903 24.0103481,9.47190265 17.837061,8.45642448 Z" fill="#FFFFFF"></path>
+ </g>
+ </g>
+ </g>
+</svg> \ No newline at end of file
diff --git a/www/cobrands/cuidomiciudad/images/fms-pin@2x.png b/www/cobrands/cuidomiciudad/images/fms-pin@2x.png
new file mode 100644
index 0000000..58d8501
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/fms-pin@2x.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/logo-footer.png b/www/cobrands/cuidomiciudad/images/logo-footer.png
new file mode 100644
index 0000000..ece1ff8
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/logo-footer.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/radar-cuidomiciudad.png b/www/cobrands/cuidomiciudad/images/radar-cuidomiciudad.png
new file mode 100644
index 0000000..2c8fb35
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/radar-cuidomiciudad.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/step1.png b/www/cobrands/cuidomiciudad/images/step1.png
new file mode 100644
index 0000000..abf2b7b
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/step1.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/step2.png b/www/cobrands/cuidomiciudad/images/step2.png
new file mode 100644
index 0000000..f5cdd3b
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/step2.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/images/step3.png b/www/cobrands/cuidomiciudad/images/step3.png
new file mode 100644
index 0000000..f5862e4
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/step3.png
Binary files differ
diff --git a/www/cobrands/cuidomiciudad/templates/es/help.html b/www/cobrands/cuidomiciudad/templates/es/help.html
new file mode 100644
index 0000000..a288cbd
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/templates/es/help.html
@@ -0,0 +1,9 @@
+<h1><% print( CONFIG.APP_NAME ) %></h1>
+
+<h2>¿Cómo reportar un problema?</h2>
+
+<img src="cobrands/cuidomiciudad/images/step1.png" />
+
+<img src="cobrands/cuidomiciudad/images/step2.png" />
+
+<img class="last-image" src="cobrands/cuidomiciudad/images/step3.png" /> \ No newline at end of file
diff --git a/www/cobrands/cuidomiciudad/templates/es/initial_help.html b/www/cobrands/cuidomiciudad/templates/es/initial_help.html
new file mode 100644
index 0000000..c975f4b
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/templates/es/initial_help.html
@@ -0,0 +1,18 @@
+<h1><% print( CONFIG.APP_NAME ) %></h1>
+<p>
+CuidoMiCiudad es una plataforma colaborativa donde los ciudadanos cumplen un rol
+central en el cuidado de la ciudad. Es el canal más efectivo para poner un
+reporte en nuestra circunscripción para hacerlo llegar a las manos
+correspondientes de su solución. Es un espacio para los vecinos y vecina
+discutir y proponer soluciones a los problemas locales que nos afectan.
+</p>
+
+
+<h2>¿Qué tipo de problemas puedo reportar?</h2>
+<ul>
+ <li>Construcciones <small>Ilegales</small></li>
+ <li>Basura</li>
+ <li>Ocupación <small>Espacios Públicos</small></li>
+ <li>Letreros y Vallas <small>Ilegales</small></li>
+ <li>Poda <small>de Áreas Verdes</small></li>
+</ul> \ No newline at end of file
diff --git a/www/images/user-white@x2.png b/www/images/user-white@x2.png
new file mode 100644
index 0000000..b6d596a
--- /dev/null
+++ b/www/images/user-white@x2.png
Binary files differ
diff --git a/www/js/config.js-example b/www/js/config.js-example
index aa9296b..2fceda7 100644
--- a/www/js/config.js-example
+++ b/www/js/config.js-example
@@ -34,7 +34,16 @@ var CONFIG = {
DEBUG: 0,
// Bing Maps API key if needed
- BING_MAPS_API_KEY: ''
+ BING_MAPS_API_KEY: '',
+
+ PINS: {
+ location: {
+ image: 'images/pin@x2.png',
+ background: 'images/pin_shadow@x2.png',
+ image_svg: 'images/pin.svg',
+ background_svg: 'images/pin_shadow.svg'
+ }
+ }
};
diff --git a/www/js/map-OpenLayers.js b/www/js/map-OpenLayers.js
index 58bace6..d458641 100644
--- a/www/js/map-OpenLayers.js
+++ b/www/js/map-OpenLayers.js
@@ -65,13 +65,13 @@ function fixmystreet_onload() {
backgroundGraphicZIndex: 10
})
});
- var location_img = 'images/pin@x2.png';
- var location_bg_img = 'images/pin_shadow@x2.png';
+ var location_img = CONFIG.PINS.location.image;
+ var location_bg_img = CONFIG.PINS.location.background;
if ( typeof device !== 'undefined' && (
(device.platform == 'Android' && parseInt(device.version, 10) > 2) ||
(device.platform !== 'Android') ) ) {
- location_img = 'images/pin.svg';
- location_bg_img = 'images/pin_shadow.svg';
+ location_img = CONFIG.PINS.location.image_svg;
+ location_bg_img = CONFIG.PINS.location.background_svg;
}
pin_layer_style_map.addUniqueValueRules('default', 'size', {
diff --git a/www/templates/en/address_search.html b/www/templates/en/address_search.html
index b8bc71e..95a162b 100644
--- a/www/templates/en/address_search.html
+++ b/www/templates/en/address_search.html
@@ -10,7 +10,7 @@
<input data-role="none" type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="e.g. ‘B2 4QA’ or ‘Tib St, Manchester’">
</div>
</form>
- <input type="button" value="Go" id="submit" data-theme="a">
+ <input type="button" value="Go" id="submit" data-theme="a">
</div>
<div id="front-howto">
diff --git a/www/templates/en/android_error.html b/www/templates/en/android_error.html
index b39079f..80a6e9a 100644
--- a/www/templates/en/android_error.html
+++ b/www/templates/en/android_error.html
@@ -11,7 +11,7 @@
<body>
<div id="load-screen">
<div class="radar"></div>
- <p>There seems to have been a problem starting the app. Please quit and try again</p>
+ <p>There seems to have been a problem starting the app. Please quit and try again.</p>
</div>
</body>
</html>
diff --git a/www/templates/en/details.html b/www/templates/en/details.html
index 08b2876..aace51c 100644
--- a/www/templates/en/details.html
+++ b/www/templates/en/details.html
@@ -1,4 +1,5 @@
<div data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Details</h1>
<a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Next</a>
</div>
diff --git a/www/templates/en/details_extra.html b/www/templates/en/details_extra.html
index 63535d6..339cc9d 100644
--- a/www/templates/en/details_extra.html
+++ b/www/templates/en/details_extra.html
@@ -1,4 +1,5 @@
<div data-role="header" data-position="fixed">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Further Details</h1>
<a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Next</a>
</div>
diff --git a/www/templates/en/photo.html b/www/templates/en/photo.html
index aa44e9e..8dac456 100644
--- a/www/templates/en/photo.html
+++ b/www/templates/en/photo.html
@@ -1,4 +1,5 @@
<div data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Add Photo</h1>
<% if ( file == '' ) { %>
<a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Skip</a>
diff --git a/www/templates/en/submit.html b/www/templates/en/submit.html
index a3b1c73..be31ffb 100644
--- a/www/templates/en/submit.html
+++ b/www/templates/en/submit.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header" data-position="fixed" data-id="locate">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Submit</h1>
</div>
@@ -38,7 +39,7 @@
<input type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Please enter your email address" required>
<div id="form_sign_in">
- <h4 id="have_password">Do you have a <% print( CONFIG.APP_NAME ) %> password?</h4>
+ <h4 id="have_password">Do you have a <%= CONFIG.APP_NAME %> password?</h4>
<div id="form_sign_in_yes" class="form-box">
diff --git a/www/templates/en/submit_confirm.html b/www/templates/en/submit_confirm.html
index 0bca06d..5d2e6a0 100644
--- a/www/templates/en/submit_confirm.html
+++ b/www/templates/en/submit_confirm.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Your details</h1>
</div>
diff --git a/www/templates/en/submit_email.html b/www/templates/en/submit_email.html
index 3eaf26a..eff7692 100644
--- a/www/templates/en/submit_email.html
+++ b/www/templates/en/submit_email.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Your details</h1>
</div>
diff --git a/www/templates/en/submit_name.html b/www/templates/en/submit_name.html
index 98a48f6..0b6c28d 100644
--- a/www/templates/en/submit_name.html
+++ b/www/templates/en/submit_name.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Your details</h1>
</div>
diff --git a/www/templates/en/submit_password.html b/www/templates/en/submit_password.html
index fb61d20..e0bd895 100644
--- a/www/templates/en/submit_password.html
+++ b/www/templates/en/submit_password.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Your details</h1>
</div>
diff --git a/www/templates/en/submit_set_password.html b/www/templates/en/submit_set_password.html
index ccecd35..1a24eae 100644
--- a/www/templates/en/submit_set_password.html
+++ b/www/templates/en/submit_set_password.html
@@ -1,4 +1,5 @@
<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Back</a>
<h1>Your details</h1>
</div>
diff --git a/www/templates/es/address_search.html b/www/templates/es/address_search.html
new file mode 100644
index 0000000..8bd418b
--- /dev/null
+++ b/www/templates/es/address_search.html
@@ -0,0 +1,21 @@
+<div id="search-header" data-role="header">
+ <a href="#" id="locate" data-transition="slidedown" class="ui-btn-left">Cancelar</a>
+ <h1>Buscar</h1>
+</div>
+<div data-role="content">
+ <div id="front-main">
+ <h3 class="notopmargin">Introduzca un código postal cercano, o el nombre de una calle o área</h3>
+ <form class="inputcard" name="postcodeForm" id="postcodeForm">
+ <div>
+ <input data-role="none" type="text" name="pc" value="" id="pc" size="10" maxlength="200" placeholder="ej. ‘10103’ o ‘Ave. Alma Mater, Santo Domingo’">
+ </div>
+ </form>
+ <input type="button" value="Ir" id="submit" data-theme="a">
+ </div>
+
+ <div id="front-howto">
+ <% if (typeof msg != 'undefined' && msg !== '') { %>
+ <h2><%= msg %></h2>
+ <% } %>
+ </div>
+</div>
diff --git a/www/templates/es/android_error.html b/www/templates/es/android_error.html
new file mode 100644
index 0000000..80a6e9a
--- /dev/null
+++ b/www/templates/es/android_error.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title></title>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />
+ <meta charset="utf-8">
+
+ <link rel="stylesheet" href="css/fms.css" type="text/css" media="screen" title="no title" charset="utf-8">
+
+ </head>
+ <body>
+ <div id="load-screen">
+ <div class="radar"></div>
+ <p>There seems to have been a problem starting the app. Please quit and try again.</p>
+ </div>
+ </body>
+</html>
diff --git a/www/templates/es/around.html b/www/templates/es/around.html
new file mode 100644
index 0000000..8686933
--- /dev/null
+++ b/www/templates/es/around.html
@@ -0,0 +1,53 @@
+<div data-id="locate" id="around-header" data-role="header">
+ <a id="view-my-reports" class="nodisplay ui-btn ui-btn-left ui-btn-up-a ui-shadow ui-btn-corner-all" data-role="none" href="#">
+ <span class="ui-btn-inner"<span class="ui-btn-text">Borradores <span class="draft_count"><% print( FMS.allDrafts.length ) %></span></span></span>
+ </a>
+ <a id="cancel" class="nodisplay" data-role="button" data-icon="arrow-l">Cancelar</a>
+ <h1><% print( CONFIG.APP_NAME ) %></h1>
+ <a id="login-options" data-icon="fms-account" class="nodisplay ui-btn-right">Cuenta</a>
+</div>
+
+ <div id="locating" class="nodisplay">
+ <div class="radar"></div>
+ <div id="progress">
+ <div id="progress-bar">
+ </div>
+ </div>
+
+ <p>
+ Localizando su ubicación
+ </p>
+
+ <p>
+ <input data-theme="c" type="button" id="locate_cancel" value="Cancelar">
+ </p>
+ </div>
+<div data-role="content">
+ <div class="frontpage-menu">
+ <form class="inputcard" name="postcodeForm" id="postcodeForm">
+ <input type="search" id="pc" name="pc" placeholder="Buscar o desplazarse en el map">
+ <% if ( FMS.testing ) { %>
+ <div class="testing">
+ Versión de prueba. Los informes no serán enviados al ayuntamiento.
+ </div>
+ <% } %>
+ </form>
+ <a data-role="none" id="relocate" class="nodisplay"></a>
+
+ <div class="nodisplay" id="front-howto"></div>
+ </div>
+
+ <a id="mark-here" data-role="button" data-theme="a" class="map-bottom-btn">
+ Nuevo informe aquí
+ </a>
+ <a id="locate-here" data-role="button" data-theme="a" class="map-bottom-btn">
+ Configurar la ubicación del informe
+ </a>
+ <a id="reposition" data-role="button" data-theme="c" class="map-bottom-btn nodisplay">
+ Reposicione el informe aquí
+ </a>
+ <a id="confirm-map" data-role="button" data-theme="a" class="map-bottom-btn">
+ Confirmar ubicación
+ </a>
+
+</div>
diff --git a/www/templates/es/details.html b/www/templates/es/details.html
new file mode 100644
index 0000000..7629e05
--- /dev/null
+++ b/www/templates/es/details.html
@@ -0,0 +1,22 @@
+<div data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Detalles</h1>
+ <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Siguiente</a>
+</div>
+<div data-role="content">
+ <div class="gmailstyletest">
+ <div>
+ <label for="form_title">Título</label>
+ <input data-role="none" type="text" name="title" id="form_title" placeholder="Indique un título" value="<%= title %>" required>
+ </div>
+
+ <div>
+ <%= categories %>
+ </div>
+
+ <div class="noborder">
+ <label for="form_detail">Detalles</label>
+ <textarea data-role="none" name="detail" id="form_detail" placeholder="Por favor, provea detalles del problema." required><%= details %></textarea>
+ </div>
+ </div>
+</div>
diff --git a/www/templates/es/details_extra.html b/www/templates/es/details_extra.html
new file mode 100644
index 0000000..2d782c8
--- /dev/null
+++ b/www/templates/es/details_extra.html
@@ -0,0 +1,8 @@
+<div data-role="header" data-position="fixed">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Detalles adicionales</h1>
+ <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Siguiente</a>
+</div>
+<div data-role="content" data-enhance="false">
+ <%= category_extras %>
+</div>
diff --git a/www/templates/es/existing.html b/www/templates/es/existing.html
new file mode 100644
index 0000000..b45b3d8
--- /dev/null
+++ b/www/templates/es/existing.html
@@ -0,0 +1,35 @@
+<div data-role="header">
+ <h1>Informe no enviado</h1>
+</div>
+<div data-role="content" role="main">
+ <div id="existing_report">
+ <% if ( title ) { %>
+ <h3><%= title %></h3>
+ <% } %>
+
+ <div class="meta">
+ <p>
+ <% if ( category && category != '-- Seleccione una categoría --' ) { %>
+ Guardado en la categoría <%= category %>
+ <% } %>
+ </p>
+
+ <p><% print( moment( created ).fromNow() ) %></p>
+ </div>
+
+ <% if ( file ) { %>
+ <div class="photo" style="background-image: url(<%= file %>)"></div>
+ <% } %>
+
+ <% if ( details ) { %>
+ <div class="details"><div><%= details %></div></div>
+ <% } %>
+ </div>
+
+
+ <div class="right">
+ <input id="use_report" type="button" value="Completar el informe ahora" data-role="button" data-theme="a" />
+ <input id="save_report" type="button" value="Guardar para más tarde" data-role="button" data-theme="a" />
+ <input id="discard" type="button" value="Descartar" data-role="button" data-theme="a" />
+ </div>
+</div>
diff --git a/www/templates/es/home.html b/www/templates/es/home.html
new file mode 100644
index 0000000..e8e0e8c
--- /dev/null
+++ b/www/templates/es/home.html
@@ -0,0 +1,5 @@
+<div data-role="content">
+ <div id="locating">
+ <div class="radar"></div>
+ </div>
+</div>
diff --git a/www/templates/es/login.html b/www/templates/es/login.html
new file mode 100644
index 0000000..1c83548
--- /dev/null
+++ b/www/templates/es/login.html
@@ -0,0 +1,43 @@
+<div id="submit-header" data-role="header">
+ <a id="reports-next-btn" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Inicio</a>
+ <h1>Abrir sesión</h1>
+</div>
+
+<div data-role="content">
+ <% if ( FMS.isLoggedIn ) { %>
+ <div id="signed_in_row">
+ <p class="notopmargin">You are signed in as <%= email %></p>
+ <div id="err" class="nodisplay"></div>
+ <div class="bottom-btn">
+ <input type="button" id="logout" name="logout" value="Cerrar sesión" data-theme="a">
+ </div>
+ </div>
+ <div id="password_row" class="nodisplay">
+ <p class="notopmargin">
+ ¡Sesión cerrada!
+ </p>
+ <% } else { %>
+ <div id="password_row">
+ <% } %>
+ <form name="signinForm" class="inputcard" id="signinForm">
+ <div>
+ <input data-role="none" type="email" value="" name="email" id="form_email" placeholder="Su email" required>
+ </div>
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Su contraseña" required>
+ </div>
+ <div class="noborder">
+ <input type="submit" id="login" name="login" value="Abrir sesión" data-theme="a">
+ </div>
+ </form>
+ </div>
+ <div id="success_row" class="nodisplay">
+ <p class="notopmargin">
+ ¡Sesión abierta!
+ </p>
+ <div id="err" class="nodisplay"></div>
+ <div class="bottom-btn">
+ <input type="button" id="logout" name="logout" value="Cerrar sesión" data-theme="a">
+ </div>
+ </div>
+</div>
diff --git a/www/templates/es/offline.html b/www/templates/es/offline.html
new file mode 100644
index 0000000..1051f57
--- /dev/null
+++ b/www/templates/es/offline.html
@@ -0,0 +1,71 @@
+<div data-role="header" data-position="fixed">
+ <a id="offline-prev-btn" class="ui-btn-left">Inténtelo nuevamente</a>
+ <h1>Sin conexión</h1>
+ <a id="offline-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Saltar</a>
+</div>
+ <div id="locating" class="nodisplay">
+ <div class="radar"></div>
+ <div id="progress">
+ <div id="progress-bar">
+ </div>
+ </div>
+
+ <p>
+ Localizando su ubicación
+ </p>
+
+ <p>
+ <input data-theme="c" type="button" id="locate_cancel" value="Cancelar">
+ </p>
+ </div>
+<div data-role="content">
+ <div>
+ <p class="notopmargin">
+ <% if ( typeof id != 'undefined' ) { %>
+ ¡Qué horror! - no podemos detectar una conexión al internet. Sin embargo, aún puede editar el informe en este momento y enviarlo más tarde.
+ <% } else { %>
+ ¡Qué horror! - no podemos detectar una conexión al internet. Sin embargo, aún puede editar el informe en este momento y enviarlo más tarde, yendo a 'borradores' cuando vuelva a estar conectado.
+ <% } %>
+ </p>
+
+ <p id="locate_result">
+ <% if ( lat ) { %>
+ Este informe tiene una posición.
+ <% } else { %>
+ <input type="button" data-role="button" data-theme="a" id="locate" value="Localizar (opcional)" >
+ <% } %>
+ </p>
+
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="text" value="<%= title %>" name="title" id="form_title" placeholder="Indique un título" required>
+ </div>
+
+ <div>
+ <textarea data-role="none" rows="7" cols="26" name="detail" id="form_detail" placeholder="Please fill in details of the problem." required><%= details %></textarea>
+ </div>
+ </div>
+
+ <% if ( file != '' ) { %>
+ <div id="add_photo" style="display: none">
+ <% } else { %>
+ <div id="add_photo">
+ <% } %>
+ <label>Añadir una foto <em>(opcional)</em></label>
+ <input data-icon="fms-photo-new" value="Tomar una nueva foto" type="button" name="photo_button" id="id_photo_button" data-role="button" data-theme="a">
+ <input data-icon="fms-photo-existing" value="Añadir una foto existente" type="button" name="existing" id="id_existing" data-role="button" data-theme="c">
+ </div>
+
+ <% if ( file == '' ) { %>
+ <div id="display_photo" style="display: none">
+ <% } else { %>
+ <div id="display_photo">
+ <% } %>
+ <label>Su foto</label>
+ <div class="photo">
+ <img class="small" id="photo" src="<%= file %>" />
+ </div>
+ <input value="Eliminar foto" type="button" name="del_photo_button" id="id_del_photo_button" data-role="button" data-theme="a">
+ </div>
+ </div>
+</div>
diff --git a/www/templates/es/photo.html b/www/templates/es/photo.html
new file mode 100644
index 0000000..62f36dc
--- /dev/null
+++ b/www/templates/es/photo.html
@@ -0,0 +1,37 @@
+<div data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Añadir foto</h1>
+ <% if ( file == '' ) { %>
+ <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Saltar</a>
+ <% } else { %>
+ <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Siguiente</a>
+ <% } %>
+</div>
+<div data-role="content">
+ <% var photoClass = 'nodisplay', nophotoClass = 'nodisplay';
+ if ( file != '' ) {
+ photoClass = '';
+ } else {
+ nophotoClass = '';
+ } %>
+ <h2 id="nophoto_title" class="<% print( nophotoClass ); %>">
+ Añadir una foto <em>(opcional)</em>
+ </h2>
+ <h2 id="photo_title" class="<% print( photoClass ); %>">
+ Foto para el informe
+ </h2>
+ <div class="photo-wrapper">
+ <div class="photo">
+ <% if ( file == '' ) { %>
+ <img class="placeholder" src="images/placeholder-photo.png" alt="" id="photo">
+ <% } else { %>
+ <img class="small" id="photo" src="<%= file %>" />
+ <% } %>
+ <a data-role="none" id="id_del_photo_button" class="photo-corner-button">X</a>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-icon="fms-photo-existing" type="button" id="id_existing" data-theme="c" value="Añadir una foto existente" >
+ <input data-icon="fms-photo-new" id="id_photo_button" type="button" data-theme="a" value="Tomar una nueva foto">
+ </div>
+</div>
diff --git a/www/templates/es/reports.html b/www/templates/es/reports.html
new file mode 100644
index 0000000..cbd2acf
--- /dev/null
+++ b/www/templates/es/reports.html
@@ -0,0 +1,30 @@
+<div data-role="header" data-position="fixed">
+ <a id="reports-next-btn" data-icon="arrow-l" data-iconpos="left" class="ui-btn-left">Inicio</a>
+ <h1>Informes preliminares</h1>
+</div>
+<div id="drafts">
+ <p id="noreports" class="nodisplay">Si comienza a compilar un informe, pero no lo termina ni lo envía, este aparecerá en este menú para que lo pueda completar más tarde</p>
+ <div id="report-list" class="nodisplay">
+ <p class="notopmargin">
+ Estos son sus borradores, informes no enviados. Para completarlos y enviarlos, abra un informe cuando esté conectado(a) al internet.
+ </p>
+ <ul data-role="listview" data-split-theme="c" data-inset="true" data-split-icon="delete" class="notopmargin reports">
+ <% drafts.each(function(draft) {
+ if ( draft ) {
+ var classes = [];
+ if ( draft.get('lat') ) {
+ classes.push('with_location');
+ }
+ if ( draft.get('file') ) {
+ classes.push('with_photo');
+ }
+ var draftClass = '';
+ if ( classes.length ) {
+ draftClass = 'class="' + classes.join(' ') + '"';
+ }
+ print( '<li id="' + draft.id + '"' + draftClass + '><a href="#" class="use_report">' + draft.description() + '</a><a class="del_report" href="#" title="delete">Eliminar</a></li>' );
+ }
+ } ); %>
+ </ul>
+ </div>
+</div>
diff --git a/www/templates/es/save_offline.html b/www/templates/es/save_offline.html
new file mode 100644
index 0000000..7c6b7b3
--- /dev/null
+++ b/www/templates/es/save_offline.html
@@ -0,0 +1,15 @@
+<div data-role="header">
+ <h1>Sin conexión</h1>
+</div>
+<div data-role="content">
+ <h3 class="notopmargin">No hay conexión al internet</h3>
+
+ <p>
+ No hay conexión al internet, ¿quiere guardar el presente informe para más tarde?
+ </p>
+
+ <div class="bottom-btn">
+ <input id="save_report" type="button" value="guardar">
+ <input id="discard" type="button" value="eliminar">
+ </div>
+</div>
diff --git a/www/templates/es/sent.html b/www/templates/es/sent.html
new file mode 100644
index 0000000..df9a933
--- /dev/null
+++ b/www/templates/es/sent.html
@@ -0,0 +1,22 @@
+<div id="report-created-header" data-role="header">
+ <a class="ui-btn-left">Inicio</a>
+ <h1>Informe creado</h1>
+</div>
+<div data-role="content">
+ <% if ( typeof email_confirm != 'undefined' && email_confirm === 1 ) { %>
+ <h3>Email de confirmación enviado</h3>
+
+ <p>
+ Le hemos enviado un email de confirmación que le llegará en unos minutos. Una vez que llegue haga click sobre el enlace dentro del email para confirmar su informe.
+ </p>
+ <% } else { %>
+ <h3>Gracias. Su informe será enviado inmediatamente a las autoridades.</h3>
+
+ <p class="center"><input type="button" data-theme="a" id="open_report" value="Véalo en la pagina web"></p>
+ <% } %>
+
+
+ <div class="bottom-btn">
+ <input type="button" id="id_report_another" data-theme="a" value="Comenzar un nuevo informe" >
+ </div>
+</div>
diff --git a/www/templates/es/submit.html b/www/templates/es/submit.html
new file mode 100644
index 0000000..363755c
--- /dev/null
+++ b/www/templates/es/submit.html
@@ -0,0 +1,99 @@
+<div id="submit-header" data-role="header" data-position="fixed" data-id="locate">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Submit</h1>
+</div>
+
+<div class="container" data-role="content" data-enhance="false">
+ <div class="content" role="main">
+
+
+ <fieldset>
+ <div id="problem_form">
+ <% if ( user && user.password ) { %>
+ <div id="signed_in">
+ <p>
+ You are signed in as <span id="username"><%= user.name %></span>
+ </p>
+
+ <p id="confirm_details">Confirm details</p>
+ <div id="name_details">
+ <label for="form_may_show_name">Name</label>
+ <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Your name">
+
+ <div class="checkbox-group">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label class="inline" for="form_may_show_name">Mostrar mi nombre públicamente</label>
+ </div>
+
+ <label for="form_phone">Phone number</label>
+ <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Your phone number (optional)">
+ </div>
+
+ <div class="form-txt-submit-box">
+ <input class="green-btn" type="button" id="submit_signed_in" name="submit_signed_in" value="Informe">
+ </div>
+ </div>
+ <% } else { %>
+ <div id="signed_out">
+ <label for="form_email" id="email_label">Your email</label>
+ <input type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Por favor, introduzca su dirección de email" required>
+
+ <div id="form_sign_in">
+ <h4 id="have_password">Do you have a <%= CONFIG.APP_NAME %> password?</h4>
+
+ <div id="form_sign_in_yes" class="form-box">
+
+ <h5><strong>Yes</strong> I have a password</h5>
+
+ <label class="hidden-js n" for="password_sign_in">Yes I have a password</label>
+ <div class="form-txt-submit-box">
+ <input type="password" name="password_sign_in" id="password_sign_in" placeholder="Su contraseña" value="">
+ <input class="green-btn" type="button" id="submit_sign_in" name="submit_sign_in" value="Informe">
+ </div>
+ </div>
+
+ <div id="form_sign_in_no" class="form-box">
+ <h5 id="let_me_confirm"><strong>No</strong> Let me confirm my report by email</h5>
+
+ <div id="name_details">
+ <label for="form_may_show_name">Name</label>
+ <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Your name">
+
+ <div class="checkbox-group">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label class="inline" for="form_may_show_name">Mostrar mi nombre públicamente</label>
+ </div>
+
+ <label for="form_phone">Phone number</label>
+ <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Your phone number (optional)">
+ </div>
+
+ <div id="password_surround">
+ <label class="form-focus-hidden" for="password_register" id="password_label">Password</label>
+ </div>
+
+ <div class="form-txt-submit-box form-focus-hidden">
+ <input type="password" name="password_register" id="password_register" value="" placeholder="Enter a password (optional)">
+ <input class="green-btn" type="button" id="submit_register" name="submit_register" value="Informe">
+ </div>
+
+ </div>
+ </div>
+ </div>
+ <% } %>
+
+ <div id="report_save" class="form-box">
+ <h5>Save this report for completion later</h5>
+ <div class="form-txt-submit-box">
+ <input class="green-btn" type="button" id="save_report" name="save_report" value="Save">
+ </div>
+ </div>
+ </div>
+ </fieldset>
+
+ <input type="hidden" name="submit_problem" value="1">
+ </div>
+
+ </div>
+ </div>
+</div>
diff --git a/www/templates/es/submit_confirm.html b/www/templates/es/submit_confirm.html
new file mode 100644
index 0000000..b01e70a
--- /dev/null
+++ b/www/templates/es/submit_confirm.html
@@ -0,0 +1,40 @@
+<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Sus detalles</h1>
+</div>
+
+<div data-role="content">
+ <p class="notopmargin">
+ You are logged in as <%= user.email %>.
+ </p>
+
+ <p>
+ Por favor, confirme su nombre, si quiere que se haga público y opcionalmente su número de teléfono.
+ </p>
+
+ <div id="errors"></div>
+
+ <div class="inputcard">
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Título" id="form_title" name="title" required>
+ <option value="">Título</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Por favor, introduzca su nombre" required>
+ </div>
+ <div>
+ <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Opcionalmente introduzca su número de teléfono">
+ </div>
+ <div class="checkbox-group noborder">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" <% if ( typeof user.may_show_name == 'undefined' || user.may_show_name ) { %>checked<% } %>>
+ <label class="inline" for="form_may_show_name">Mostrar mi nombre públicamente</label>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Informe">
+ </div>
+</div>
diff --git a/www/templates/es/submit_email.html b/www/templates/es/submit_email.html
new file mode 100644
index 0000000..1954259
--- /dev/null
+++ b/www/templates/es/submit_email.html
@@ -0,0 +1,26 @@
+<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Sus detalles</h1>
+</div>
+
+<div data-role="content">
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Por favor, introduzca su dirección de email" required>
+ </div>
+ </div>
+
+ <p>
+ Esta aplicación necesita enviarle un email de confirmación antes de que podamos enviar su informe al ayuntamiento.
+ </p>
+
+ <p>
+ Para saltar este paso en el futuro, puede configurar una contraseña ahora.
+ </p>
+
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="email_confirm" name="email_confirm" value="No quiero configurar una contraseña">
+ <input data-role="button" data-theme="a" type="button" id="set_password" name="set_password" value="Me gustaría configurar una contraseña">
+ <input data-role="button" data-theme="a" type="button" id="have_password" name="have_password" value="Ya tengo una - abrir sesión">
+ </div>
+</div>
diff --git a/www/templates/es/submit_name.html b/www/templates/es/submit_name.html
new file mode 100644
index 0000000..07aeb87
--- /dev/null
+++ b/www/templates/es/submit_name.html
@@ -0,0 +1,39 @@
+<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Sus detalles</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <p class="top">
+ <% if ( nopassword ) { %>
+ No hay problema - tampoco nos gusta tontear con contraseñas.
+ <% } %>
+ Por favor, proporciónenos con algunos detalles básicos, y pronto terminaremos.
+ </p>
+ <div class="inputcard">
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Título" id="form_title" name="title" required>
+ <option value="">Título</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Por favor, introduzca su nombre" required>
+ </div>
+ <div>
+ <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Opcionalmente introduzca su número de teléfono">
+ </div>
+ <div data-role="fieldcontain">
+ <fieldset data-role="controlgroup">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" <% if ( typeof user.may_show_name == 'undefined' || user.may_show_name ) { %>checked<% } %>>
+ <label for="form_may_show_name">Mostrar mi nombre públicamente</label>
+ </fieldset>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="button" id="send_confirm" name="send_confirm" value="Enviar un email de confirmación">
+ </div>
+</div>
diff --git a/www/templates/es/submit_password.html b/www/templates/es/submit_password.html
new file mode 100644
index 0000000..71a3b2a
--- /dev/null
+++ b/www/templates/es/submit_password.html
@@ -0,0 +1,51 @@
+<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Sus detalles</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <form id="passwordForm" name="passwordForm">
+ <div id="password_row">
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Su contraseña" required>
+ </div>
+ </div>
+ <div class="noborder">
+ <input data-role="button" data-theme="a" type="submit" id="report" name="report" value="Informe">
+ </div>
+ </div>
+ <div id="check_name" class="nodisplay">
+ <div class="inputcard">
+ <p>
+ Por favor, confirme su nombre, si quiere que se haga público y opcionalmente su número de teléfono.
+ </p>
+
+ <% if ( typeof model.titles_list !== 'undefined' ) { %>
+ <div>
+ <select data-role="none" placeholder="Título" id="form_title" name="title" required>
+ <option value="">Título</option>
+ <% for ( var i = 0; i < model.titles_list.length; i++ ) { var title = model.titles_list[i]; print( '<option value="' + title + '"' + ( user.title && user.title == title ? ' selected' : '' ) + '>' + title + '</option>' ); } %>
+ </select>
+ </div>
+ <% } %>
+ <div>
+ <input data-role="none" type="text" value="" id="form_name" name="name">
+ </div>
+ <div>
+ <input data-role="none"type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Por favor, introduzca su número de teléfono (opcional)">
+ </div>
+ <div data-role="fieldcontain">
+ <fieldset data-role="controlgroup">
+ <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked>
+ <label for="form_may_show_name">Mostrar mi nombre públicamente</label>
+ </fieldset>
+ </div>
+ </div>
+ <div class="bottom-btn">
+ <input data-role="button" data-theme="a" type="submit" id="confirm_name" name="report" value="Confirmar nombre">
+ </div>
+ </div>
+ </form>
+</div>
diff --git a/www/templates/es/submit_set_password.html b/www/templates/es/submit_set_password.html
new file mode 100644
index 0000000..a9d9b46
--- /dev/null
+++ b/www/templates/es/submit_set_password.html
@@ -0,0 +1,23 @@
+<div id="submit-header" data-role="header">
+ <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Atrás</a>
+ <h1>Sus detalles</h1>
+</div>
+
+<div data-role="content">
+ <div id="errors"></div>
+ <form id="passwordForm" name="passwordForm">
+ <div id="password_row">
+ <p class="notopmargin">
+ Introduzca la contraseña de su cuenta. Esta no será activada hasta que haga click sobre el enlace en el email de confirmación
+ </p>
+ <div class="inputcard">
+ <div>
+ <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Su contraseña" required>
+ </div>
+ </div>
+ <div class="noborder">
+ <input data-role="button" data-theme="a" type="submit" id="continue" name="report" value="Continuar">
+ </div>
+ </div>
+ </form>
+</div>