duźo

poprawione title
poprawione wyszukiwanie
drobne zmiany w html i css
dodane słowa spacjowane

Author: Rumeleq

css/index.css

@@ -5,7 +5,6 @@ body
 {
     margin: 0 auto;
     display: flex;
-    display: flex;
     flex-direction: column;
     align-items: center;
     background-image: url("../imgs/landing.webp");
@@ -38,22 +37,22 @@ main > div, header
     margin: 10px;
     padding: 15px;
 }
-div#lists
+section#lists
 {
     display: flex;
     justify-content: center;
     border-bottom-left-radius: 10px;
     border-bottom-right-radius: 10px;
 }
-div#lists > div:not(div.in_between)
+section#lists > div:not(div.in_between)
 {
     width: 50%;
     padding: 5px;
     display: flex;
     flex-direction: column;
     align-items: center;
 }
-div#lists > div:not(div.in_between) > h3
+section#lists > div:not(div.in_between) > h3
 {
     color: #76ABAE;
 }
@@ -71,7 +70,8 @@ li
 a
 {
     text-decoration: none;
-    &&:hover
+
+    &:hover
     {
         text-decoration: underline;
     }
@@ -82,7 +82,7 @@ h1
     color: #76ABAE;
     font-size: 2.5em;
 }
-div#container
+section#container
 {
     display: flex;
     align-items: center;
@@ -110,11 +110,11 @@ input#search-input
     outline: none;
     transition: box-shadow 0.15s ease-in-out;
 
-    &&::placeholder
+    &::placeholder
     {
         color: #888888;
     }
-    &&:focus
+    &:focus
     {
         box-shadow: 0 0 0 3px #76ABAE;
     }
@@ -139,15 +139,17 @@ button#search-button
     font-weight: bold;
     border-radius: 5px;
 
-    &&:hover
+    &:hover
     {
         cursor: pointer;
     }
 }
+
 a
 {  
     color: #EEEEEE;
-    &&:visited
+
+    &:visited
     {
         color: whitesmoke;
     }
@@ -170,4 +172,13 @@ a
     display: flex;
     justify-content: center;
     align-items: center;
+}
+
+@media (max-width: 600px) 
+{
+    div#app 
+    {
+        width: 90vw;
+        min-width: unset;
+    }
 }

index.html

@@ -15,7 +15,7 @@ <h1>Plany ulubionych<br>nauczycieli ZSK</h1>
         </header>
 
         <main>
-            <div id="container">
+            <section id="container">
                 <div id="searching-container">
                     <div id="search-field-container">
                         <input type="text" id="search-input" placeholder="Szukaj nauczyciela">
@@ -26,13 +26,13 @@ <h1>Plany ulubionych<br>nauczycieli ZSK</h1>
                     </div>
                     <button id="search-button">Szukaj</button>
                 </div>
-            </div>
+            </section>
 
-            <div id="lists">
+            <section id="lists">
                 <div id="o_list"><h3>KLASY</h3></div>
                 <div class="in_between"></div>
                 <div id="s_list"><h3>SALE</h3></div>
-            </div>
+            </section>
 
         </main>        
     </div>

js/plan_script.js

@@ -15,24 +15,31 @@ else if (title.textContent.startsWith("Plan lekcji sali"))
 {
     let regex2 = /^\d{2}$/;
     if (header.textContent.match(regex2))
+    {
         header.textContent = 's' + header.textContent;
+        let firstNumberIndex = title.textContent.search(/\d/);
+        title.textContent = `${title.textContent.slice(0, firstNumberIndex)} s${title.textContent.slice(firstNumberIndex)}`;
+    }
 }
 else
 {
     header.textContent = `${header.textContent.slice(0, 2)} ${header.textContent.slice(2)}`;
+    title.textContent = `${title.textContent.slice(0, title.textContent.indexOf('.') + 1)} ${title.textContent.slice(title.textContent.indexOf('.') + 1)}`;
 }
 
