Spaces:

Nuzwa
/

_EduAssessPro_Smart_Exam_Papper_Designer_

Running

App Files Files Community

Nuzwa commited on Sep 10, 2025

Commit

1950ad3

verified ·

1 Parent(s): 24ef1b8

Update index.html

Browse files

Files changed (1) hide show

index.html +17 -6

index.html CHANGED Viewed

@@ -82,7 +82,7 @@
 <body>
   <div class="container">
     <h1>Edu Assess Pro - smart Exam Paper Designer</h1>
-    <p class="subtitle">Fill the fields to generate a <strong>plain text prompt</strong>. Design tokens, layout, spacing, and colors remain exactly as specified.</p>
     <div class="row">
       <div>
         <label for="grade">Grade</label>
@@ -135,6 +135,9 @@
       <button id="gen" class="btn" type="button">Generate Prompt</button>
       <button id="copy" class="btn" type="button">Copy Prompt and Paste Now</button>
     </div>
     <pre id="output"></pre>
   </div>
   <div id="toast" class="toast">Copied & Opening GPT...</div>
@@ -163,11 +166,19 @@
       const prompt=buildPrompt();
       $('#output').textContent=prompt;
     });
-    $('#copy').addEventListener('click',async()=>{
-      const prompt=$('#output').textContent||buildPrompt();
-      try{await navigator.clipboard.writeText(prompt);}catch(e){}
-      const t=$('#toast');t.classList.add('show');setTimeout(()=>t.classList.remove('show'),1800);
-      window.open(CUSTOM_GPT_URL,"_blank","noopener,noreferrer");
     });
   </script>
 </body>

 <body>
   <div class="container">
     <h1>Edu Assess Pro - smart Exam Paper Designer</h1>
+    <p class="subtitle">Fill the fields to generate a <strong>Complete Exam Paper</strong>. chose Opetion .</p>
     <div class="row">
       <div>
         <label for="grade">Grade</label>
       <button id="gen" class="btn" type="button">Generate Prompt</button>
       <button id="copy" class="btn" type="button">Copy Prompt and Paste Now</button>
     </div>
+    <div class="toolbar" aria-label="Open GPT fallback" style="justify-content:flex-end;">
+      <a id="open-gpt-fallback" href="https://chatgpt.com/g/g-68697e4c49508191b175d86830b34d85-eduassess-pro-smart-exam-paper-designer" target="_blank" rel="noopener noreferrer" class="btn secondary" style="display:none; width:auto; min-width:14ch; padding:.7rem 1rem;">Open GPT</a>
+    </div>
     <pre id="output"></pre>
   </div>
   <div id="toast" class="toast">Copied & Opening GPT...</div>
       const prompt=buildPrompt();
       $('#output').textContent=prompt;
     });
+    $('#copy').addEventListener('click', async ()=>{
+      const prompt = $('#output').textContent || buildPrompt();
+      // Try to open immediately (before any await) so popup blockers allow it
+      const popup = window.open(CUSTOM_GPT_URL, '_blank', 'noopener,noreferrer');
+      try { await navigator.clipboard.writeText(prompt); } catch(e) {}
+      const t = $('#toast');
+      t.textContent = popup ? 'Copied & Opening GPT...' : 'Copied! Click "Open GPT" below';
+      t.classList.add('show');
+      setTimeout(()=>t.classList.remove('show'), 1800);
+      if(!popup){
+        const link = document.querySelector('#open-gpt-fallback');
+        if(link){ link.style.display = 'inline-flex'; link.focus(); }
+      }
     });
   </script>
 </body>