disabling copy actions and code inspection shortcuts

Author: SPARSH1608

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

@@ -1,14 +1,33 @@
 import Component from '@ember/component';
 import { inject as service } from '@ember/service';
-import {jsonToTable} from '../../../util/json-to-table'
+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,33 +1,29 @@
-
-
-<div class="py-4">
+<div class="py-4 no-select">
   <p>{{markdown-to-html problem.details.description}}</p>
 
   <div class="extra-bold">Input Format</div>
-
-    <pre>{{problem.details.input_format}}</pre>
- 
+  <pre>{{problem.details.input_format}}</pre>
 
   <div class="extra-bold">Constraints</div>
   <div class="bg-grey br-5 w-60 px-4 py-2 my-2">
     <p>{{markdown-to-html problem.details.constraints}}</p>
   </div>
 
   <div class="extra-bold">Output Format</div>
-    <pre>{{problem.details.output_format}}</pre>
+  <pre>{{problem.details.output_format}}</pre>
+
   <div class="extra-bold">Sample Input</div>
   <div class="bg-grey br-5 w-60 px-4 py-2 my-2">
-    <pre>{{ problem.details.sample_input}}</pre>
+    <pre>{{problem.details.sample_input}}</pre>
   </div>
 
   <div class="extra-bold">Sample Output</div>
   <div class="bg-grey br-5 w-60 px-4 py-2 my-2">
-     {{#if (includes contest.allowedLanguages "mysql")}}
-    <pre>{{json-to-table problem.details.sample_output}}</pre>
-  {{else}}
-    <pre>{{problem.details.sample_output}}</pre>
-  {{/if}}
-
+    {{#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}}

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; /* Safari */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  pointer-events: none; 
 }