Add files upload

2 files changed, 64 insertions, 0 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 45ec7444..51bdb878 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -702,6 +702,43 @@ div.task .task-score {
     padding: 10px;
 }
 
+.task-show-files a {
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.task-show-files li {
+    margin-left: 25px;
+    list-style-type: square;
+    line-height: 25px;
+}
+
+.task-show-file-actions {
+    font-size: 0.75em;
+}
+
+.task-show-file-actions:before {
+    content: " [";
+}
+
+.task-show-file-actions:after {
+    content: "]";
+}
+
+.task-show-file-actions a {
+    color: #333;
+}
+
+.task-file-viewer {
+    position: relative;
+}
+
+.task-file-viewer img {
+    max-width: 95%;
+    max-height: 85%;
+    margin-top: 10px;
+}
+
 /* markdown content */
 .markdown {
     line-height: 1.4em;
diff --git a/assets/js/task.js b/assets/js/task.js
new file mode 100644
index 00000000..f95792c3
--- /dev/null
+++ b/assets/js/task.js
@@ -0,0 +1,27 @@
+(function () {
+
+    // Show popup
+    function popover_show(content)
+    {
+        $("body").append('<div id="popover-container"><div id="popover-content">' + content + '</div></div>');
+
+        $("#popover-container").click(function() {
+            $(this).remove();
+        });
+
+        $("#popover-content").click(function(e) {
+            e.stopPropagation();
+        });
+    }
+
+    $(".popover").click(function(e) {
+
+        e.preventDefault();
+        e.stopPropagation();
+
+        $.get($(this).attr("href"), function(data) {
+            popover_show(data);
+        });
+    });
+
+}());