Merge pull request #160 from SPARSH1608/feature/disable-copy-inspect-shortcuts

Feature/disable copy inspect shortcuts

Author: hitesshbajaj

app/pods/components/problem-explanation/component.js

@@ -1,4 +1,35 @@
 import Component from '@ember/component';
+import { inject as service } from '@ember/service';
+import { jsonToTable } from '../../../util/json-to-table';
 
 export default Component.extend({
+  languageSelection: service('language-selection'),
+
+  init() {
+    this._super(...arguments);
+    let contest = this.get('contest');
+
+   
+    document.addEventListener('contextmenu', function (event) {
+      event.preventDefault();
+    });
+
+   
+    document.addEventListener('keydown', function (event) {
+      if (
+        event.key === 'F12' || 
+        (event.ctrlKey && event.shiftKey && event.key === 'I') || 
+        (event.ctrlKey && event.shiftKey && event.key === 'C') || 
+        (event.ctrlKey && event.shiftKey && event.key === 'J') || 
+        (event.ctrlKey && event.key === 'U') 
+      ) {
+        event.preventDefault();
+      }
+    });
+  },
+
+  jsonToTable(data) {
+    const table = jsonToTable(data);
+    return table;
+  }
 });

app/pods/components/problem-explanation/template.hbs

@@ -1,7 +1,6 @@
-<div class="py-4">
-  <p>
-    {{markdown-to-html problem.details.description}}
-  </p>
+<div class="py-4 no-select">
+  <p>{{markdown-to-html problem.details.description}}</p>
+
   <div class="extra-bold">Input Format</div>
   <p>
     {{markdown-to-html problem.details.input_format}}
@@ -22,7 +21,11 @@
   </div>
   <div class="extra-bold">Sample Output</div>
   <div class="bg-grey br-5 w-60 px-4 py-2 my-2">
-    <pre>{{problem.details.sample_output}}</pre>
+    {{#if (includes contest.allowedLanguages "mysql")}}
+      <pre>{{json-to-table problem.details.sample_output}}</pre>
+    {{else}}
+      <pre>{{problem.details.sample_output}}</pre>
+    {{/if}}
   </div>
   {{#if problem.details.explanation}}
     <div class="extra-bold">Explanation</div>

app/styles/app.scss

@@ -292,4 +292,12 @@ body{
   100% {
     box-shadow: 0 0 0 6px rgba(167, 89, 47, 0.032);
   }
+}
+
+.no-select {
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none; 
+  -ms-user-select: none; 
+  pointer-events: none; 
 }