Feature: Disco ICT Online Services - Job Publishing

When warranty jobs are submitted (via plugins) users can choose to
include attachments. These attachments are submitted to Disco ICT Online
Services. A secure link is then provided to the plugin so the
attachments can be retrieved.

Disco.Web/ClientSource/Style/Job.css

@@ -294,6 +294,7 @@
 }
 #jobShowResources #Comments div.commentOutput > div div.comment p {
   line-height: 1.2em;
+  padding-bottom: .2em;
 }
 #jobShowResources #Comments div.commentOutput > div:hover span.remove {
   opacity: .5;
@@ -706,6 +707,88 @@
   width: 600px;
   height: 250px;
 }
+#publishJobAttachments {
+  border: 1px solid #cccccc;
+  background-color: #ffffff;
+  position: relative;
+  max-height: 249px;
+  overflow: auto;
+}
+#publishJobAttachments > a {
+  display: block;
+  float: left;
+  height: 48px;
+  width: 261px;
+  padding: 2px;
+  margin: 2px;
+  font-size: 0.95em;
+  border: 1px solid #ffffff;
+  color: #000000;
+  text-decoration: none;
+}
+#publishJobAttachments > a span.comments,
+#publishJobAttachments > a span.author,
+#publishJobAttachments > a span.timestamp {
+  display: block;
+  float: left;
+  width: 188px;
+  overflow: hidden;
+  height: 16px;
+}
+#publishJobAttachments > a span.author {
+  color: #888;
+  width: 150px;
+}
+#publishJobAttachments > a span.timestamp {
+  color: #888;
+  font-style: italic;
+}
+#publishJobAttachments > a span.icon {
+  display: block;
+  float: left;
+  height: 48px;
+  width: 48px;
+  margin-right: 2px;
+}
+#publishJobAttachments > a span.icon img {
+  height: 48px;
+  width: 48px;
+}
+#publishJobAttachments > a span.icon img.loading {
+  display: none;
+}
+#publishJobAttachments > a input.select {
+  display: block;
+  float: left;
+  line-height: 48px;
+  margin-right: 2px;
+  width: 20px;
+}
+#publishJobAttachments > a:hover {
+  background-color: #ededed;
+  border: 1px solid #cccccc;
+}
+#publishJobAttachments > a:hover span.remove {
+  opacity: .5;
+}
+#publishJobAttachments > a span.remove {
+  font-size: 1.2em;
+  color: #e51400;
+  margin-left: 2px;
+  cursor: pointer;
+  opacity: 0;
+}
+#publishJobAttachments > a span.remove:hover {
+  opacity: 1;
+}
+#submitDialog {
+  padding-top: 50px;
+  text-align: center;
+}
+#submitDialog i {
+  margin-right: 10px;
+  color: #1e6dab;
+}
 #repairJobForm #repairDisclosedInformation table {
   font-size: 0.9em;
 }

Disco.Web/ClientSource/Style/Job.less

@@ -269,9 +269,10 @@
                     clear: both;
                     display: block;
                     margin-left: 4px;
-                    
+
                     p {
                         line-height: 1.2em;
+                        padding-bottom: .2em;
                     }
                 }
 
@@ -500,6 +501,7 @@
         select {
             min-width: 270px;
         }
+
         textarea {
             min-width: 270px;
             height: 100px;
@@ -735,6 +737,101 @@
     }
 }
 
+#publishJobAttachments {
+    border: 1px solid @SubtleBorderColour;
+    background-color: @white;
+    position: relative;
+    max-height: 249px;
+    overflow: auto;
+
+    & > a {
+        display: block;
+        float: left;
+        height: 48px;
+        width: 261px;
+        padding: 2px;
+        margin: 2px;
+        font-size: 0.95em;
+        border: 1px solid @white;
+        color: @black;
+        text-decoration: none;
+
+        span.comments, span.author, span.timestamp {
+            display: block;
+            float: left;
+            width: 188px;
+            overflow: hidden;
+            height: 16px;
+        }
+
+        span.author {
+            color: #888;
+            width: 150px;
+        }
+
+        span.timestamp {
+            color: #888;
+            font-style: italic;
+        }
+
+        span.icon {
+            display: block;
+            float: left;
+            height: 48px;
+            width: 48px;
+            margin-right: 2px;
+
+            img {
+                height: 48px;
+                width: 48px;
+
+                &.loading {
+                    display: none;
+                }
+            }
+        }
+
+        input.select {
+            display: block;
+            float: left;
+            line-height: 48px;
+            margin-right: 2px;
+            width: 20px;
+        }
+
+        &:hover {
+            background-color: @SubtleColour;
+            border: 1px solid @SubtleBorderColour;
+
+            span.remove {
+                opacity: .5;
+            }
+        }
+
+        span.remove {
+            font-size: 1.2em;
+            color: @StatusRemove;
+            margin-left: 2px;
+            cursor: pointer;
+            opacity: 0;
+
+            &:hover {
+                opacity: 1;
+            }
+        }
+    }
+}
+
+#submitDialog {
+    padding-top: 50px;
+    text-align: center;
+
+    i {
+        margin-right: 10px;
+        color: @StatusInformation;
+    }
+}
+
 #repairJobForm {
     #repairDisclosedInformation {
         table {