New faq tab, removed seperators from side menu

src/data/tabs.json

@@ -3,9 +3,6 @@
     "href": "/",
     "text": "Főoldal"
   },
-  "s1": {
-    "seperator": true
-  },
   "script": {
     "href": "/script",
     "text": "Script"
@@ -18,9 +15,6 @@
     "href": "/userfiles",
     "text": "Tanulás segédanyagok"
   },
-  "s2": {
-    "seperator": true
-  },
   "pwRequest": {
     "href": "/pwRequest",
     "text": "Jelszó generálás"
@@ -40,8 +34,5 @@
   "contact": {
     "href": "/contact",
     "text": "Kapcsolat"
-  },
-  "s3": {
-    "seperator": true
   }
 }

src/defaultStyles.css

@@ -271,6 +271,7 @@ input:focus {
 
 .manual_img {
   padding: 20px 2px;
+  max-width: 90%;
 }
 
 .subtitle {

src/pages/faq.js

@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react'
+import Link from 'next/link'
 
 import Sleep from '../components/sleep'
 import Head from 'next/head'
@@ -94,12 +95,7 @@ function FAQSection() {
           <li>
             <b>Gombok, %-ok, számok;</b>
             <br />
-            <img
+            <img className={'manual_img'} src="img/6.png" alt="img" />
-              style={{ maxWidth: '90%' }}
-              src="img/6.png"
-              alt="img"
-              className={'manual_img'}
-            />
           </li>
         </ul>
       </div>
@@ -227,6 +223,78 @@ function ScriptReinstallSection() {
   )
 }
 
+function AddSite() {
+  return (
+    <>
+      Jelenleg az, hogy a script melyik oldalakon fut bele van égetve a script
+      forráskódjába. Ez itt látható:{' '}
+      <a
+        rel="noreferrer"
+        target="_blank"
+        href="https://gitlab.com/MrFry/moodle-test-userscript/-/blob/master/stable.user.js#L52"
+      >
+        stable.user.js#L52
+      </a>
+      {'. '}
+      Ez azért van így, hogy biztos csak olyan oldalakon fusson a script amit
+      támogat is.
+      <p />
+      Ehhez persze kézzel hozzá lehet adni ideiglenesen bármilyen oldalt, hogy
+      kipróbáld ott működik-e. Akár működik, akár nem kérlek szólj, és frissítem
+      a scriptet hogy azon a domainen is fusson és működjön alapból.
+      <p />
+      Egyetem moodle oldalának hozzáadása a scripthez kézzel:
+      <ul>
+        <li>
+          <Link href="/script">
+            <a>Először telepítsd a scriptet rendesen</a>
+          </Link>{' '}
+        </li>
+        <li>
+          Böngészőben nyisd meg a Tampermonkey bővítményt <br />
+          <img className={'manual_img'} src={`img/siteadd/1.png`} />
+          <br />
+          Itt kattints a Dashboard-ra.
+        </li>
+        <li>
+          Keresd meg a scriptet, majd kattints rá:
+          <br />
+          <img className={'manual_img'} src={`img/siteadd/2.png`} />
+        </li>
+        <li>
+          A felugró szerkesztőben keresd meg a következő sorokat:
+          <br />
+          <img className={'manual_img'} src={`img/siteadd/3.png`} />
+        </li>
+        <li>
+          Itt az egyik <b>@require ...</b> sor után egy új sorban írd be az
+          egyetemed moodle oldalának címét. Ha ez a cím pl.:{' '}
+          <b>https://moodle.egyetem.hu/main/akármi</b>, akkor a következőre írd
+          át: <b>https://moodle.egyetem.hu/*</b>. Fenti képen látsz néhány
+          példát. <b>A {'"*"'} a végén fontos!</b>
+        </li>
+        <li>
+          Ezután mentsd el (ctrl + s, vagy file {'->'} save). Ha minden jól
+          ment, akkor elég frissíteni a moodle oldalát, és a script futni fog
+          rajta. Ezek után azon az oldalon amit beírtál meg kell jelennie a
+          Tampermonkey menüjében is:
+          <br />
+          <img className={'manual_img'} src={`img/siteadd/4.png`} />
+        </li>
+        <li>
+          Ha a tesztek közben mégsem megy, akkor ellenőrizd, hogy a beírt moodle
+          cím egyezik-e a teszt közbenivel. Ha kell egy kis segítség, kérdésed
+          van, nem működik valami, vagy éppen működik, de alapból nincs
+          hozzáadva:{' '}
+          <Link href="/contact">
+            <a>írj a kapcsolat oldalon!</a>
+          </Link>
+        </li>
+      </ul>
+    </>
+  )
+}
+
 const pages = {
   faq: { name: 'GYIK', component: FAQSection },
   pw: { name: 'Jelszavak', component: PasswordSection },
@@ -236,6 +304,10 @@ const pages = {
     name: 'Script újratelepítése',
     component: ScriptReinstallSection,
   },
+  addsite: {
+    name: 'Új oldalon tesztelés',
+    component: AddSite,
+  },
 }
 
 export default function FAQ({ router }) {