Add Nextcloud application

2 files changed, 691 insertions, 0 deletions

diff --git a/css/style.scss b/css/style.scss
new file mode 100644
index 0000000..404eef4
--- /dev/null
+++ b/css/style.scss
@@ -0,0 +1,348 @@
+/**
+ * @copyright Copyright (c) 2017 Matthias Held <matthias.held@uni-konstanz.de>
+ *
+ * @author Matthias Held <matthias.held@uni-konstanz.de>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <https://www.gnu.org/licenses/>.
+ */
+
+#ransomware_detection {
+    ul > li > span.icon {
+        display: inline-block;
+    }
+}
+
+.row {
+    margin-left: -15px;
+    margin-right: -15px;
+    position: relative;
+    &:before, &:after {
+        content: " ";
+        display: table
+    }
+    &:after {
+        clear: both
+    }
+}
+
+.sequence-color {
+    float: left;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 20px;
+}
+
+.color-box {
+    height: 100%;
+    width: 20px;
+}
+
+.sequence-table {
+    float: right;
+    width: 100%;
+    padding-left: 25px;
+}
+
+.ransomware-files {
+    position: relative;
+    width: 100%;
+    color: #2A2A2A;
+}
+
+.file-list {
+    tr {
+        &:hover {
+            td.selection > .selectCheckBox + label:before {
+                opacity: 1;
+            }
+        }
+        &:focus {
+            td.selection > .selectCheckBox + label:before {
+                opacity: 1;
+            }
+        }
+        &.selected {
+            td.selection > .selectCheckBox + label:before {
+                opacity: 1;
+            }
+        }
+        td {
+            &.selection > .selectCheckBox + label:before {
+            	opacity: 0;
+            	position: absolute;
+            	bottom: 4px;
+            	right: 0;
+            	z-index: 10;
+            }
+            &.selection {
+            	position: relative;
+            	width: 51px;
+                vertical-align: top;
+            	padding-left: 0;
+            	padding-right:0;
+            	-webkit-transition:background-image 500ms; -moz-transition:background-image 500ms; -o-transition:background-image 500ms; transition:background-image 500ms;
+            }
+            &.selection > .selectCheckBox + label {
+                background-position: 30px 30px;
+            	height: 50px;
+            	position: absolute;
+            	width: 50px;
+            	z-index: 5;
+            }
+            &.selection > .selectCheckBox:checked + label:before {
+                opacity: 1;
+            }
+            &.selection > .selectCheckBox {
+                position: absolute;
+            	z-index: 10;
+            }
+            &.file-name {
+                width: 50%;
+            }
+        }
+    }
+}
+
+.select-all + label {
+	top: 0;
+    background-position: 30px 30px;
+	height: 50px;
+	position: absolute;
+	width: 50px;
+	z-index: 5;
+    &:before {
+    	position: absolute;
+    	top: 18px;
+    	left: 18px;
+    	z-index: 10;
+    }
+}
+
+.has-favorites {
+    .select-all {
+    	left: 68px;
+    }
+}
+
+.icon {
+	display: inline-block;
+	vertical-align: middle;
+	background-size: 16px 16px;
+}
+
+span {
+    &.extension {
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+        filter: alpha(opacity=100);
+        opacity: 1;
+        -webkit-transition: opacity 300ms;
+        -moz-transition: opacity 300ms;
+        -o-transition: opacity 300ms;
+        transition: opacity 300ms;
+        vertical-align: top;
+        color: #2A2A2A;
+        font-weight: bold;
+    }
+}
+
+table {
+    td {
+        padding: 0 15px;
+        font-style: normal;
+        background-position: 8px center;
+        background-repeat: no-repeat;
+        &.selection {
+            .nametext {
+            	position: absolute;
+            	left: 55px;
+            	padding: 0;
+            	overflow: hidden;
+            	text-overflow: ellipsis;
+            	width: 70%;
+            	max-width: 800px;
+            	height: 100%;
+            }
+            .thumbnail {
+            	display: inline-block;
+            	width: 32px;
+            	height: 32px;
+            	margin-left: 8px;
+            	margin-top: 9px;
+            	cursor: pointer;
+            	float: left;
+            	position: absolute;
+            	z-index: 4;
+            }
+        }
+        p {
+            text-align: center;
+        }
+    }
+    th {
+        .column-title {
+            display: block;
+            padding: 15px;
+            height: 50px;
+            box-sizing: border-box;
+            -moz-box-sizing: border-box;
+            vertical-align: middle;
+            a {
+                &.recover-selected {
+                    font-weight: bold;
+                    color: #000;
+                    opacity: 0.3;
+                    &:hover {
+                        opacity: 0.7;
+                    }
+                }
+            }
+        }
+        .bold {
+            font-weight: bold;
+            color: #000;
+        }
+        p {
+            text-align: center;
+        }
+        a {
+            color: #999;
+        }
+        color: #999;
+    }
+    th, td {
+        border-bottom: 1px solid #eee;
+        text-align: left;
+        font-weight: normal;
+    }
+    tbody {
+        tr {
+            transition: background-color 0.3s ease;
+            background-color: #fff;
+            height: 51px;
+            &.green {
+                background-color: #87D37C;
+            }
+            &.color-blind-green {
+                background-color: rgba(11, 85, 159, .25);
+            }
+            &.yellow {
+                background-color: #F5D76E;
+            }
+            &.color-blind-yellow {
+                background-color: rgba(11, 85, 159, .5);
+            }
+            &.orange {
+                background-color: #EB9532;
+            }
+            &.color-blind-orange {
+                background-color: rgba(11, 85, 159, .75);
+            }
+            &.red {
+                background-color: #FF6347;
+            }
+            &.color-blind-red {
+                background-color: rgba(11, 85, 159, 1);
+            }
+            &.selected {
+                background-color: rgba(153, 153, 153, .1) !important; 
+            }
+        }
+    }
+}
+
+.color-box {
+    &.green {
+        background-color: #87D37C;
+    }
+    &.color-blind-green {
+        background-color: rgba(11, 85, 159, .25);
+    }
+    &.yellow {
+        background-color: #F5D76E;
+    }
+    &.color-blind-yellow {
+        background-color: rgba(11, 85, 159, .5);
+    }
+    &.orange {
+        background-color: #EB9532;
+    }
+    &.color-blind-orange {
+        background-color: rgba(11, 85, 159, .75);
+    }
+    &.red {
+        background-color: #FF6347;
+    }
+    &.color-blind-red {
+        background-color: rgba(11, 85, 159, 1);
+    }
+}
+
+.legend {
+    .color-box {
+        width: 20px;
+        height: 20px;
+        float: left;
+        margin: 0px 5px 0px 5px;
+    }
+    .icon-box {
+        width: 10px;
+        height: 20px;
+        float: left;
+        margin: 0px 0px 0px 5px;
+    }
+    li {
+        float: left;
+    }
+    clear: both;
+    padding-top: 5px;
+}
+
+.section {
+    margin-bottom: 0px;
+    .sequence-action {
+        padding: 4px 0px 4px 0px;
+        font-weight: bold;
+        color: #000;
+        opacity: 0.3;
+        &:hover {
+            opacity: 0.7;
+        }
+    }
+}
+
+.action {
+    padding: 4px 0px 4px 0px;
+    font-weight: bold;
+    color: #000;
+    opacity: 0.3;
+    &:hover {
+        opacity: 0.7;
+    }
+}
+
+.suspicion-level-1 {
+    background-color: #F5D76E;
+}
+
+.suspicion-level-2 {
+    background-color: #EB9532;
+}
+
+.suspicion-level-3 {
+    background-color: #FF6347;
+}
diff --git a/css/vendor/font-awesome/fa-svg-with-js.css b/css/vendor/font-awesome/fa-svg-with-js.css
new file mode 100644
index 0000000..9c41e0e
--- /dev/null
+++ b/css/vendor/font-awesome/fa-svg-with-js.css
@@ -0,0 +1,343 @@
+/*!
+ * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com
+ * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
+ */
+svg:not(:root).svg-inline--fa {
+  overflow: visible; }
+
+.svg-inline--fa {
+  display: inline-block;
+  font-size: inherit;
+  height: 1em;
+  overflow: visible;
+  vertical-align: -.125em; }
+  .svg-inline--fa.fa-lg {
+    vertical-align: -.225em; }
+  .svg-inline--fa.fa-w-1 {
+    width: 0.0625em; }
+  .svg-inline--fa.fa-w-2 {
+    width: 0.125em; }
+  .svg-inline--fa.fa-w-3 {
+    width: 0.1875em; }
+  .svg-inline--fa.fa-w-4 {
+    width: 0.25em; }
+  .svg-inline--fa.fa-w-5 {
+    width: 0.3125em; }
+  .svg-inline--fa.fa-w-6 {
+    width: 0.375em; }
+  .svg-inline--fa.fa-w-7 {
+    width: 0.4375em; }
+  .svg-inline--fa.fa-w-8 {
+    width: 0.5em; }
+  .svg-inline--fa.fa-w-9 {
+    width: 0.5625em; }
+  .svg-inline--fa.fa-w-10 {
+    width: 0.625em; }
+  .svg-inline--fa.fa-w-11 {
+    width: 0.6875em; }
+  .svg-inline--fa.fa-w-12 {
+    width: 0.75em; }
+  .svg-inline--fa.fa-w-13 {
+    width: 0.8125em; }
+  .svg-inline--fa.fa-w-14 {
+    width: 0.875em; }
+  .svg-inline--fa.fa-w-15 {
+    width: 0.9375em; }
+  .svg-inline--fa.fa-w-16 {
+    width: 1em; }
+  .svg-inline--fa.fa-w-17 {
+    width: 1.0625em; }
+  .svg-inline--fa.fa-w-18 {
+    width: 1.125em; }
+  .svg-inline--fa.fa-w-19 {
+    width: 1.1875em; }
+  .svg-inline--fa.fa-w-20 {
+    width: 1.25em; }
+  .svg-inline--fa.fa-pull-left {
+    margin-right: .3em;
+    width: auto; }
+  .svg-inline--fa.fa-pull-right {
+    margin-left: .3em;
+    width: auto; }
+  .svg-inline--fa.fa-border {
+    height: 1.5em; }
+  .svg-inline--fa.fa-li {
+    width: 2em; }
+  .svg-inline--fa.fa-fw {
+    width: 1.25em; }
+
+.fa-layers svg.svg-inline--fa {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.fa-layers {
+  display: inline-block;
+  height: 1em;
+  position: relative;
+  text-align: center;
+  vertical-align: -12.5%;
+  width: 1em; }
+  .fa-layers svg.svg-inline--fa {
+    -webkit-transform-origin: center center;
+            transform-origin: center center; }
+
+.fa-layers-text, .fa-layers-counter {
+  display: inline-block;
+  position: absolute;
+  text-align: center; }
+
+.fa-layers-text {
+  left: 50%;
+  top: 50%;
+  -webkit-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
+  -webkit-transform-origin: center center;
+          transform-origin: center center; }
+
+.fa-layers-counter {
+  background-color: #ff253a;
+  border-radius: 1em;
+  color: #fff;
+  height: 1.5em;
+  line-height: 1;
+  max-width: 5em;
+  min-width: 1.5em;
+  overflow: hidden;
+  padding: .25em;
+  right: 0;
+  text-overflow: ellipsis;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-bottom-right {
+  bottom: 0;
+  right: 0;
+  top: auto;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: bottom right;
+          transform-origin: bottom right; }
+
+.fa-layers-bottom-left {
+  bottom: 0;
+  left: 0;
+  right: auto;
+  top: auto;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: bottom left;
+          transform-origin: bottom left; }
+
+.fa-layers-top-right {
+  right: 0;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top right;
+          transform-origin: top right; }
+
+.fa-layers-top-left {
+  left: 0;
+  right: auto;
+  top: 0;
+  -webkit-transform: scale(0.25);
+          transform: scale(0.25);
+  -webkit-transform-origin: top left;
+          transform-origin: top left; }
+
+.fa-lg {
+  font-size: 1.33333em;
+  line-height: 0.75em;
+  vertical-align: -.0667em; }
+
+.fa-xs {
+  font-size: .75em; }
+
+.fa-sm {
+  font-size: .875em; }
+
+.fa-1x {
+  font-size: 1em; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-6x {
+  font-size: 6em; }
+
+.fa-7x {
+  font-size: 7em; }
+
+.fa-8x {
+  font-size: 8em; }
+
+.fa-9x {
+  font-size: 9em; }
+
+.fa-10x {
+  font-size: 10em; }
+
+.fa-fw {
+  text-align: center;
+  width: 1.25em; }
+
+.fa-ul {
+  list-style-type: none;
+  margin-left: 2.5em;
+  padding-left: 0; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  left: -2em;
+  position: absolute;
+  text-align: center;
+  width: 2em;
+  line-height: inherit; }
+
+.fa-border {
+  border: solid 0.08em #eee;
+  border-radius: .1em;
+  padding: .2em .25em .15em; }
+
+.fa-pull-left {
+  float: left; }
+
+.fa-pull-right {
+  float: right; }
+
+.fa.fa-pull-left,
+.fas.fa-pull-left,
+.far.fa-pull-left,
+.fal.fa-pull-left,
+.fab.fa-pull-left {
+  margin-right: .3em; }
+
+.fa.fa-pull-right,
+.fas.fa-pull-right,
+.far.fa-pull-right,
+.fal.fa-pull-right,
+.fab.fa-pull-right {
+  margin-left: .3em; }
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+          animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+          animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg); } }
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+          transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+          transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+          transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+          transform: scale(1, -1); }
+
+.fa-flip-horizontal.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(-1, -1);
+          transform: scale(-1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  -webkit-filter: none;
+          filter: none; }
+
+.fa-stack {
+  display: inline-block;
+  height: 2em;
+  position: relative;
+  width: 2em; }
+
+.fa-stack-1x,
+.fa-stack-2x {
+  bottom: 0;
+  left: 0;
+  margin: auto;
+  position: absolute;
+  right: 0;
+  top: 0; }
+
+.svg-inline--fa.fa-stack-1x {
+  height: 1em;
+  width: 1em; }
+
+.svg-inline--fa.fa-stack-2x {
+  height: 2em;
+  width: 2em; }
+
+.fa-inverse {
+  color: #fff; }
+
+.sr-only {
+  border: 0;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto; }