Add contact/index.html and .final-submit class

Signed-off-by: Josh Angell <josh@supercooldesign.co.uk>

2 files changed, 115 insertions, 1 deletions

diff --git a/templates/web/fixmystreet/contact/index.html b/templates/web/fixmystreet/contact/index.html
new file mode 100644
index 000000000..78cff82af
--- /dev/null
+++ b/templates/web/fixmystreet/contact/index.html
@@ -0,0 +1,107 @@
+[% INCLUDE 'header.html',
+    title = loc('Contact Us')
+    robots = 'noindex,nofollow'
+%]
+
+<h1>[% loc('Contact the team') %]</h1>
+ 
+<form method="post" action="/contact/submit" class="validate">
+    <fieldset>
+        [% INCLUDE 'errors.html' %]
+
+        [% IF update %]
+
+            <p>
+            [% loc('You are reporting the following update for being abusive, containing personal information, or similar:') %]
+            </p>
+
+            <blockquote>
+                <p>
+                    [% IF update.anonymous %]
+                        [% tprintf( loc('Update below added anonymously at %s'), prettify_epoch( update.confirmed_local.epoch ) ) %]
+                    [% ELSE %]
+                        [% tprintf( loc('Update below added by %s at %s'), update.name, prettify_epoch( update.confirmed_local.epoch ) ) | html %]
+                    [% END %]
+                </p>
+
+                <p>
+                    [% update.text | html %]
+                </p>
+
+            </blockquote>
+            <input type="hidden" name="update_id" value="[% update.id %]">
+            <input type="hidden" name="id" value="[% update.problem_id %]">
+
+        [% ELSIF problem %]
+            <p>
+            [% loc('You are reporting the following problem report for being abusive, containing personal information, or similar:') %]
+            </p>
+            
+            <blockquote>
+                <h2>[% problem.title | html %]</h2>
+
+                <p>
+                    [% IF problem.anonymous %]
+                        [% tprintf( loc('Reported anonymously at %s'), prettify_epoch( problem.confirmed_local.epoch ) ) %]
+                    [% ELSE %]
+                        [% tprintf( loc('Reported by %s at %s'), problem.user.name, prettify_epoch( problem.confirmed_local.epoch ) ) | html %]
+                    [% END %]
+                </p>
+
+                <p>
+                    [% problem.detail | html %]
+                </p>
+
+            </blockquote>
+            <input type="hidden" name="id" value="[% problem.id %]">
+
+        [% ELSE %]
+
+            [% INCLUDE 'contact/blurb.html' %]
+
+        [% END %]
+
+        [% IF field_errors.name %]
+           <div class="form-error">[% field_errors.name %]</div>
+        [% END %]
+        
+
+        <label for="form_name">[% loc('Your name') %]</label>
+        <input type="text" class="required" name="name" id="form_name" value="[% form_name | html %]" size="30">
+
+
+        [% IF field_errors.em %]
+           <div class="form-error">[% field_errors.em %]</div>
+        [% END %]
+
+
+        <label for="form_email">[% loc('Your email') %]</label>
+        <input type="text" class="required email" name="em" id="form_email" value="[% em | html %]" size="30">
+
+
+        [% IF field_errors.subject %]
+           <div class="form-error">[% field_errors.subject %]</div>
+        [% END %]
+
+
+        <label for="form_subject">[% loc('Subject') %]</label>
+        <input type="text" class="required" name="subject" id="form_subject" value="[% subject | html %]" size="30">
+
+
+        [% IF field_errors.message %]
+           <div class="form-error">[% field_errors.message %]</div>
+        [% END %]
+        
+
+        <label for="form_message">[% loc('Message') %]</label>
+        <textarea class="required" name="message" id="form_message" rows="7" cols="50">[% message | html %]</textarea>
+
+        
+        <input class="final-submit green-btn" type="submit" value="[% loc('Post') %]">
+
+    </fieldset>
+</form>
+
+[% TRY %][% INCLUDE 'contact/address.html' %][% CATCH file %][% END %]
+
+[% INCLUDE 'footer.html' %]
diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss
index 1c66093c8..de1039fe9 100644
--- a/web/cobrands/fixmystreet/base.scss
+++ b/web/cobrands/fixmystreet/base.scss
@@ -572,7 +572,14 @@ input.red-btn{
     border-color: #80001C;
   }
 }
-  
+
+.final-submit,
+input.final-submit {
+  margin:1em 0.5em;
+  float:right;
+  text-transform:uppercase;
+}
+
 .button-right,
 .button-left,
 a.button-right,