Przeglądaj źródła

Created functions to update iLM that is shown
still missing real path to the iLM

bernardo 6 lat temu
rodzic
commit
66be5b9587
2 zmienionych plików z 84 dodań i 70 usunięć
  1. 68 70
      index.html
  2. 16 0
      js/testFunctions.js

+ 68 - 70
index.html

@@ -1,12 +1,13 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <title>iMA tester</title>
-    <link href="./css/bootstrap.min.css" rel="stylesheet">
-    <link href="./css/style.css" rel="stylesheet">
-  </head>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <title>iMA tester</title>
+  <link href="./css/bootstrap.min.css" rel="stylesheet">
+  <link href="./css/style.css" rel="stylesheet">
+</head>
 
 <!--
    -------------------------------------------------------------------------------
@@ -82,62 +83,56 @@
       }
 //]]>
 </script>
-
 <!--
   JavaScript code: final -------------------------------------------------------------------------------
 -->
 
-  <body>
+<body>
 
-    <main role="main">
-      <div class="jumbotron ivprogh-desc">
-        <div class="container">
-          <h1> Ambiente de testes para iMA</h1>
-        </div>
+  <main role="main">
+    <div class="jumbotron ivprogh-desc">
+      <div class="container">
+        <h1> Ambiente de testes para iMA</h1>
       </div>
-      <div class="container example-large-div autoeval-descript">
-          <div data-toggle="collapse" class="pointer" href="#area-autoeval-descript" aria-expanded="false" aria-controls="area-autoeval-descript"><span class="octicon octicon-info"></span> Entenda o funcionamento do testador de iMA</div>
-          <div id="area-autoeval-descript" class="collapse">
-            <p>Descrição do funcionamento do Ambiente de testes para iMA</p>
-          </div>
+    </div>
+    <div class="container example-large-div autoeval-descript">
+      <div data-toggle="collapse" class="pointer" href="#area-autoeval-descript" aria-expanded="false" aria-controls="area-autoeval-descript"><span class="octicon octicon-info"></span> Entenda o funcionamento do testador de iMA</div>
+      <div id="area-autoeval-descript" class="collapse">
+        <p>Descrição do funcionamento do Ambiente de testes para iMA</p>
       </div>
-      <div class="container example-large-div">
-        <div class="text-count-example">
-          <span class="octicon octicon-rocket"></span> Teste aqui seu iMA
+    </div>
+    <div class="container example-large-div">
+      <div class="text-count-example">
+        <span class="octicon octicon-rocket"></span> Teste aqui seu iMA
+      </div>
+
+      <!-- caminho para iMA-->
+      <label> Caminho para o seu iMA: </label>
+      <input type="file" placeholder="../meu_iMA/iMA.html" size="30" id="iLMsrcField" onchange="updateIMA();" required>
+      <button type="button" class="btn btn-primary" onclick="updateIMA()">
+        <span class="octicon octicon-sync"></span></button>
+
+      <form>
+        Autoria<input type="radio" name="sendAnswer" value="true" onclick="authorMode=true;">
+        Resposta<input type="radio" name="sendAnswer" value="false" checked="authorMode=false;">
+      </form>
+
+      <!-- caminho para atividade-->
+      <label> Caminho para a atividade: </label>
+      <input type="file" placeholder="../iVProg/atividades/atv1.ivph" size="30" id="activitySrc" onchange="updateActivity" required>
+      <button type="button" onclick="updateActivity()" class="btn btn-primary">
+        <span class="octicon octicon-sync"></span>
+      </button>
+
+      <div class="container text-center">
+        <form name='formEnvio' id='formEnvio' method='post' \ action='#' \ enctype='multipart/form-data'>
+        </form>
+        <div class="embed-responsive embed-responsive-16by9">
+          <iframe name="iLM" id="iLM" class="embed-responsive-item" src="./ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./ex_pt/exerc/exemplo_1_ler_e_imprimir_inteiro.ivph&iLM_PARAM_SendAnswer=false" allowfullscreen></iframe><br />
         </div>
 
