diff --git a/package.json b/package.json
index 79d8baa..eac8b39 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"sass": "^1.29.0",
"superagent": "^6.1.0",
"v-emoji-picker": "^2.3.1",
+ "viewerjs": "*",
"vue": "^2.6.11",
"ws": "^7.3.1"
},
diff --git a/src/App.vue b/src/App.vue
index fdb670e..58d50b1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,7 +8,7 @@
@@ -40,6 +39,7 @@ export default {
width: 100%;
height: 3.5rem;
background-color: #1d1d1d;
+ cursor: pointer;
}
.topIcon{
position: absolute;
diff --git a/src/components/error.vue b/src/components/layout/error.vue
similarity index 100%
rename from src/components/error.vue
rename to src/components/layout/error.vue
diff --git a/src/components/fileUpload.vue b/src/components/layout/fileUpload.vue
similarity index 94%
rename from src/components/fileUpload.vue
rename to src/components/layout/fileUpload.vue
index 5c32d3f..2569d00 100644
--- a/src/components/fileUpload.vue
+++ b/src/components/layout/fileUpload.vue
@@ -14,7 +14,7 @@
+
+
\ No newline at end of file
diff --git a/src/components/layout/overlay.vue b/src/components/layout/overlay.vue
new file mode 100644
index 0000000..95b82ff
--- /dev/null
+++ b/src/components/layout/overlay.vue
@@ -0,0 +1,24 @@
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/layout/popup.vue b/src/components/layout/popup.vue
new file mode 100644
index 0000000..516705a
--- /dev/null
+++ b/src/components/layout/popup.vue
@@ -0,0 +1,91 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/layout/popupQuestion.vue b/src/components/layout/popupQuestion.vue
new file mode 100644
index 0000000..7f88487
--- /dev/null
+++ b/src/components/layout/popupQuestion.vue
@@ -0,0 +1,33 @@
+
+
+
{{title}}
+
{{question}}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/soundRecorder.vue b/src/components/layout/soundRecorder.vue
similarity index 97%
rename from src/components/soundRecorder.vue
rename to src/components/layout/soundRecorder.vue
index 52bef27..a3a9b16 100644
--- a/src/components/soundRecorder.vue
+++ b/src/components/layout/soundRecorder.vue
@@ -22,7 +22,7 @@
+
+
\ No newline at end of file
diff --git a/src/components/throbber.vue b/src/components/layout/throbber.vue
similarity index 89%
rename from src/components/throbber.vue
rename to src/components/layout/throbber.vue
index 69f19e0..cb167f2 100644
--- a/src/components/throbber.vue
+++ b/src/components/layout/throbber.vue
@@ -17,6 +17,9 @@ export default {
\ No newline at end of file
diff --git a/src/components/roomListElement.vue b/src/components/matrix/roomListElement.vue
similarity index 79%
rename from src/components/roomListElement.vue
rename to src/components/matrix/roomListElement.vue
index d2ddd6a..4016b5b 100644
--- a/src/components/roomListElement.vue
+++ b/src/components/matrix/roomListElement.vue
@@ -2,20 +2,20 @@
{{room.name}}
-
{{getPreviewString(room)}}
+
{{previewString}}
diff --git a/src/components/userListElement.vue b/src/components/matrix/userListElement.vue
similarity index 61%
rename from src/components/userListElement.vue
rename to src/components/matrix/userListElement.vue
index 831662a..85bfc89 100644
--- a/src/components/userListElement.vue
+++ b/src/components/matrix/userListElement.vue
@@ -1,21 +1,21 @@
-