diff options
Diffstat (limited to 'www')
35 files changed, 875 insertions, 6 deletions
diff --git a/www/cobrands/fixamingata/css/config.rb b/www/cobrands/fixamingata/css/config.rb new file mode 100644 index 0000000..5a4dbed --- /dev/null +++ b/www/cobrands/fixamingata/css/config.rb @@ -0,0 +1,2 @@ +css_dir = "." +sass_dir = "." diff --git a/www/cobrands/fixamingata/css/style.css b/www/cobrands/fixamingata/css/style.css new file mode 100644 index 0000000..9b3bf5d --- /dev/null +++ b/www/cobrands/fixamingata/css/style.css @@ -0,0 +1,57 @@ +/* line 6, style.scss */ +.ios7 .ui-bar-a, +body.ios7 { + background-color: #8dbfdc; +} + +/* line 11, style.scss */ +.ios7 .ui-bar-a { + border-color: #8dbfdc; +} + +/* line 15, style.scss */ +#load-screen, +#locating { + background: #8dbfdc; + color: white; +} + +/* line 21, style.scss */ +#locating #progress-bar { + background-color: #20bbdf; +} + +/* line 25, style.scss */ +#view-my-reports .draft_count { + background-color: #4390bd; + color: #fff; + border-color: transparent; +} + +/* line 31, style.scss */ +#display-help { + background-color: #c6deff; + color: grey; +} + +/* line 37, style.scss */ +.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { + border-color: #529eca; + background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjAuNSIgeDI9IjAuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5YjRkNiIvPjxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjYTFjYWUyIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); + background: -moz-linear-gradient(180deg, #79b4d6, #a1cae2 98%); + background: -webkit-linear-gradient(180deg, #79b4d6, #a1cae2 98%); + background: linear-gradient(-90deg, #79b4d6, #a1cae2 98%); +} + +/* line 42, style.scss */ +.ui-corner-all, +.ui-btn-corner-all { + -webkit-border-radius: 3px; + border-radius: 3px; +} + +/* line 48, style.scss */ +#load-screen .radar, +#locating .radar { + background-image: url("../images/radar-fixamingata.png"); +} diff --git a/www/cobrands/fixamingata/css/style.scss b/www/cobrands/fixamingata/css/style.scss new file mode 100644 index 0000000..27d24b5 --- /dev/null +++ b/www/cobrands/fixamingata/css/style.scss @@ -0,0 +1,51 @@ +@import "compass"; + +$lighterblue: rgb(198, 222, 255); +$darkerblue: rgb(141, 191, 220); + +.ios7 .ui-bar-a, +body.ios7 { + background-color: $darkerblue; +} + +.ios7 .ui-bar-a { + border-color: $darkerblue; +} + +#load-screen, +#locating { + background: $darkerblue; + color: white; +} + +#locating #progress-bar { + background-color: #20bbdf; +} + +#view-my-reports .draft_count{ + background-color: rgb(67, 144, 189); + color: #fff; + border-color: transparent; +} + +#display-help { + background-color: $lighterblue; + color: grey; +} + + +.ui-bar-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { + border-color: darken($darkerblue, 15%); + @include background(linear-gradient(-90deg, darken($darkerblue, 5%), lighten($darkerblue, 5%) 98%)); +} + +.ui-corner-all, +.ui-btn-corner-all { + -webkit-border-radius: 3px; + border-radius: 3px; +} + +#load-screen .radar, +#locating .radar { + background-image: url('../images/radar-fixamingata.png'); +} diff --git a/www/cobrands/fixamingata/images/ie_front_logo.gif b/www/cobrands/fixamingata/images/ie_front_logo.gif Binary files differnew file mode 100644 index 0000000..998b43c --- /dev/null +++ b/www/cobrands/fixamingata/images/ie_front_logo.gif diff --git a/www/cobrands/fixamingata/images/ie_logo.gif b/www/cobrands/fixamingata/images/ie_logo.gif Binary files differnew file mode 100644 index 0000000..829cd1f --- /dev/null +++ b/www/cobrands/fixamingata/images/ie_logo.gif diff --git a/www/cobrands/fixamingata/images/ie_mysoc_logo.gif b/www/cobrands/fixamingata/images/ie_mysoc_logo.gif Binary files differnew file mode 100644 index 0000000..79602e0 --- /dev/null +++ b/www/cobrands/fixamingata/images/ie_mysoc_logo.gif diff --git a/www/cobrands/fixamingata/images/radar-fixamingata.png b/www/cobrands/fixamingata/images/radar-fixamingata.png Binary files differnew file mode 100644 index 0000000..7808c22 --- /dev/null +++ b/www/cobrands/fixamingata/images/radar-fixamingata.png diff --git a/www/cobrands/fixamingata/images/spinner-yellow.gif b/www/cobrands/fixamingata/images/spinner-yellow.gif Binary files differnew file mode 100644 index 0000000..181712d --- /dev/null +++ b/www/cobrands/fixamingata/images/spinner-yellow.gif diff --git a/www/cobrands/fixamingata/images/sprite.png b/www/cobrands/fixamingata/images/sprite.png Binary files differnew file mode 100644 index 0000000..53c07a8 --- /dev/null +++ b/www/cobrands/fixamingata/images/sprite.png diff --git a/www/cobrands/fixamingata/templates/sv/help.html b/www/cobrands/fixamingata/templates/sv/help.html new file mode 100644 index 0000000..a2ee998 --- /dev/null +++ b/www/cobrands/fixamingata/templates/sv/help.html @@ -0,0 +1,35 @@ +<h1>Om <% print( CONFIG.APP_NAME ) %></h1> +<dl> + <dt>Vad är <% print( CONFIG.APP_NAME ) %>?</dt> + <dd><% print( CONFIG.APP_NAME ) %> är en app för att underlätta rapportering av problem i gatumiljön till kommuner.</dd> + + <dt>Hur används appen?</dt> + <dd>Appen kommer att försöka hitta din position automatiskt, alternativet är att söka på postnummer eller plats. För att rapportera ett problem, navigera kartan så att platsen med problemet lokaliseras och klicka på 'Ny rapportering här'.</dd> + + <dt>Vad händer med informationen som jag anger?</dt> + <dd><strong>All information som du anger kommer att skickas till kommunen.</strong> Din rapports titel, kategori och detaljer kommer att visas offentligt på <% print( CONFIG.APP_NAME ) %>. Som standard visas också ditt namn på <% print( CONFIG.APP_NAME ) %>, men du kan göra ett aktivt val för att dölja uppgiften. <strong>Din e-postadress eller ditt telefonnummer kommer aldrig visas offentligt på <% print( CONFIG.APP_NAME ) %></strong>.</dd> + + <dt>Hur kan jag välja att vara anonym?</dt> + <dd>Avmarkera 'Visa mitt namn offentligt' när du fyller i dina uppgifter så kommer ditt namn inte att visas på <% print( CONFIG.APP_NAME ) %>. <strong>Ditt namn, din e-postadress och ditt telefonnummer (om du anger det) kommer alltid att skickas till kommunen.</strong></dd> + + <dt>Vad gör jag om jag om personlig information angivits i en rapport av misstag?</dt> + <dd>Kontakta <% print( CONFIG.APP_NAME ) %>-supporten på <a href="mailto:info@fixamingata.se">info@fixamingata.se</a> så hjälper vi dig.</dd> + + <dt>Hur kan jag återställa mitt lösenord?</dt> + <dd>Om du har glömt bort ditt lösenord kan det återställas genom att välja 'Sätt ett lösenord'-alternativet vid nästa tillfälle en rapport skapas. Notera att du alltid måste klicka på länken i bekräftelsemejlet för att aktivera eller ändra ditt lösenord.</dd> + + <dt>Vilken sorts problem skall jag rapportera med <% print( CONFIG.APP_NAME ) %>?</dt> + <dd><% print( CONFIG.APP_NAME ) %> är huvudsakligen till för att rapportera saker som är <strong>trasiga, smutsiga, skadade, tippade, eller behöver lagas, rensas eller städas upp</strong>.</dd> + + <dt>Vad är <% print( CONFIG.APP_NAME ) %> inte till för?</dt> + <dd><% print( CONFIG.APP_NAME ) %> är inte till för att kontakta din kommun i andra ärenden än ovan. Vänligen använd bara <% print( CONFIG.APP_NAME ) %> för ärenden som kan kopplas till angivna kategorier.</dd> + + <dt>Är <% print( CONFIG.APP_NAME ) %> gratis?</dt> + <dd>Webbplats och app är gratis att använda.</dd> + + <dt>Vilka ligger bakom <% print( CONFIG.APP_NAME ) %>?</dt> + <dd><% print( CONFIG.APP_NAME ) %> är en e-tjänst som drivs av <a href="http://sambruk.se/">Föreningen Sambruk</a> och är framtagen i samarbete med <a href="http://kivos.se/">KIVOS</a> och <a href="http://ffkp.se/">FFKP</a>. <% print( CONFIG.APP_NAME ) %> är baserad på FixMyStreet, ett projekt skapat av brittiska <a onclick="FMS.openExternal(event); return false;" href="http://www.mysociety.org/">mySociety</a>.</dd> + <dt>Tack till...</dt> + <dd> + <a onclick="FMS.openExternal(event); return false;" href="http://www.openstreetmap.org/">OpenStreetMap</a> och <a onclick="FMS.openExternal(event); return false;" href="http://www.mapquest.com/">MapQuest</a> (för kartorna), fri programvarurörelsen (detta projekt använder Phonegap, Backbone, och jQuery Mobile) och FixMyStreet. Säg till om vi har missat någon.</dd> +</dl> diff --git a/www/cobrands/fixamingata/templates/sv/initial_help.html b/www/cobrands/fixamingata/templates/sv/initial_help.html new file mode 100644 index 0000000..ca5e0ef --- /dev/null +++ b/www/cobrands/fixamingata/templates/sv/initial_help.html @@ -0,0 +1,8 @@ +<h1>Välkommen till <% print( CONFIG.APP_NAME ) %></h1> +<p> +Du kan använda den här appen för att rapportera problem i din lokala gatumiljö till kommuner runtom i Sverige. +</p> + +<p> +Appen går att använda med eller utan tillgång till Internet, eftersom det inte alltid finns täckning. +</p> diff --git a/www/js/strings.sv.js b/www/js/strings.sv.js new file mode 100644 index 0000000..5728b2d --- /dev/null +++ b/www/js/strings.sv.js @@ -0,0 +1,59 @@ +(function (FMS, _) { + _.extend( FMS, { + validationStrings: { + update: 'Ange ditt namn', + title: 'Ange ditt namn', + detail: 'Ange en giltlig e-postadress', + name: { + required: 'Ange ditt namn', + validName: 'Ange ditt fullständiga namn - bocka i alternativet nedan om namnet inte ska visas offentligt på FixaMinGata' + }, + category: 'Sparad i %s-kategorin', + rznvy: { + required: 'Ange en giltlig e-postadress', + email: 'Ange en giltlig e-postadress' + }, + email: { + required: 'Ange en giltlig e-postadress', + email: 'Ange en giltlig e-postadress' + }, + password: 'Ja, jag har ett lösenord' + }, + strings: { + next: 'Nästa', + untitled_draft: 'Namnlöst utkast', + login_error: 'Det har uppstått ett problem. Vänligen avsluta appen och försök igen.', + logout_error: 'Det har uppstått ett problem. Vänligen avsluta appen och försök igen.', + login_details_error: 'Ett problem uppstod vid din inloggning. Vänligen försök igen senare.', + password_problem: 'Det finns ett problem med din e-post/lösenords-kombination. Om du har glömt ditt lösenord, eller inte har ett, kan ett nytt anges genom att gå via e-postfönstret och välja alternativet lösenord. Lösenord aktiveras när du klickar på länken i ditt bekräftelsemejl.', + search_placeholder: 'Sök efter en plats eller ett postnummer', + location_error: 'Platsfel', + location_problem: 'Ett problem uppstod i vid fastställande av plats.', + multiple_locations: 'Mer än en plats hittades. Välj ett av alternativen nedan eller sök på gatunamn och ort, eller postnummer.', + multiple_matches: 'Multiple matches found', + sync_error: 'Ett fel inträffades när din rapport skickades: ', + unknown_sync_error: 'Det har uppstått ett problem. Vänligen avsluta appen och försök igen.', + report_send_error: 'Det har uppstått ett problem. Vänligen avsluta appen och försök igen.', + missing_location: 'Ange ditt namn', + location_check_failed: 'Ett problem uppstod i samband med genomgång av att angiven position stödjs. Vänligen försök igen senare.', + category_extra_check_error: 'Ett problem uppstod i samband med genomgång av de detaljer som behövs för rapporteringen. Vänligen försök igen senare.', + locate_dismissed: 'Sök efter ett postnummer eller gatunamn och ort.', + geolocation_failed: "Tyvärr kunde positionen för din placering inte hittas. Vänligen ange en plats i sökrutan istället", + geolocation_denied: 'Kunde inte använda platstjänst. Vänligen kontrollera rättigheter.', + select_category: '-- Välj en kategori --', + offline_got_position: 'Ange plats för rapportering', + offline_failed_position: 'Position kunde inte hämtas.', + required: 'nödvändigt', + invalid_email: 'Ogiltig e-postadress', + invalid_report: 'Ogiltig rapport', + photo_failed: 'Ett problem uppstod då fotot togs.', + photo_added: 'Foto tillagt', + photo_loading: 'Uppladdning av bilder kan ta en stund, vänligen vänta', + upload_aborted: 'Ett problem uppstod då rapporten laddades upp.', + try_again: 'Försök igen', + save_for_later: 'Spara till senare', + no_connection: 'Ingen nätverksanslutning finns tillgänglig för att skicka din rapport. Vänligen försök igen senare.', + more_details: 'Dina uppgifter' + } + }); +})(FMS, _); diff --git a/www/js/views/around.js b/www/js/views/around.js index cb304ee..f0b8692 100644 --- a/www/js/views/around.js +++ b/www/js/views/around.js @@ -398,7 +398,7 @@ var li = '<li><a class="address" id="location_' + i + '" data-lat="' + loc.lat + '" data-long="' + loc.long + '">' + loc.address + '</a></li>'; multiple = multiple + li; } - $('#front-howto').html('<p>Multiple matches found</p><ul data-role="listview" data-inset="true">' + multiple + '</ul>'); + $('#front-howto').html('<p>' + FMS.strings.multiple_matches + '</p><ul data-role="listview" data-inset="true">' + multiple + '</ul>'); $('.ui-page').trigger('create'); $('#relocate').hide(); $('#front-howto').show(); diff --git a/www/js/views/offline.js b/www/js/views/offline.js index 3c2f7af..ac007d1 100644 --- a/www/js/views/offline.js +++ b/www/js/views/offline.js @@ -49,9 +49,9 @@ toggleNextButton: function() { if ( this.draftHasContent() ) { - $('#offline-next-btn .ui-btn-text').text('Save'); + $('#offline-next-btn .ui-btn-text').text(FMS.strings.save); } else { - $('#offline-next-btn .ui-btn-text').text('Skip'); + $('#offline-next-btn .ui-btn-text').text(FMS.strings.skip); } }, @@ -115,7 +115,7 @@ FMS.saveCurrentDraft(); $('#photo').attr('src', ''); - $('#photo-next-btn .ui-btn-text').text('Skip'); + $('#photo-next-btn .ui-btn-text').text(FMS.strings.skip); $('#display_photo').hide(); $('#add_photo').show(); }); diff --git a/www/js/views/photo.js b/www/js/views/photo.js index 8891298..485b74c 100644 --- a/www/js/views/photo.js +++ b/www/js/views/photo.js @@ -126,7 +126,7 @@ FMS.saveCurrentDraft(true); $('#photo').attr('src', 'images/placeholder-photo.png').addClass('placeholder').removeClass('small'); - $('#photo-next-btn .ui-btn-text').text('Skip'); + $('#photo-next-btn .ui-btn-text').text(FMS.strings.skip); $('#id_photo_button').parents('.ui-btn').show(); $('#id_existing').parents('.ui-btn').show(); }); diff --git a/www/js/views/search.js b/www/js/views/search.js index 6930e2a..0a668e5 100644 --- a/www/js/views/search.js +++ b/www/js/views/search.js @@ -60,7 +60,7 @@ var li = '<li><a class="address" id="location_' + i + '" data-lat="' + loc.lat + '" data-long="' + loc.long + '">' + loc.address + '</a></li>'; multiple = multiple + li; } - $('#front-howto').html('<p>Multiple matches found</p><ul data-role="listview" data-inset="true">' + multiple + '</ul>'); + $('#front-howto').html('<p>' + FMS.strings.multiple_matches + '</p><ul data-role="listview" data-inset="true">' + multiple + '</ul>'); $('.ui-page').trigger('create'); } else { this.validationError( 'pc', FMS.strings.location_problem ); diff --git a/www/templates/sv/address_search.html b/www/templates/sv/address_search.html new file mode 100644 index 0000000..f7a1f38 --- /dev/null +++ b/www/templates/sv/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">Avbryt</a> + <h1>Sök</h1> +</div> +<div data-role="content"> + <div id="front-main"> + <h3 class="notopmargin">Ange ett närliggande postnummer, eller gatunamn och område</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="ex.v. '107 25' eller 'Vasagatan, Stockholm'"> + </div> + </form> + <input type="button" value="Sök" 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/sv/android_error.html b/www/templates/sv/android_error.html new file mode 100644 index 0000000..d212635 --- /dev/null +++ b/www/templates/sv/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>Det har uppstått ett problem. Vänligen avsluta appen och försök igen.</p> + </div> + </body> +</html> diff --git a/www/templates/sv/around.html b/www/templates/sv/around.html new file mode 100644 index 0000000..49fb4ec --- /dev/null +++ b/www/templates/sv/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">Utkast <span class="draft_count"><% print( FMS.allDrafts.length ) %></span></span></span> + </a> + <a id="cancel" class="nodisplay" data-role="button" data-icon="arrow-l">Avbryt</a> + <h1><% print( CONFIG.APP_NAME ) %></h1> + <a id="login-options" data-icon="fms-account" class="nodisplay ui-btn-right">Konto</a> +</div> + + <div id="locating" class="nodisplay"> + <div class="radar"></div> + <div id="progress"> + <div id="progress-bar"> + </div> + </div> + + <p> + Söker efter din plats + </p> + + <p> + <input data-theme="c" type="button" id="locate_cancel" value="Avbryt"> + </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="Sök eller navigera via kartan"> + <% if ( FMS.testing ) { %> + <div class="testing"> + Testversion. Rapporter kommer inte att skickas till kommuner. + </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"> + Ny rapportering här + </a> + <a id="locate-here" data-role="button" data-theme="a" class="map-bottom-btn"> + Ange plats för rapportering + </a> + <a id="reposition" data-role="button" data-theme="c" class="map-bottom-btn nodisplay"> + Omplacera rapporten hit + </a> + <a id="confirm-map" data-role="button" data-theme="a" class="map-bottom-btn"> + Bekräfta läget + </a> + +</div> diff --git a/www/templates/sv/details.html b/www/templates/sv/details.html new file mode 100644 index 0000000..5b07584 --- /dev/null +++ b/www/templates/sv/details.html @@ -0,0 +1,22 @@ +<div data-role="header"> + <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Bakåt</a> + <h1>Detaljer</h1> + <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Nästa</a> +</div> +<div data-role="content"> + <div class="gmailstyletest"> + <div> + <label for="form_title">Ämne</label> + <input data-role="none" type="text" name="title" id="form_title" placeholder="Ange en titel" value="<%= title %>" required> + </div> + + <div> + <%= categories %> + </div> + + <div class="noborder"> + <label for="form_detail">Detaljer</label> + <textarea data-role="none" name="detail" id="form_detail" placeholder="Fyll i detaljer kring problemet." required><%= details %></textarea> + </div> + </div> +</div> diff --git a/www/templates/sv/details_extra.html b/www/templates/sv/details_extra.html new file mode 100644 index 0000000..6ab8e69 --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Mer detaljer</h1> + <a id="next" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Nästa</a> +</div> +<div data-role="content" data-enhance="false"> + <%= category_extras %> +</div> diff --git a/www/templates/sv/existing.html b/www/templates/sv/existing.html new file mode 100644 index 0000000..08e9da2 --- /dev/null +++ b/www/templates/sv/existing.html @@ -0,0 +1,35 @@ +<div data-role="header"> + <h1>Oskickad rapport</h1> +</div> +<div data-role="content" role="main"> + <div id="existing_report"> + <% if ( title ) { %> + <h3><%= title %></h3> + <% } %> + + <div class="meta"> + <p> + <% if ( category && category != '-- Välj en kategori --' ) { %> + Sparad i <%= category %>-kategorin + <% } %> + </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="Slutför rapportering nu" data-role="button" data-theme="a" /> + <input id="save_report" type="button" value="Spara till senare" data-role="button" data-theme="a" /> + <input id="discard" type="button" value="Radera" data-role="button" data-theme="a" /> + </div> +</div> diff --git a/www/templates/sv/home.html b/www/templates/sv/home.html new file mode 100644 index 0000000..e8e0e8c --- /dev/null +++ b/www/templates/sv/home.html @@ -0,0 +1,5 @@ +<div data-role="content"> + <div id="locating"> + <div class="radar"></div> + </div> +</div> diff --git a/www/templates/sv/login.html b/www/templates/sv/login.html new file mode 100644 index 0000000..ce99d1e --- /dev/null +++ b/www/templates/sv/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">Hem</a> + <h1>Logga in</h1> +</div> + +<div data-role="content"> + <% if ( FMS.isLoggedIn ) { %> + <div id="signed_in_row"> + <p class="notopmargin">Du är inloggad som <%= email %></p> + <div id="err" class="nodisplay"></div> + <div class="bottom-btn"> + <input type="button" id="logout" name="logout" value="Logga ut" data-theme="a"> + </div> + </div> + <div id="password_row" class="nodisplay"> + <p class="notopmargin"> + Utloggad! + </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="Din e-postadress" required> + </div> + <div> + <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Ditt lösenord" required> + </div> + <div class="noborder"> + <input type="submit" id="login" name="login" value="Logga in" data-theme="a"> + </div> + </form> + </div> + <div id="success_row" class="nodisplay"> + <p class="notopmargin"> + Inloggad! + </p> + <div id="err" class="nodisplay"></div> + <div class="bottom-btn"> + <input type="button" id="logout" name="logout" value="Logga ut" data-theme="a"> + </div> + </div> +</div> diff --git a/www/templates/sv/offline.html b/www/templates/sv/offline.html new file mode 100644 index 0000000..702ae27 --- /dev/null +++ b/www/templates/sv/offline.html @@ -0,0 +1,71 @@ +<div data-role="header" data-position="fixed"> + <a id="offline-prev-btn" class="ui-btn-left">Försök igen</a> + <h1>Nedkopplad</h1> + <a id="offline-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Hoppa över</a> +</div> + <div id="locating" class="nodisplay"> + <div class="radar"></div> + <div id="progress"> + <div id="progress-bar"> + </div> + </div> + + <p> + Söker efter din plats + </p> + + <p> + <input data-theme="c" type="button" id="locate_cancel" value="Avbryt"> + </p> + </div> +<div data-role="content"> + <div> + <p class="notopmargin"> + <% if ( typeof id != 'undefined' ) { %> + Ingen nätverksanslutning finns tillgänglig. Rapporten kan redigeras och skickas senare. + <% } else { %> + Ingen nätverksanslutning finns tillgänglig. Påbörja rapportering och slutför via utkast vid nästa tillfälle du är uppkopplad. + <% } %> + </p> + + <p id="locate_result"> + <% if ( lat ) { %> + Den här rapporten har en angiven plats. + <% } else { %> + <input type="button" data-role="button" data-theme="a" id="locate" value="Hitta plats (valfritt)" > + <% } %> + </p> + + <div class="inputcard"> + <div> + <input data-role="none" type="text" value="<%= title %>" name="title" id="form_title" placeholder="Ange en titel" 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>Lägg till ett foto <em>(valfritt)</em></label> + <input data-icon="fms-photo-new" value="Ta ett nytt foto" type="button" name="photo_button" id="id_photo_button" data-role="button" data-theme="a"> + <input data-icon="fms-photo-existing" value="Lägg till ett befintligt foto" 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>Ditt foto</label> + <div class="photo"> + <img class="small" id="photo" src="<%= file %>" /> + </div> + <input value="Radera 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/sv/photo.html b/www/templates/sv/photo.html new file mode 100644 index 0000000..8f38a02 --- /dev/null +++ b/www/templates/sv/photo.html @@ -0,0 +1,37 @@ +<div data-role="header"> + <a data-rel="back" data-icon="arrow-l" class="ui-btn-left">Bakåt</a> + <h1>Lägg till foto</h1> + <% if ( file == '' ) { %> + <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Hoppa över</a> + <% } else { %> + <a id="photo-next-btn" data-icon="arrow-r" data-iconpos="right" class="ui-btn-right">Nästa</a> + <% } %> +</div> +<div data-role="content"> + <% var photoClass = 'nodisplay', nophotoClass = 'nodisplay'; + if ( file != '' ) { + photoClass = ''; + } else { + nophotoClass = ''; + } %> + <h2 id="nophoto_title" class="<% print( nophotoClass ); %>"> + Lägg till ett foto <em>(valfritt)</em> + </h2> + <h2 id="photo_title" class="<% print( photoClass ); %>"> + Foto för rapport + </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="Lägg till ett befintligt foto" > + <input data-icon="fms-photo-new" id="id_photo_button" type="button" data-theme="a" value="Ta ett nytt foto"> + </div> +</div> diff --git a/www/templates/sv/reports.html b/www/templates/sv/reports.html new file mode 100644 index 0000000..503eac4 --- /dev/null +++ b/www/templates/sv/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">Hem</a> + <h1>Rapportutkast</h1> +</div> +<div id="drafts"> + <p id="noreports" class="nodisplay">En påbörjad rapport, som inte avslutats, kommer att visas i den här menyn för att avslutas vid ett senare tillfälle.</p> + <div id="report-list" class="nodisplay"> + <p class="notopmargin"> + Här finns utkast/ej insända rapporter. Slutför och skicka in dem, då du är uppkopplad. + </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">Ta bort</a></li>' ); + } + } ); %> + </ul> + </div> +</div> diff --git a/www/templates/sv/save_offline.html b/www/templates/sv/save_offline.html new file mode 100644 index 0000000..f58e96a --- /dev/null +++ b/www/templates/sv/save_offline.html @@ -0,0 +1,15 @@ +<div data-role="header"> + <h1>Nedkopplad</h1> +</div> +<div data-role="content"> + <h3 class="notopmargin">Du är inte ansluten till Internet</h3> + + <p> + Du är inte ansluten till Internet, vill du spara rapporten för att skicka in vid ett senare tillfälle? + </p> + + <div class="bottom-btn"> + <input id="save_report" type="button" value="spara"> + <input id="discard" type="button" value="radera"> + </div> +</div> diff --git a/www/templates/sv/sent.html b/www/templates/sv/sent.html new file mode 100644 index 0000000..17f0b63 --- /dev/null +++ b/www/templates/sv/sent.html @@ -0,0 +1,22 @@ +<div id="report-created-header" data-role="header"> + <a class="ui-btn-left">Hem</a> + <h1>Rapporten är skapad</h1> +</div> +<div data-role="content"> + <% if ( typeof email_confirm != 'undefined' && email_confirm === 1 ) { %> + <h3>Bekräftelse via mejl har skickats</h3> + + <p> + Vi har skickat ett bekräftelsemejl till dig. Det kan ta några minuter innan det kommer fram. Klicka på länken i meddelandet för att bekräfta din rapport. + </p> + <% } else { %> + <h3>Tack. Din rapport kommer genast att skickas till kommunen.</h3> + + <p class="center"><input type="button" data-theme="a" id="open_report" value="Visa den på webben"></p> + <% } %> + + + <div class="bottom-btn"> + <input type="button" id="id_report_another" data-theme="a" value="Skapa en ny rapport" > + </div> +</div> diff --git a/www/templates/sv/submit.html b/www/templates/sv/submit.html new file mode 100644 index 0000000..c34ff1f --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Skicka</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> + Du är inloggad som <span id="username"><%= user.name %></span> + </p> + + <p id="confirm_details">Bekräfta detaljer</p> + <div id="name_details"> + <label for="form_may_show_name">Namn</label> + <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Ditt namn"> + + <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">Visa mitt namn offentligt</label> + </div> + + <label for="form_phone">Telefonnummer</label> + <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Ditt telefonnummer (valfritt)"> + </div> + + <div class="form-txt-submit-box"> + <input class="green-btn" type="button" id="submit_signed_in" name="submit_signed_in" value="Rapportera"> + </div> + </div> + <% } else { %> + <div id="signed_out"> + <label for="form_email" id="email_label">Din e-postadress</label> + <input type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Ange en giltlig e-postadress" required> + + <div id="form_sign_in"> + <h4 id="have_password">Har du ett <%= CONFIG.APP_NAME %>-lösenord?</h4> + + <div id="form_sign_in_yes" class="form-box"> + + <h5><strong>Ja</strong> Jag har ett lösenord</h5> + + <label class="hidden-js n" for="password_sign_in">Ja, jag har ett lösenord</label> + <div class="form-txt-submit-box"> + <input type="password" name="password_sign_in" id="password_sign_in" placeholder="Ditt lösenord" value=""> + <input class="green-btn" type="button" id="submit_sign_in" name="submit_sign_in" value="Rapportera"> + </div> + </div> + + <div id="form_sign_in_no" class="form-box"> + <h5 id="let_me_confirm"><strong>Nej</strong> Låt mig bekräfta min rapport via e-post</h5> + + <div id="name_details"> + <label for="form_may_show_name">Namn</label> + <input type="text" class="validName" value="<%= user.name %>" name="name" id="form_name" placeholder="Ditt namn"> + + <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">Visa mitt namn offentligt</label> + </div> + + <label for="form_phone">Telefonnummer</label> + <input type="text" value="<%= user.phone %>" name="phone" id="form_phone" placeholder="Ditt telefonnummer (valfritt)"> + </div> + + <div id="password_surround"> + <label class="form-focus-hidden" for="password_register" id="password_label">Lösenord</label> + </div> + + <div class="form-txt-submit-box form-focus-hidden"> + <input type="password" name="password_register" id="password_register" value="" placeholder="Ange ett lösenord (valfritt)"> + <input class="green-btn" type="button" id="submit_register" name="submit_register" value="Rapportera"> + </div> + + </div> + </div> + </div> + <% } %> + + <div id="report_save" class="form-box"> + <h5>Spara rapportutkast för att färdigställa senare</h5> + <div class="form-txt-submit-box"> + <input class="green-btn" type="button" id="save_report" name="save_report" value="Spara"> + </div> + </div> + </div> + </fieldset> + + <input type="hidden" name="submit_problem" value="1"> + </div> + + </div> + </div> +</div> diff --git a/www/templates/sv/submit_confirm.html b/www/templates/sv/submit_confirm.html new file mode 100644 index 0000000..a852861 --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Dina uppgifter</h1> +</div> + +<div data-role="content"> + <p class="notopmargin"> + Du är inloggad som <%= user.email %>. + </p> + + <p> + Bekräfta ditt namn och eventuellt också ditt telefonnummer, och om du vill att ditt namn skall vara offentligt. + </p> + + <div id="errors"></div> + + <div class="inputcard"> + <% if ( typeof model.titles_list !== 'undefined' ) { %> + <div> + <select data-role="none" placeholder="Titel" id="form_title" name="title" required> + <option value="">Titel</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="Ange ditt namn" required> + </div> + <div> + <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Ange ditt telefonnummer (valfritt)"> + </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">Visa mitt namn offentligt</label> + </div> + </div> + <div class="bottom-btn"> + <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Rapportera"> + </div> +</div> diff --git a/www/templates/sv/submit_email.html b/www/templates/sv/submit_email.html new file mode 100644 index 0000000..97ca26e --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Dina uppgifter</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="Ange en giltlig e-postadress" required> + </div> + </div> + + <p> + Appen kommer att skicka ett bekräftelsemejl till din e-postadress innan rapporten sänd till kommunen. + </p> + + <p> + Ange ett lösenord för att slippa detta steg i framtiden. + </p> + + <div class="bottom-btn"> + <input data-role="button" data-theme="a" type="button" id="email_confirm" name="email_confirm" value="Jag vill inte ange ett lösenord"> + <input data-role="button" data-theme="a" type="button" id="set_password" name="set_password" value="Jag vill ange ett lösenord"> + <input data-role="button" data-theme="a" type="button" id="have_password" name="have_password" value="Jag har redan en inloggning"> + </div> +</div> diff --git a/www/templates/sv/submit_name.html b/www/templates/sv/submit_name.html new file mode 100644 index 0000000..336b612 --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Dina uppgifter</h1> +</div> + +<div data-role="content"> + <div id="errors"></div> + <p class="top"> + <% if ( nopassword ) { %> + Inga problem - vi gillar inte att förspilla tid med lösenord heller. + <% } %> + Ge oss grundläggande information för att skapa ett ärende. + </p> + <div class="inputcard"> + <% if ( typeof model.titles_list !== 'undefined' ) { %> + <div> + <select data-role="none" placeholder="Titel" id="form_title" name="title" required> + <option value="">Titel</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="Ange ditt namn" required> + </div> + <div> + <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Ange ditt telefonnummer (valfritt)"> + </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">Visa mitt namn offentligt</label> + </fieldset> + </div> + </div> + <div class="bottom-btn"> + <input data-role="button" data-theme="a" type="button" id="send_confirm" name="send_confirm" value="Skicka bekräftelsemejl"> + </div> +</div> diff --git a/www/templates/sv/submit_password.html b/www/templates/sv/submit_password.html new file mode 100644 index 0000000..33e269b --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Dina uppgifter</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="Ditt lösenord" required> + </div> + </div> + <div class="noborder"> + <input data-role="button" data-theme="a" type="submit" id="report" name="report" value="Rapportera"> + </div> + </div> + <div id="check_name" class="nodisplay"> + <div class="inputcard"> + <p> + Bekräfta ditt namn och eventuellt också ditt telefonnummer, och om du vill att ditt namn skall vara offentligt. + </p> + + <% if ( typeof model.titles_list !== 'undefined' ) { %> + <div> + <select data-role="none" placeholder="Titel" id="form_title" name="title" required> + <option value="">Titel</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="Ange ditt telefonnummer (valfritt)"> + </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">Visa mitt namn offentligt</label> + </fieldset> + </div> + </div> + <div class="bottom-btn"> + <input data-role="button" data-theme="a" type="submit" id="confirm_name" name="report" value="Bekräfta namn"> + </div> + </div> + </form> +</div> diff --git a/www/templates/sv/submit_set_password.html b/www/templates/sv/submit_set_password.html new file mode 100644 index 0000000..0dac58f --- /dev/null +++ b/www/templates/sv/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">Bakåt</a> + <h1>Dina uppgifter</h1> +</div> + +<div data-role="content"> + <div id="errors"></div> + <form id="passwordForm" name="passwordForm"> + <div id="password_row"> + <p class="notopmargin"> + Ange ett lösenord för ditt konto. Lösenordet kommer inte att aktiveras förrän du klickar på länken i bekräftelsen som har skickats till din angivna e-postadress. + </p> + <div class="inputcard"> + <div> + <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Ditt lösenord" required> + </div> + </div> + <div class="noborder"> + <input data-role="button" data-theme="a" type="submit" id="continue" name="report" value="Fortsätt"> + </div> + </div> + </form> +</div> |
