Merge pull request #162 from SPARSH1608/feature/sql-added

fixed locked contest issue

Author: vdvibhu20

app/helpers/json-to-table.js

@@ -0,0 +1,6 @@
+import { helper } from '@ember/component/helper';
+import convertToTable from '../util/json-to-table'; 
+
+export default helper(function jsonToTable([data]) {
+    return convertToTable(data);
+});

app/pods/components/code-editor-component/template.hbs

@@ -19,6 +19,8 @@
     {{/if}}
     <SubmissionResult 
       @fullScreen={{fullScreen}}
+       @allowedLanguages={{contest.allowedLanguages}}
+
       @judgeResult={{if (not submission.codeTaskGroup.isRunning) lastResult}} />
   </div>
 {{/if}}

app/pods/components/code-window/component.js

@@ -48,7 +48,12 @@ export default class CodeWindowComponent extends Component {
       code: "csharp",
       mode: "csharp",
       source: ""
-    }
+    }, {
+      name: "MySQL 10",
+      code: "mysql",
+      mode: "mysql",
+      source: ""
+     }
   ]
 
   setSubmission = () => {

app/pods/components/full-screen-problem-view/template.hbs

@@ -48,7 +48,7 @@
     </div>
     <div class="w-100">
       {{#liquid-if (eq currentTab 'problem')}}
-      <ProblemExplanation @problem={{problem}} />
+      <ProblemExplanation @problem={{problem}} @contest={{contest}}/>
       {{else if (eq currentTab 'submissions')}}
       <SubmissionsList 
         @contest={{contest}} 

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

@@ -1,4 +1,34 @@
 import Component from '@ember/component';
+import { inject as service } from '@ember/service';
+import jsonToTable from '../../../helpers/json-to-table';
 
 export default Component.extend({
-});
+  
+  languageSelection: service('language-selection'),
+  init(){
+    this._super(...arguments);
+      let contest = this.get('contest').data;
+   
+      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,29 +1,33 @@
 <div class="py-4">
-  <p>
-    {{markdown-to-html problem.details.description}}
-  </p>
+  <p class="no-select">{{markdown-to-html problem.details.description}}</p>
+
   <div class="extra-bold">Input Format</div>
-  <p>
-    {{markdown-to-html problem.details.input_format}}
-  </p>
+
+    <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>
+    <p>{{markdown-to-html problem.details.constraints}}</p>
   </div>
+
   <div class="extra-bold">Output Format</div>
-  <p>
-    {{markdown-to-html problem.details.output_format}}
-  </p>
+    <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}}
+
   </div>
+
   {{#if problem.details.explanation}}
     <div class="extra-bold">Explanation</div>
     <div class="bg-grey br-5 w-60 px-4 py-2 my-2">

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

@@ -33,7 +33,8 @@
 
   {{#liquid-if (eq selectedTab "problem")}}
   <ProblemExplanation
-    @problem={{problem}} />
+    @problem={{problem}} 
+    @contest="{{this.contest}}"/>
   {{else if (eq selectedTab "submissions")}}
   <SubmissionsList 
     @contest={{contest}}

app/pods/components/project-view/template.hbs

@@ -60,6 +60,8 @@
 {{#if (or submitProjectTask.isRunning lastResult)}}
   <div class="mt-4">
     <SubmissionResult
+    @allowedLanguages={{contest.allowedLanguages}}
+
       @contentType={{content.type}}
       @judgeResult={{if (not submitProjectTask.isRunning) lastResult}}
     />

app/pods/components/submission-result/component.js

@@ -1,6 +1,6 @@
 import Component from '@ember/component';
 import { computed } from '@ember/object';
-
+import { jsonToTable } from '../../../util/json-to-table';
 export default class SubmissionResult extends Component {
   didRender() {
     this.element.scrollIntoView({ behavior: "smooth", block: "end" })
@@ -41,4 +41,8 @@ export default class SubmissionResult extends Component {
       return this.judgeResult.testcases
     }
   }
+  jsonToTable(data) {
+    const table = jsonToTable(data);
+      return table;
+  }
 }

app/pods/components/submission-result/submission-success/template.hbs

@@ -2,7 +2,12 @@
   <span class="font-sm bold">
     Compilation Successful
   </span>
+
   {{#if output}}
-    <pre class="mt-3 bg-grey p-4">{{output}}</pre>
+    {{#if (includes allowedLanguages "mysql")}}
+      <pre class="mt-3 bg-grey p-4">{{json-to-table output}}</pre>
+    {{else}}
+      <pre class="mt-3 bg-grey p-4">{{output}}</pre>
+    {{/if}}
   {{/if}}
 </div>