Report issue bugfix and autonomous

Author: bhasher

src/publics/css/base.less

@@ -5,6 +5,7 @@
 @background-color: #222;
 @color: #fff;
 @font: sans-serif;
+@absolute-color: #d5e6ed;
 
 *{
     margin: 0;
@@ -154,7 +155,7 @@ div#welcome{
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     color: #111111;
-    background-color: #d5e6ed;
+    background-color: @absolute-color;
     margin: 0 auto;
     padding: 1em;
     border-radius: 20px;
@@ -185,6 +186,20 @@ div#welcome{
     input[type=submit]{
         float: right;
     }
+
+    span{
+        float: left;
+    }
+
+    input[type=submit],
+    span{
+        background-color: darken(@absolute-color, 10%);
+        border: 1px solid darken(@absolute-color, 20%);
+        border-radius: 5px;
+        padding: 5px 10px;
+        size: 50px;
+        cursor: pointer;
+    }
 }
 
 .blur-background > *:not(#body):not(#report-issue) {

src/publics/js/dev/page/base.js

@@ -15,18 +15,6 @@ new Welcome(_.id('welcome-button'));
 
 document.getElementById('link-welcome').onclick = Welcome.show;
 
-document.getElementById('link-report').onclick = () => {
-    document.getElementById('report-issue').style.display = "block";
-    document.getElementById('main').classList.add("blur-background");
-};
-
-document.getElementById('reported').addEventListener('click', e => {
-    document.getElementById('report-issue').style.display = "none";
-    document.getElementById('main').classList.remove("blur-background");
-});
-
-
-
 /*
 let token =
     "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJmb28iOiJiYXIiLCJleHAiOjEzOTMyODY4OTMsImlhdCI6MTM5MzI2ODg5M30.4-iaDojEVl0pJQMjrbM1EzUIfAZgsbK_kgnVyVxFSVo";

src/routes/index.js

@@ -64,7 +64,7 @@ router.post('/report-issue', async (req, res) => {
     try{
         const report = req.body.report;
         const agree = Boolean(req.body.agree);
-        hook.warn('Report', `***Share data:*** ${agree}\n***Report:***\n${report}`);
+        hook.info('Report', `***Share data:*** ${agree}\n***Report:***\n${report}`);
     } catch (err) {
     console.log(err);
     throw new Error(err);

src/views/component/footer.html

@@ -6,7 +6,10 @@
         <a href="#" id="link-welcome">Welcome&#8239message</a>
         <a href="https://github.com/allEyezOnCode/CodeWe">Github</a>
         <a href="#">Support</a>
-        <a href="#report" id="link-report">Report&#8239issue</a>
+        <a href="#report" id="link-report" onclick="l()">Report&#8239issue</a>
     </div>
     Copyright © 2020 Dewilde Alexandre, Dubois Brieuc and Fischer Nicolas
 </div>
+<script type="application/javascript">
+    const l=()=>{document.getElementById('report-issue').style.display="block";document.getElementById('main').classList.add("blur-background");};
+</script>

src/views/component/report-issue.html

@@ -6,7 +6,9 @@ <h3>Which problem do you want to report ?</h3>
         <p>
             <input type="checkbox" checked name="agree"/><label>I agree to anonymously share certain browser-related information with the development team.</label>
         </p>
-            <input type="submit" id="reported" value="Send" />
+            <span onclick="k()">Cancel</span>
+            <input type="submit" id="reported" value="Send" onclick="k()"/>
         </p>
     </form>
 </div>
+<script type="application/javascript">const k=()=>{document.getElementById('report-issue').style.display="none";document.getElementById('main').classList.remove("blur-background");};</script>