#99 Improved UI of flash message

client/views/helpers/chunks/question_div/question_div.html

@@ -42,6 +42,9 @@
             </span>
             {{/if}}
           {{/if}}
+          {{#if adminButtons}}
+          <span class="image-icon deletebutton adminquestiondelete" id="{{text}}" title="Delete"></span>
+          {{/if}}
         </span>
         <span class="sharing">
           {{#if popular}}

client/views/helpers/chunks/question_div/question_div.js

@@ -101,4 +101,11 @@ Template.question_div.events({
     const parentNode = document.getElementById('nav');
     popoverTemplate = Blaze.renderWithData(Template.modify, template.data._id, parentNode);
   },
+  'click .adminquestiondelete': function (event, template) {
+    const quesId = template.data._id;
+    Meteor.call('adminQuesDel', quesId, (error, result) => {
+      console.log(error);
+      console.log(result);
+    });
+  },
 });

client/views/helpers/chunks/question_div/question_div.scss

@@ -137,7 +137,7 @@ $popular-question-color: #f1c40f;
 }
 
 .facebookbutton {
-	background-image: url('/facebook.png');
+  background-image: url('/facebook.png');
 
   &:hover {
 		background-image: url('/facebook_blue.png');
@@ -152,6 +152,14 @@ $popular-question-color: #f1c40f;
 	}
 }
 
+.deletebutton {
+  background-image: url('/delete_black.png');
+
+  &:hover {
+		background-image: url('/delete_red.png');
+	}
+}
+
 .hiddenanswers {
 	display: none;
 }

client/views/helpers/form_error/form_error.html

@@ -1,7 +1,9 @@
-<template name="form_error">
-	<div class="error">
-		<img src="/error.png" class="errorIcon"> 
-		{{this}}
-    <span class="error-dismiss"><i class="fa fa-close"></i></span>
+<template name="form_error" style="text-align:center;">
+	<div class = "error-cont">
+		<div class="error">
+				<img src="/error.png" class="errorIcon"> 
+				{{this}}
+				<span class="error-dismiss"><i class="fa fa-close"></i></span>
+		</div>
 	</div>
 </template>

client/views/helpers/form_error/form_error.scss

@@ -1,17 +1,21 @@
+.error-cont {
+	text-align: center;
+}
+
 .error {
 	font-weight: 700;
-	width: calc(100% - 2em);
+	width: fit-content;
 	border: 2px solid #e74c3c;
 	background-color: #e74c3c;
-	display: block;
+	display: inline-block;
 	margin: 0.3em;
 	padding: 0.3em;
 	margin-bottom: 15px;
 	border-radius: 5px;
 	font-size: 14px;
 	color: white;
 	font-weight: normal;
-	text-align: left
+	text-align: center;
 }
 
 .errorIcon {
@@ -23,6 +27,7 @@
 }
 
 .error-dismiss {
+	padding-left: 10px;
 	float: right;
 	cursor: pointer;
 	transition-duration: 0.3s;

server/methods.js

@@ -499,6 +499,23 @@ Meteor.methods({
     }
     return false;
   },
+  adminQuesDel(quesid) {
+    // Ensures that the user has proper admin privileges
+    if (this.userId) {
+        Questions.remove({ _id: quesid });
+
+        const v_num = Votes.find({ qid: quesid }).count();
+        const v_r = Votes.remove({ qid: quesid });
+        if (v_num > v_r) { return false; }
+
+        const a_num = Answers.find({ qid: quesid }).count();
+        const a_r = Answers.remove({ qid: quesid });
+        if (a_num > a_r) { return false; }
+
+        return true;
+      }
+      return false;
+  },
   rename(id, name, desc) {
     if (this.userId) {
       let result;