-const wordsToAddSpace = ['Język', 'Pracownia', 'Tworzenie', 'aplikacji', 'Biznes', 'Zajęcia', 'Systemy', 'Wychowanie', 'Programowanie', 'baz', 'programowania', 'Projektowanie', 'Eksploatacja', 'handlowa', 'Działalność', 'usługowa', 'Testowanie', 'dokumentowanie', 'Technika', 'ruchu', 'projektowania', 'danych', 'Historia', 'fizyczne', 'internetowych', 'Informatyka', 'obiektowego','angielski', 'Podstawy', 'hiszpański', 'niemiecki', 'Elektrotechnika', 'Urządzenia', 'instalacje', 'urządzeń', 'montażu', 'Układy', 'elektryczne', 'elektryczna', 'Bezpieczeństwo', 'higiena', 'techniki', 'systemów', 'sieci', 'witryn', 'Edukacja', 'dla', 'podstaw', 'utrzymania', 'Pomiary', 'Sieci', 'podstacje', 'trakcyjne', 'elektroniczne', 'instalacji', 'Maszyny', 'urządzenia', 'testowania', 'dokumentowania'];
+const wordsToAddSpace = ['Język', 'Pracownia', 'Tworzenie', 'aplikacji', 'Biznes', 'Zajęcia', 'Systemy', 'Wychowanie', 'Programowanie', 'baz', 'programowania', 'Projektowanie', 'Eksploatacja', 'handlowa', 'Działalność', 'usługowa', 'Testowanie', 'dokumentowanie', 'Technika', 'ruchu', 'projektowania', 'danych', 'Historia', 'fizyczne', 'internetowych', 'Informatyka', 'obiektowego','angielski', 'Podstawy', 'hiszpański', 'niemiecki', 'Elektrotechnika', 'Urządzenia', 'instalacje', 'urządzeń', 'montażu', 'Układy', 'elektryczne', 'elektryczna', 'Bezpieczeństwo', 'higiena', 'techniki', 'systemów', 'sieci', 'witryn', 'Edukacja', 'dla', 'podstaw', 'utrzymania', 'Pomiary', 'Sieci', 'podstacje', 'trakcyjne', 'elektroniczne', 'instalacji', 'Maszyny', 'urządzenia', 'testowania', 'dokumentowania', 'Kompetencje'];
 const wordsToAddSpaceAfterFirstCharacter = ['zwychowawcą', 'izarządzanie', 'iurządzeń', 'idokumentowanie', 'ielektronika', 'ielektroniczna', 'iinstalacje', 'ihigiena', 'ielektroniczne', 'iutrzymania', 'ipodstacje', 'iurządzenia', 'idokumentowania']
 
 let tdElements = document.querySelectorAll('td span.p');
 tdElements.forEach(td => 
 {
-    wordsToAddSpace.forEach(word => {
+    wordsToAddSpace.forEach(word => 
+    {
         const regex = new RegExp(`(${word})(?=\\S)`, 'g');
         td.textContent = td.textContent.replace(regex, `$1 `);
     });
-    wordsToAddSpaceAfterFirstCharacter.forEach(word => {
+    wordsToAddSpaceAfterFirstCharacter.forEach(word => 
+    {
         const regex = new RegExp(`(${word.charAt(0)})((${word.substring(1)}))`, 'g');
         td.textContent = td.textContent.replace(regex, `$1 $2`);
     });

js/script.js

@@ -32,7 +32,7 @@ function getDisplayName(filename)
 
 function searchSchedules() 
 {
-    if(container.querySelector('div.search_results'))
+    if (container.querySelector('div.search_results'))
         container.removeChild(container.querySelector('div.search_results'));
 
     const searchTerm = search_input.value.toLowerCase();
@@ -41,7 +41,7 @@ function searchSchedules()
     resultsContainer.innerHTML = '';
 
     const filteredSchedules = nspanTexts.filter(schedule => 
-        schedule.toLowerCase().includes(searchTerm)
+        schedule.toLowerCase().trim().slice(3).startsWith(searchTerm)
     );
 
     filteredSchedules.forEach(schedule => 
@@ -52,45 +52,30 @@ function searchSchedules()
         resultsContainer.appendChild(a);
     });
 
-    if (filteredSchedules.length === 0) 
+    if (filteredSchedules.length === 0)
         resultsContainer.innerHTML = '<h2>Nie znaleziono.</h2>';
 
     container.appendChild(resultsContainer);
 }
 
 document.addEventListener('keydown', function(event) 
 {
-    if (event.ctrlKey && event.key === 'f') {
+    if (event.ctrlKey && event.key === 'f') 
+    {
         event.preventDefault();
         search_input.focus();
     }
 });
-/*
-document.addEventListener('click', function(event) 
-{
-    if (event.target.tagName === 'a') 
-    {
-        if (event.target.href.includes('dane/o'))
-        {
-            
-        }
-        else if (event.target.href.includes('dane/s'))
-        {
 
-        }
-        else
-        {
-
-        }
-    }
-});*/
 
 generateList(ospanTexts, ofilenames, o_list);
 generateList(sspanTexts, sfilenames, s_list);
 
 search_button.addEventListener('click', searchSchedules);
 search_input.addEventListener('keyup', function(event) 
 {
-    if (event.key === 'Enter') 
+    if (search_input.value.length > 0)
         searchSchedules();
+    else
+        container.removeChild(container.querySelector('div.search_results'));
 });