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.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 {