Skip to content
Snippets Groups Projects
Select Git revision
  • master
  • 1.0
  • 0.9
3 results

index.php

Blame
    • index.php 7.57 KiB 
    <?php
session_start();
require_once("lti_util/lti_util.php");
?>
<!DOCTYPE html>
<html>
  <head>
    <title>Python Automarker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
    <link href="css/automarker.css" rel="stylesheet" media="screen" />
    <!--[if lt IE 9]>
      <script src="node_modules/html5shiv/dist/html5shiv-printshiv.min.js"></script>
    <![endif]-->
    <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="node_modules/brython/brython.min.js"></script>
    <script type="text/javascript" src="node_modules/brython/brython_stdlib.js"></script>
    <script type="text/javascript" src="node_modules/monaco-editor/min/vs/loader.js"></script>
    <script type="text/javascript">
      exercise_id = <?php echo isset($_REQUEST["exercise_id"]) ? $_REQUEST["exercise_id"] : 0; ?>;
      editor = document.getElementById('editor');
      jQuery(document).ready(function() {
        require.config({ paths: { vs: 'node_modules/monaco-editor/min/vs' } });
        require(['vs/editor/editor.main'], function () {
          editor = monaco.editor.create(document.getElementById('editor'), {value: "", language: 'python', minimap: {enabled: false}});
          diffEditor = monaco.editor.createDiffEditor(document.getElementById('diffEditor'), {ignoreTrimWhitespace: false});
          brython();
        });
      });
    </script>
  </head>

  <body class="container">

    <div class="accordian col-md-12" id="accordianMain">
      <!-- Instructions -->
      <div class="accordian-item">
        <h2 class="accordian-header" id="headingOne">
          <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            <h1 id="exercise">Loading...</h1>
          </button>
        </h2>
        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionMain">
          <div class="accordion-body">
            <span id="instructions">Loading...</span>
          </div>
        </div>
      </div>

       <!-- Code -->
       <div class="accordion-item">
         <h2 class="accordion-header" id="headingTwo">
           <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
             Code
           </button>
         </h2>
         <div id="collapseTwo" class="accordion-collapse collapse show" aria-labelledby="headingTwo" data-bs-parent="#accordionMain">
           <div class="accordion-body">
             <div id="editor" style="height: 400px;"></div>
             <div class="form-group text-center">
               <button id="run" class="btn btn-secondary">Run</button>
               <button id="test-all" type="button" class="btn btn-primary">Run Tests</button>
               <button id="grade" type="button" class="btn btn-success disabled">Grade</button>
               <span id="nograde" class="visually-hidden">Connect through a LMS to submit grade information</span>
             </div>
             <div><span id="warning"></span></div>
             <div class="visually-hidden" id="output-row">
                 <h3>Output</h3>
                 <div class="form-group">