Improved moderation page

app/views/moderate/index.slim

@@ -4,7 +4,7 @@
   - if @package
 
     // Progress bar
-    .progress.warning role="progressbar" tabindex="0" aria-valuenow="20" aria-valuemin="0" aria-valuetext="25 percent" aria-valuemax="100"
+    .progress.warning role="progressbar" tabindex="0"
       span.progress-meter style="width: #{@percent_moderated}%"
         p.progress-meter-text #{@percent_moderated}%
 
@@ -15,15 +15,24 @@
       .small-6.columns
         p Please moderate:
         - @pending_screenshots.each do |screenshot|
-          .row.listview
+          / = screenshot.status
-            = screenshot.status
+          a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
-            a.black.fancybox href=screenshot.image.url(:large, timestamp: false) rel='fancybox-thumb' title=screenshot.caption
+            = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
-              = image_tag(screenshot.image.url(:large, timestamp: false), alt: screenshot.caption)
+            .imgcaption =screenshot.caption
-              .imgcaption =screenshot.caption
+
+          / New screenshot that needs to be approved?
+          - if screenshot.approved==false
+            .button-group
+              / TODO: Add a reason for the rejection to tell the user
+              a.button.alert.round  Reject
+              a.button.success.round Approve
+
+          / Existing screenshots that was requested for removal
+          - if screenshot.markedfordelete==true
+            .button-group
+              a.button.alert.round  Remove as requested
+              a.button.success.round Keep the screenshot
 
-            ul.button-group.round
-              li.button href="#" class="button alert round" Delete
-              li.button href="#" class="button success round" Publish
 
       .small-6.columns
         p Existing screenshots: