diff options
| -rw-r--r-- | templates/web/base/report/_inspect.html | 4 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/staff.js | 14 | ||||
| -rw-r--r-- | web/cobrands/sass/_base.scss | 7 |
3 files changed, 23 insertions, 2 deletions
diff --git a/templates/web/base/report/_inspect.html b/templates/web/base/report/_inspect.html index f012d5ae3..2b0970ae5 100644 --- a/templates/web/base/report/_inspect.html +++ b/templates/web/base/report/_inspect.html @@ -141,9 +141,9 @@ </select> </p> <p> - <label for="detailed_information">[% loc('Extra details') %]</label> + <label for="detailed_information">[% loc('Extra details') %]</label> <span id="detailed_information_length"></span> <textarea rows="2" name="detailed_information" id="detailed_information" class="form-control" - [% IF max_detailed_info_length %]placeholder="[% tprintf(loc('%d characters maximum'), max_detailed_info_length) %]"[% END %]>[% problem.get_extra_metadata('detailed_information') | html %]</textarea> + [% IF max_detailed_info_length %]data-max-length="[% max_detailed_info_length %]" placeholder="[% tprintf(loc('%d characters maximum'), max_detailed_info_length) %]"[% END %]>[% problem.get_extra_metadata('detailed_information') | html %]</textarea> </p> [% END %] diff --git a/web/cobrands/fixmystreet/staff.js b/web/cobrands/fixmystreet/staff.js index 07a2729e2..c3d1650a6 100644 --- a/web/cobrands/fixmystreet/staff.js +++ b/web/cobrands/fixmystreet/staff.js @@ -299,6 +299,20 @@ $.extend(fixmystreet.set_up, { toggle_public_update(); }); + if ($('#detailed_information').data('max-length')) { + $('#detailed_information').on('keyup', function() { + var $this = $(this), + counter = $('#detailed_information_length'); + var chars_left = $this.data('max-length') - $this.val().length; + counter.html(chars_left); + if (chars_left < 0) { + counter.addClass('error'); + } else { + counter.removeClass('error'); + } + }); + } + if (geo_position_js.init()) { fixmystreet.geolocate.setup(function(pos) { var latlon = new OpenLayers.LonLat(pos.coords.longitude, pos.coords.latitude); diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index d02efe489..ce28badab 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -1863,6 +1863,13 @@ label .muted { padding: 1em; margin: 0 -1em; background-color: #E9F2FF; + + #detailed_information_length { + float: right; + &.error { + color: red; + } + } } .inspect-form-heading { |