-          <!-- caminho para iMA-->
-          <label> Caminho para o seu iMA: </label>
-          <input placeholder="../meu_iMA/iMA.html" size="30" required>
-          <button type="button" class="btn btn-primary" onclick="updateIMA(this)">
-            <span class="octicon octicon-sync"></span></button>
-
-          <form>
-            Autoria<input type="radio" name="sendAnswer" value="author" checked>
-            Resposta<input type="radio" name="sendAnswer" value="answer">
-          </form>
-
-          <!-- caminho para atividade-->
-          <label> Caminho para a atividade: </label>
-          <input placeholder="../iVProg/atividades/atv1.ivph" size="30" required>
-          <button type="button" onclick="updateActivity(this)" class="btn btn-primary">
-            <span class="octicon octicon-sync"></span>
-          </button>
-
-          <div class="container text-center">
-            <form name='formEnvio' id='formEnvio' method='post' \
-                    action='#'\
-                    enctype='multipart/form-data'>
-              <div class="embed-responsive embed-responsive-16by9">
-                <iframe name="iLM" id="iLM" class="embed-responsive-item"
-                        src="./ivprogh/index.html?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment=./ex_pt/exerc/exemplo_1_ler_e_imprimir_inteiro.ivph&iLM_PARAM_SendAnswer=false&lang=pt"
-                        allowfullscreen></iframe><br/>
-              </div>
-               <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning"
-                       title='Clique aqui para visualizar seu código.'
-                       onclick='javascript:window.submit_iMA_Answer();' />
-            </form>
-          </div>
+        <input type='button' name='Submit' value='Enviar resposta' class="btn btn-warning" title='Clique aqui para submeter sua resolução' onclick='javascript:window.submit_iMA_Answer();' />
+      </div>
 
       <!--  <div class="container text-center">
             <div class="embed-responsive embed-responsive-16by9">
@@ -146,20 +141,23 @@
                       allowfullscreen></iframe><br/>
             </div>
           </div>-->
-    </main>
-    <footer class="container text-center">
-      <a href="https://www.ime.usp.br/~igormf/ima-tutorial/">Tutorial iMA</a> |
-      <a href="http://usp.br/line">LInE</a> |
-      <a href="http://www.matematica.br">iMática</a>
-    </footer>
-
-    <script src="./js/jquery.min.js"></script>
-    <script src="./js/bootstrap.bundle.min.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
-    <script type="text/javascript">
-      $('.example-content').on('shown.bs.collapse', function () {
-        this.parentNode.scrollIntoView();
-      });
-    </script>
-  </body>
+  </main>
+  <footer class="container text-center">
+    <a href="https://www.ime.usp.br/~igormf/ima-tutorial/">Tutorial iMA</a> |
+    <a href="http://usp.br/line">LInE</a> |
+    <a href="http://www.matematica.br">iMática</a>
+  </footer>
+
+  <script src="./js/testFunctions.js"></script>
+  <script src="./js/jquery.min.js"></script>
+  <script src="./js/bootstrap.bundle.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/octicons/3.5.0/octicons.min.css">
+  <script type="text/javascript">
+    $('.example-content').on('shown.bs.collapse', function() {
+      this.parentNode.scrollIntoView();
+    });
+  </script>
+
+</body>
+
 </html>

+ 16 - 0
js/testFunctions.js

@@ -0,0 +1,16 @@
+var iLMsrc="", activitysrc="", authorMode=false;
+function updateIMA (){
+  iLMsrc = document.getElementById("iLMsrcField").value;
+  document.getElementById("iLM").value = iLMsrc+"?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment="+activitysrc+"&iLM_PARAM_SendAnswer="+authorMode;
+  console.log(iLMsrc+"?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment="+activitysrc+"&iLM_PARAM_SendAnswer="+authorMode);
+  document.getElementById("iLM").contentWindow.location.reload(true);
+}
+
+function updateActivity(){
+  activitysrc = document.getElementById("activitySrc").value;
+  document.getElementById("iLM").src = iLMsrc+"?iLM_PARAM_AssignmentURL=true&iLM_PARAM_Assignment="+activitysrc+"&iLM_PARAM_SendAnswer="+authorMode;
+  document.getElementById("iLM").contentWindow.location.reload(true);
+}
+function teste(){
+  console.log(teste);
+}