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>

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

@@ -1,11 +1,18 @@
 <div class="{{unless fullScreen "border-card mb-5"}} p-0">
+ 
+
   {{#if isRunning}}
     <SubmissionResult::SubmissionStatus />
   {{else if isErrored}}
     <SubmissionResult::SubmissionError @output={{errorPayload}} />
   {{else if isSubmission}}
     <SubmissionResult::SubmissionTestcases @testcases={{testcasesPayload}} />
   {{else}}
-    <SubmissionResult::SubmissionSuccess @message={{message}} @output={{output}} />
+<SubmissionResult::SubmissionSuccess 
+  @message={{message}} 
+  @output={{output}} 
+  @allowedLanguages={{allowedLanguages}} 
+/>
+
   {{/if}}
 </div>

app/services/language-selection.js

@@ -0,0 +1,6 @@
+
+import Service from '@ember/service';
+
+export default Service.extend({
+  selectedLanguage: null
+});

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; 
+ }
+  

app/util/json-to-table.js

@@ -0,0 +1,23 @@
+export default function convertToTable(data) {
+
+    data = JSON.parse(data);
+   
+
+    const headers = Array.from(new Set(data.flatMap(Object.keys)));
+    const columnWidths = headers.map(header =>
+        Math.max(header.length, ...data.map(row => String(row[header] ?? '').length))
+    );
+
+    const createRow = (row) => '| ' + row.map((cell, i) => (cell ?? '').toString().padEnd(columnWidths[i])).join(' | ') + ' |';
+    const separator = '+-' + columnWidths.map(width => '-'.repeat(width)).join('-+-') + '-+';
+
+    const table = [
+        separator,
+        createRow(headers),
+        separator,
+        ...data.map(row => createRow(headers.map(header => row[header] ?? ''))),
+        separator
+    ];
+
+    return table.join('\n');
+}

config/environment.js

@@ -5,7 +5,7 @@ module.exports = function (environment) {
     modulePrefix: "hackerblocks",
     podModulePrefix: "hackerblocks/pods",
     environment,
-    rootURL: "/",
+    rootURL: "/app",
     locationType: "auto",
     "ember-simple-auth-token": {
       identificationField: "code",