init
This commit is contained in:
relaxed
commit
9c3e8b73df
24
.gitignore
vendored
Normal file
24
.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
10
Dockerfile
Normal file
10
Dockerfile
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
FROM node:alpine AS build
|
||||||
|
WORKDIR /app
|
||||||
|
COPY . /app
|
||||||
|
RUN npm install
|
||||||
|
RUN npm run build
|
||||||
|
|
||||||
|
FROM nginx:mainline-alpine
|
||||||
|
EXPOSE 80
|
||||||
|
COPY --from=build /app/dist /usr/share/nginx/html
|
||||||
|
COPY nginx.conf /etc/nginx/nginx.conf
|
||||||
3
docker_dev/Dockerfile
Normal file
3
docker_dev/Dockerfile
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
FROM nginx:mainline-alpine
|
||||||
|
EXPOSE 80
|
||||||
|
COPY nginx.conf /etc/nginx/nginx.conf
|
||||||
33
docker_dev/nginx.conf
Normal file
33
docker_dev/nginx.conf
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
user nginx;
|
||||||
|
worker_processes auto;
|
||||||
|
|
||||||
|
error_log /var/log/nginx/error.log notice;
|
||||||
|
pid /var/run/nginx.pid;
|
||||||
|
|
||||||
|
events {
|
||||||
|
worker_connections 1024;
|
||||||
|
}
|
||||||
|
|
||||||
|
http {
|
||||||
|
gzip on;
|
||||||
|
include /etc/nginx/mime.types;
|
||||||
|
default_type application/octet-stream;
|
||||||
|
|
||||||
|
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
||||||
|
'$status $body_bytes_sent "$http_referer" '
|
||||||
|
'"$http_user_agent" "$http_x_forwarded_for"';
|
||||||
|
|
||||||
|
access_log /var/log/nginx/access.log main;
|
||||||
|
|
||||||
|
server {
|
||||||
|
listen 0.0.0.0:80;
|
||||||
|
resolver $host;
|
||||||
|
server_name localhost;
|
||||||
|
|
||||||
|
location /schedule {
|
||||||
|
proxy_pass https://www.usue.ru/$request_uri;
|
||||||
|
add_header 'Access-Control-Allow-Origin' '*' always;
|
||||||
|
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
41
index.html
Normal file
41
index.html
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
|
||||||
|
<title>Rasp</title>
|
||||||
|
<meta name="description" content="OGkod Rasp Более удобный способ смотреть расписание" />
|
||||||
|
<meta name="keywords" content="OGkod Rasp Более удобный способ смотреть расписание" />
|
||||||
|
|
||||||
|
<link rel="icon" type="image/webp" href="https://rasp.ogkod.ru/favicon.webp" />
|
||||||
|
|
||||||
|
<meta property="og:title" content="Rasp" />
|
||||||
|
<meta property="og:description" content="OGkod Rasp Более удобный способ смотреть расписание" />
|
||||||
|
<meta property="og:site_name" content="OGkod | Rasp">
|
||||||
|
<meta property="og:type" content="website" />
|
||||||
|
<meta property="og:url" content="https://rasp.ogkod.ru" />
|
||||||
|
<meta property="og:image" content="https://rasp.ogkod.ru/favicon.webp" />
|
||||||
|
<meta name="twitter:card" content="summary_large_image">
|
||||||
|
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<script>
|
||||||
|
if (
|
||||||
|
localStorage.getItem("color-theme") === "dark" ||
|
||||||
|
(!("color-theme" in localStorage) &&
|
||||||
|
window.matchMedia("(prefers-color-scheme: dark)").matches)
|
||||||
|
) {
|
||||||
|
document.documentElement.classList.add("dark");
|
||||||
|
} else {
|
||||||
|
document.documentElement.classList.remove("dark");
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="bg-[var(--w-bg)] dark:bg-[var(--b-bg)] transition-all">
|
||||||
|
<div id="app"></div>
|
||||||
|
<script type="module" src="/src/main.js"></script>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
32
jsconfig.json
Normal file
32
jsconfig.json
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"moduleResolution": "bundler",
|
||||||
|
"target": "ESNext",
|
||||||
|
"module": "ESNext",
|
||||||
|
/**
|
||||||
|
* svelte-preprocess cannot figure out whether you have
|
||||||
|
* a value or a type, so tell TypeScript to enforce using
|
||||||
|
* `import type` instead of `import` for Types.
|
||||||
|
*/
|
||||||
|
"verbatimModuleSyntax": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
/**
|
||||||
|
* To have warnings / errors of the Svelte compiler at the
|
||||||
|
* correct position, enable source maps by default.
|
||||||
|
*/
|
||||||
|
"sourceMap": true,
|
||||||
|
"esModuleInterop": true,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
/**
|
||||||
|
* Typecheck JS in `.svelte` and `.js` files by default.
|
||||||
|
* Disable this if you'd like to use dynamic types.
|
||||||
|
*/
|
||||||
|
"checkJs": true
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* Use global.d.ts instead of compilerOptions.types
|
||||||
|
* to avoid limiting type declarations.
|
||||||
|
*/
|
||||||
|
"include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.svelte"]
|
||||||
|
}
|
||||||
40
makefile
Normal file
40
makefile
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
author = "relaxed"
|
||||||
|
app_name = "rw"
|
||||||
|
container_name = "rw"
|
||||||
|
|
||||||
|
all: container
|
||||||
|
|
||||||
|
# for dev
|
||||||
|
dev_image:
|
||||||
|
cd ./docker_dev
|
||||||
|
sudo docker build --no-cache -t rasp_web/dev_mode .
|
||||||
|
cd ..
|
||||||
|
|
||||||
|
dev_amd_image:
|
||||||
|
cd ./docker_dev
|
||||||
|
sudo docker build --platform linux/amd64 --no-cache -t rasp_web/dev_mode .
|
||||||
|
cd ..
|
||||||
|
|
||||||
|
dev_container:
|
||||||
|
sudo docker run -d -p 80:80 --name rasp_web_dev_mode rasp_web/dev_mode
|
||||||
|
|
||||||
|
dev_stop:
|
||||||
|
- sudo docker stop rasp_web_dev_mode
|
||||||
|
- sudo docker rm rasp_web_dev_mode
|
||||||
|
|
||||||
|
# for app
|
||||||
|
image:
|
||||||
|
sudo docker build --no-cache -t $(author)/$(app_name) .
|
||||||
|
|
||||||
|
amd_image:
|
||||||
|
sudo docker build --platform linux/amd64 --no-cache -t $(author)/$(app_name) .
|
||||||
|
|
||||||
|
container:
|
||||||
|
sudo docker run -d -p 80:80 --name $(container_name) $(author)/$(app_name)
|
||||||
|
|
||||||
|
stop:
|
||||||
|
- sudo docker stop $(container_name)
|
||||||
|
- sudo docker rm $(container_name)
|
||||||
|
|
||||||
|
export:
|
||||||
|
sudo docker save $(author)/$(app_name) > $(author).$(app_name).tar
|
||||||
38
nginx.conf
Normal file
38
nginx.conf
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
user nginx;
|
||||||
|
worker_processes auto;
|
||||||
|
|
||||||
|
error_log /var/log/nginx/error.log notice;
|
||||||
|
pid /var/run/nginx.pid;
|
||||||
|
|
||||||
|
events {
|
||||||
|
worker_connections 1024;
|
||||||
|
}
|
||||||
|
|
||||||
|
http {
|
||||||
|
gzip on;
|
||||||
|
include /etc/nginx/mime.types;
|
||||||
|
default_type application/octet-stream;
|
||||||
|
|
||||||
|
log_format main '$remote_addr - $remote_user [$time_local] "$request" '
|
||||||
|
'$status $body_bytes_sent "$http_referer" '
|
||||||
|
'"$http_user_agent" "$http_x_forwarded_for"';
|
||||||
|
|
||||||
|
access_log /var/log/nginx/access.log main;
|
||||||
|
|
||||||
|
server {
|
||||||
|
listen 0.0.0.0:80;
|
||||||
|
resolver $host;
|
||||||
|
server_name localhost;
|
||||||
|
|
||||||
|
location / {
|
||||||
|
root /usr/share/nginx/html;
|
||||||
|
index index.html index.htm;
|
||||||
|
}
|
||||||
|
|
||||||
|
location /schedule {
|
||||||
|
proxy_pass https://www.usue.ru/$request_uri;
|
||||||
|
add_header 'Access-Control-Allow-Origin' '*' always;
|
||||||
|
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
20
package.json
Normal file
20
package.json
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "rasp_web",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
||||||
|
"autoprefixer": "^10.4.20",
|
||||||
|
"postcss": "^8.4.41",
|
||||||
|
"svelte": "^4.2.18",
|
||||||
|
"tailwindcss": "^3.4.10",
|
||||||
|
"vite": "^5.4.1",
|
||||||
|
"vite-plugin-pwa": "^0.20.1"
|
||||||
|
}
|
||||||
|
}
|
||||||
6
postcss.config.js
Normal file
6
postcss.config.js
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
export default {
|
||||||
|
plugins: {
|
||||||
|
tailwindcss: {},
|
||||||
|
autoprefixer: {},
|
||||||
|
},
|
||||||
|
}
|
||||||
13
public/check.svg
Normal file
13
public/check.svg
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||||
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||||
|
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||||
|
<svg fill="#0f0" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="800px" height="800px" viewBox="0 0 415.582 415.582"
|
||||||
|
xml:space="preserve">
|
||||||
|
<g>
|
||||||
|
<path d="M411.47,96.426l-46.319-46.32c-5.482-5.482-14.371-5.482-19.853,0L152.348,243.058l-82.066-82.064
|
||||||
|
c-5.48-5.482-14.37-5.482-19.851,0l-46.319,46.32c-5.482,5.481-5.482,14.37,0,19.852l138.311,138.31
|
||||||
|
c2.741,2.742,6.334,4.112,9.926,4.112c3.593,0,7.186-1.37,9.926-4.112L411.47,116.277c2.633-2.632,4.111-6.203,4.111-9.925
|
||||||
|
C415.582,102.628,414.103,99.059,411.47,96.426z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 837 B |
BIN
public/favicon.webp
Normal file
BIN
public/favicon.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
public/jbmv.ttf
Normal file
BIN
public/jbmv.ttf
Normal file
Binary file not shown.
12
public/x.svg
Normal file
12
public/x.svg
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||||
|
<svg width="800px" height="800px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<title>cancel</title>
|
||||||
|
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="work-case" fill="#f00" transform="translate(91.520000, 91.520000)">
|
||||||
|
<polygon id="Close" points="328.96 30.2933333 298.666667 1.42108547e-14 164.48 134.4 30.2933333 1.42108547e-14 1.42108547e-14 30.2933333 134.4 164.48 1.42108547e-14 298.666667 30.2933333 328.96 164.48 194.56 298.666667 328.96 328.96 298.666667 194.56 164.48">
|
||||||
|
|
||||||
|
</polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 786 B |
550
src/App.svelte
Normal file
550
src/App.svelte
Normal file
@ -0,0 +1,550 @@
|
|||||||
|
<script>
|
||||||
|
import ThemeSwitch from "./lib/ThemeSwitch.svelte";
|
||||||
|
import Dialog from "./lib/Dialog.svelte";
|
||||||
|
import Pair from "./lib/Pair.svelte";
|
||||||
|
|
||||||
|
import Spinner from "./lib/Spinner.svelte";
|
||||||
|
import Cache from "./lib/Cache.svelte";
|
||||||
|
import Checked from "./lib/Checked.svelte";
|
||||||
|
import X from "./lib/X.svelte";
|
||||||
|
|
||||||
|
// import example from "./example.json";
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
|
||||||
|
const host = "http://192.168.1.140";
|
||||||
|
|
||||||
|
let start_date = new Date();
|
||||||
|
const day = start_date.getDay();
|
||||||
|
const diff = (day === 0 ? -6 : 1) - day;
|
||||||
|
start_date.setDate(start_date.getDate() + diff);
|
||||||
|
start_date.setHours(0, 0, 0, 0);
|
||||||
|
start_date = start_date;
|
||||||
|
|
||||||
|
let end_date = new Date();
|
||||||
|
end_date.setDate(start_date.getDate() + 6);
|
||||||
|
end_date.setHours(23, 59, 59, 999);
|
||||||
|
|
||||||
|
/** @typedef GroupInfo
|
||||||
|
* @property {string} name
|
||||||
|
* @property {'group' | 'teacher' | 'aud'} type
|
||||||
|
*/
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @property {number} selected
|
||||||
|
* @property {Object} saved
|
||||||
|
*/
|
||||||
|
let data = {
|
||||||
|
/** @type {number} */
|
||||||
|
selected: 0,
|
||||||
|
/** @type {Array<GroupInfo>} */
|
||||||
|
saved: [],
|
||||||
|
};
|
||||||
|
|
||||||
|
function save_to_ls() {
|
||||||
|
data = data;
|
||||||
|
localStorage.setItem("data", JSON.stringify(data));
|
||||||
|
get_rasp();
|
||||||
|
}
|
||||||
|
|
||||||
|
function empty_rasp() {
|
||||||
|
const empty_rasp = [];
|
||||||
|
for (let i = 0; i < 7; i++) {
|
||||||
|
empty_rasp.push({
|
||||||
|
date: "dd.mm.yyyy",
|
||||||
|
weekDay: "dayofweek",
|
||||||
|
isCurrentDate: 1,
|
||||||
|
pairs: [
|
||||||
|
{
|
||||||
|
N: 0,
|
||||||
|
time: "infinity",
|
||||||
|
isCurrentPair: 0,
|
||||||
|
schedulePairs: [],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return empty_rasp;
|
||||||
|
}
|
||||||
|
|
||||||
|
function scroll_to_today() {
|
||||||
|
if (rasp_data.some((day) => day.isCurrentDate === 1)) {
|
||||||
|
setTimeout(() => {
|
||||||
|
const today = new Date();
|
||||||
|
const today_index = `${(today.getDay() + 6) % 7}`;
|
||||||
|
document.getElementById(today_index).scrollIntoView();
|
||||||
|
}, 0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function get_rasp() {
|
||||||
|
const startDate = `${start_date.getDate()}.${start_date.getMonth() + 1}.${start_date.getFullYear()}`;
|
||||||
|
end_date = new Date(start_date);
|
||||||
|
end_date.setDate(start_date.getDate() + 6);
|
||||||
|
end_date.setHours(23, 59, 59, 999);
|
||||||
|
const endDate = `${end_date.getDate()}.${end_date.getMonth() + 1}.${end_date.getFullYear()}`;
|
||||||
|
|
||||||
|
const date_full = `${startDate}-${endDate}`;
|
||||||
|
|
||||||
|
is_rasp_cache_loaded = false;
|
||||||
|
|
||||||
|
let cache_data = {};
|
||||||
|
|
||||||
|
if (data.saved.length > 0) {
|
||||||
|
if (
|
||||||
|
localStorage.getItem(`${data.saved[data.selected].name}`) !==
|
||||||
|
null
|
||||||
|
) {
|
||||||
|
cache_data = JSON.parse(
|
||||||
|
localStorage.getItem(`${data.saved[data.selected].name}`),
|
||||||
|
);
|
||||||
|
|
||||||
|
if (date_full in cache_data) {
|
||||||
|
rasp_data = cache_data[date_full];
|
||||||
|
is_rasp_cache_loaded = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.saved.length !== 0) {
|
||||||
|
is_rasp_data_loading = true;
|
||||||
|
//
|
||||||
|
fetch(
|
||||||
|
`${host}/schedule/?t=0.2&action=show&startDate=${startDate}&endDate=${endDate}&${data.saved[data.selected].type}=${data.saved[data.selected].name}`,
|
||||||
|
)
|
||||||
|
.then((response) => response.json())
|
||||||
|
.then((json) => {
|
||||||
|
if (json.length !== 0) {
|
||||||
|
cache_data[date_full] = json;
|
||||||
|
localStorage.setItem(
|
||||||
|
`${data.saved[data.selected].name}`,
|
||||||
|
JSON.stringify(cache_data),
|
||||||
|
);
|
||||||
|
rasp_data = json;
|
||||||
|
is_rasp_data_loaded = true;
|
||||||
|
is_rasp_cache_loaded = false;
|
||||||
|
is_rasp_data_loading = false;
|
||||||
|
} else {
|
||||||
|
is_rasp_data_loaded = false;
|
||||||
|
is_rasp_data_loading = false;
|
||||||
|
if (!is_rasp_cache_loaded) {
|
||||||
|
rasp_data = empty_rasp();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
scroll_to_today();
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
is_rasp_data_loaded = false;
|
||||||
|
is_rasp_data_loading = false;
|
||||||
|
if (!is_rasp_cache_loaded) {
|
||||||
|
rasp_data = empty_rasp();
|
||||||
|
}
|
||||||
|
scroll_to_today();
|
||||||
|
});
|
||||||
|
|
||||||
|
// setTimeout(() => {
|
||||||
|
// is_rasp_data_loaded = true;
|
||||||
|
// is_rasp_data_loading = false;
|
||||||
|
// rasp_data = example;
|
||||||
|
// scroll_to_today();
|
||||||
|
// }, 1000);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
let is_rasp_data_loading = false;
|
||||||
|
let is_rasp_data_loaded = false;
|
||||||
|
let is_rasp_cache_loaded = false;
|
||||||
|
|
||||||
|
let is_settings_open = false;
|
||||||
|
|
||||||
|
/** @type {"group-list" | "teacher-list" | "aud-list"} */
|
||||||
|
let search_type = "group-list";
|
||||||
|
|
||||||
|
let search_value = "";
|
||||||
|
|
||||||
|
let rasp_data = [];
|
||||||
|
|
||||||
|
let search_data = [];
|
||||||
|
|
||||||
|
function search_group() {
|
||||||
|
if (search_value != "") {
|
||||||
|
fetch(
|
||||||
|
`${host}/schedule/?action=${search_type}&term=${search_value}`,
|
||||||
|
)
|
||||||
|
.then((response) => response.json())
|
||||||
|
.then((json) => {
|
||||||
|
search_data = json;
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
search_data = ["not found"];
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$: input_date = `${start_date.getDate()}.${start_date.getMonth() + 1}.${start_date.getFullYear()} - ${end_date.getDate()}.${end_date.getMonth() + 1}.${end_date.getFullYear()}`;
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (localStorage.getItem("data") === null) {
|
||||||
|
} else {
|
||||||
|
data = JSON.parse(localStorage.getItem("data"));
|
||||||
|
}
|
||||||
|
get_rasp();
|
||||||
|
});
|
||||||
|
|
||||||
|
let is_confirm_open = false;
|
||||||
|
let confirm_question = "__default__";
|
||||||
|
let on_confirm = () => {};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<Dialog name={"Rasp"} bind:is_open={is_settings_open}>
|
||||||
|
<h1 class="mx-2">Сохраненные</h1>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="min-h-[270px] m-2
|
||||||
|
overflow-y-auto
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
>
|
||||||
|
{#each data.saved as info, i}
|
||||||
|
<div
|
||||||
|
class="p-2
|
||||||
|
flex justify-between items-center
|
||||||
|
{i === data.saved.length - 1 ? '' : 'border-b-2'}
|
||||||
|
border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
>
|
||||||
|
<p>{info.name}</p>
|
||||||
|
<button
|
||||||
|
on:click={() => {
|
||||||
|
data.saved.splice(i, 1);
|
||||||
|
data.selected = 0;
|
||||||
|
save_to_ls();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="/x.svg"
|
||||||
|
class="min-w-[40px] min-h-[40px] size-[40px] transition-all
|
||||||
|
border-2 border-[var(--w-red)] dark:border-[var(--b-red)]"
|
||||||
|
alt="data not loaded"
|
||||||
|
/>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h1 class="mx-2 mt-10">Добавить</h1>
|
||||||
|
<select
|
||||||
|
class="min-h-[60px] p-2 m-2 w-atuo
|
||||||
|
bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
on:change={(event) => {
|
||||||
|
search_type = event.target.value;
|
||||||
|
search_value = "";
|
||||||
|
search_data = [];
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<option selected value="group-list">Группа</option>
|
||||||
|
<option value="teacher-list">Преподаватель</option>
|
||||||
|
<option value="aud-list">Аудитория</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="{{
|
||||||
|
'group-list': 'Группа',
|
||||||
|
'teacher-list': 'Преподователь',
|
||||||
|
'aud-list': 'Аудитория',
|
||||||
|
}[search_type]} "
|
||||||
|
class="p-2 m-2
|
||||||
|
bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
bind:value={search_value}
|
||||||
|
on:input={() => {
|
||||||
|
const saved = search_value;
|
||||||
|
setTimeout(() => {
|
||||||
|
if (saved === search_value) {
|
||||||
|
search_group();
|
||||||
|
}
|
||||||
|
}, 1000);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="min-h-[270px] m-2
|
||||||
|
overflow-y-auto
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
>
|
||||||
|
{#each search_data as item, i}
|
||||||
|
<div
|
||||||
|
class="p-2
|
||||||
|
flex justify-between items-center
|
||||||
|
{i === search_data.length - 1 ? '' : 'border-b-2'}
|
||||||
|
border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
>
|
||||||
|
{#if search_type === "teacher-list"}
|
||||||
|
<p>{item.label}</p>
|
||||||
|
{:else}
|
||||||
|
<p>{item}</p>
|
||||||
|
{/if}
|
||||||
|
<button
|
||||||
|
class="min-w-[40px] min-h-[40px]
|
||||||
|
text-3xl text-[--w-green] dark:text-[var(--b-green)]
|
||||||
|
border-[1px] border-[var(--w-green)] dark:border-[var(--b-green)]"
|
||||||
|
on:click={() => {
|
||||||
|
if (item === "not found") {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
data.saved.push({
|
||||||
|
type: {
|
||||||
|
"group-list": "group",
|
||||||
|
"teacher-list": "teacher",
|
||||||
|
"aud-list": "aud",
|
||||||
|
}[search_type],
|
||||||
|
name:
|
||||||
|
search_type === "teacher-list"
|
||||||
|
? item.label
|
||||||
|
: item,
|
||||||
|
});
|
||||||
|
search_value = "";
|
||||||
|
search_data = [];
|
||||||
|
data.selected = data.saved.length - 1;
|
||||||
|
save_to_ls();
|
||||||
|
get_rasp();
|
||||||
|
is_settings_open = false;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
+
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="w-auto p-2 m-2
|
||||||
|
bg-[var(--w-red)] dark:bg-[var(--b-red)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
on:click={() => {
|
||||||
|
localStorage.clear();
|
||||||
|
save_to_ls();
|
||||||
|
is_settings_open = false;
|
||||||
|
get_rasp();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Очистить Кэш
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="w-auto p-2 m-2
|
||||||
|
bg-[var(--w-red)] dark:bg-[var(--b-red)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
on:click={() => {
|
||||||
|
is_confirm_open = true;
|
||||||
|
confirm_question = "Действительно удалить сохраненные расписания?";
|
||||||
|
on_confirm = () => {
|
||||||
|
localStorage.clear();
|
||||||
|
is_settings_open = false;
|
||||||
|
is_confirm_open = false;
|
||||||
|
window.location.reload();
|
||||||
|
};
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
Удалить все данные
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="">
|
||||||
|
<pre
|
||||||
|
class="w-min m-2 break-words flex justify-center items-center"><Spinner
|
||||||
|
></Spinner> - Загрузка</pre>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
|
||||||
|
>
|
||||||
|
<Cache></Cache>
|
||||||
|
<p>- Показывает последние сохраненные данные</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
|
||||||
|
>
|
||||||
|
<X></X>
|
||||||
|
<p>- Данные не загрузились</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="w-auto m-2 space-x-2 break-words flex justify-start items-center"
|
||||||
|
>
|
||||||
|
<Checked></Checked>
|
||||||
|
<p>- Покавзывает актуальные данные</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="min-h-[100px] m-2 w-auto bg-gray-700 flex justify-center items-center"
|
||||||
|
>
|
||||||
|
<a href="https://ogkod.ru" class="underline text-white">
|
||||||
|
Made by OGkod
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</Dialog>
|
||||||
|
|
||||||
|
<div class="w-full flex justify-center items-center">
|
||||||
|
<div
|
||||||
|
class="w-[2120px] h-svh
|
||||||
|
text-[var(--w-text)] dark:text-[var(--b-text)] transition-all
|
||||||
|
flex relative"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="top-0 left-0 w-full h-full p-2
|
||||||
|
flex flex-col absolute"
|
||||||
|
>
|
||||||
|
<div class="flex justify-between items-center">
|
||||||
|
<button
|
||||||
|
class="text-3xl w-min m-2"
|
||||||
|
on:click={() => {
|
||||||
|
is_settings_open = true;
|
||||||
|
}}>Настройки</button
|
||||||
|
>
|
||||||
|
<div class="flex justify-center items-center space-x-4">
|
||||||
|
{#if is_rasp_data_loading}
|
||||||
|
<Spinner></Spinner>
|
||||||
|
{:else if !is_rasp_cache_loaded && !is_rasp_data_loaded}
|
||||||
|
<X></X>
|
||||||
|
{:else if is_rasp_cache_loaded}
|
||||||
|
<Cache></Cache>
|
||||||
|
{:else if is_rasp_data_loaded}
|
||||||
|
<Checked></Checked>
|
||||||
|
{/if}
|
||||||
|
<ThemeSwitch></ThemeSwitch>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="relative flex justify-start items-center">
|
||||||
|
<input
|
||||||
|
type="date"
|
||||||
|
name="date_input"
|
||||||
|
id="date_input"
|
||||||
|
class="bg-black text-white absolute top-0 invisible"
|
||||||
|
on:change={(event) => {
|
||||||
|
start_date = new Date(event.target.value);
|
||||||
|
get_rasp();
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<button
|
||||||
|
class="m-2 p-2 w-auto h-[40px] flex-initial
|
||||||
|
bg-[var(--w-bbg)] dark:bg-[var(--w-bbg)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
on:click={() => {
|
||||||
|
document.getElementById("date_input").showPicker();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<pre>{input_date}</pre>
|
||||||
|
</button>
|
||||||
|
<select
|
||||||
|
class="h-[40px] p-2 m-2 flex-auto w-full max-w-[280px]
|
||||||
|
bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
on:change={(event) => {
|
||||||
|
data.selected = Number(event.target.value);
|
||||||
|
save_to_ls();
|
||||||
|
get_rasp();
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{#each data.saved as group, i}
|
||||||
|
{#if data.selected === i}
|
||||||
|
<option selected value={i}>
|
||||||
|
{group.name}
|
||||||
|
</option>
|
||||||
|
{:else}
|
||||||
|
<option value={i}>{group.name}</option>
|
||||||
|
{/if}
|
||||||
|
{/each}
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="flex overflow-x-auto overflow-y-hidden text-[16px]">
|
||||||
|
{#if rasp_data.length === 0 && data.saved.length === 0}
|
||||||
|
<p
|
||||||
|
class="break-words h-auto
|
||||||
|
text-2xl text-[var(--w-text)] dark:text-[var(--b-text)]"
|
||||||
|
>
|
||||||
|
У вас нету сохраненных расписаний, добавтье их в <button
|
||||||
|
class="underline"
|
||||||
|
on:click={() => {
|
||||||
|
is_settings_open = true;
|
||||||
|
}}>настройках</button
|
||||||
|
>
|
||||||
|
</p>
|
||||||
|
{:else}
|
||||||
|
{#each rasp_data as day, i}
|
||||||
|
<div id={`${i}`} class="p-2 min-w-[300px]">
|
||||||
|
<div
|
||||||
|
class="flex p-2 mb-2
|
||||||
|
border-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]
|
||||||
|
text-[var(--w-text)] dark:text-[var(--b-text)]
|
||||||
|
{day.isCurrentDate === 1 ? 'bg-[var(--w-red)] dark:bg-[var(--b-red)]' : ''}"
|
||||||
|
>
|
||||||
|
<h1>
|
||||||
|
<pre>{day.date} - {day.weekDay}</pre>
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="relative z-0 h-[calc(100svh-192px)]">
|
||||||
|
<div
|
||||||
|
class="h-full w-full z-0 absolute overflow-y-auto overflow-x-hidden
|
||||||
|
flex flex-col justify-start items-center
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{#if day.pairs.every((p) => p.schedulePairs.length === 0)}
|
||||||
|
<div
|
||||||
|
class="w-full p-2
|
||||||
|
border-[1px] rounded-[8px] border-[var(--w-border)] dark:border-[var(--b-border)]
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{#if !is_rasp_data_loading && !is_rasp_cache_loaded && !is_rasp_data_loaded}
|
||||||
|
Ошибка получения данных
|
||||||
|
попробуйте позже
|
||||||
|
{:else if is_rasp_data_loading}
|
||||||
|
Загрузка ....
|
||||||
|
{:else if is_rasp_data_loaded || is_rasp_cache_loaded}
|
||||||
|
have a good day
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
{:else}
|
||||||
|
{#each day.pairs as pairs}
|
||||||
|
<Pair {pairs}></Pair>
|
||||||
|
{/each}
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
{/if}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Dialog
|
||||||
|
name={confirm_question}
|
||||||
|
bind:is_open={is_confirm_open}
|
||||||
|
class_name="h-[220px]"
|
||||||
|
>
|
||||||
|
<button
|
||||||
|
on:click={on_confirm}
|
||||||
|
class="w-auto py-1 m-2
|
||||||
|
flex justify-center items-center
|
||||||
|
text-[var(--w-text)] dark:text-[var(--b-text)]
|
||||||
|
transition-all duration-300
|
||||||
|
bg-[var(--w-red)] dark:bg-[var(--b-red)]
|
||||||
|
border-2 border-[var(--border)] rounded-xl"
|
||||||
|
>
|
||||||
|
Да
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
on:click={on_confirm}
|
||||||
|
class="w-auto py-1 m-2
|
||||||
|
flex justify-center items-center
|
||||||
|
text-[var(--w-text)] dark:text-[var(--b-text)]
|
||||||
|
transition-all duration-300
|
||||||
|
bg-[var(--w-green)] dark:bg-green-700
|
||||||
|
border-2 border-[var(--border)] rounded-xl"
|
||||||
|
>
|
||||||
|
Нет
|
||||||
|
</button>
|
||||||
|
</Dialog>
|
||||||
1080
src/example.json
Normal file
1080
src/example.json
Normal file
File diff suppressed because it is too large
Load Diff
52
src/global.css
Normal file
52
src/global.css
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
@tailwind base;
|
||||||
|
@tailwind components;
|
||||||
|
@tailwind utilities;
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: JetBrainsMono;
|
||||||
|
src: url(/jbmv.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
* {
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
-webkit-touch-callout: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
-khtml-user-select: none;
|
||||||
|
-moz-user-select: none;
|
||||||
|
-ms-user-select: none;
|
||||||
|
user-select: none;
|
||||||
|
outline: none !important;
|
||||||
|
|
||||||
|
font-family: JetBrainsMono;
|
||||||
|
|
||||||
|
/* white theme */
|
||||||
|
--w-bg: #ddd;
|
||||||
|
--w-text: #000;
|
||||||
|
--w-border: #000;
|
||||||
|
|
||||||
|
--w-red: #fcc;
|
||||||
|
--w-green: #0f0;
|
||||||
|
--w-blue: #ccf;
|
||||||
|
--w-orange: #f80;
|
||||||
|
|
||||||
|
/* dark theme */
|
||||||
|
--b-bg: black;
|
||||||
|
--b-text: white;
|
||||||
|
--b-border: white;
|
||||||
|
|
||||||
|
--b-red: #800;
|
||||||
|
--b-green: #080;
|
||||||
|
--b-blue: #000066;
|
||||||
|
--b-orange: #f80;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
*::-webkit-scrollbar,
|
||||||
|
*::-webkit-scrollbar-thumb {
|
||||||
|
width: 0px;
|
||||||
|
border-radius: 0px;
|
||||||
|
background-clip: padding-box;
|
||||||
|
border: 0px solid transparent;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
9
src/lib/Cache.svelte
Normal file
9
src/lib/Cache.svelte
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<div
|
||||||
|
class="size-[40px] min-w-[40px]
|
||||||
|
border-2 border-[var(--w-orange)] dark:border-[var(--b-orange)]
|
||||||
|
bg-gray-800
|
||||||
|
flex justify-center items-center
|
||||||
|
text-4xl text-[var(--w-orange)] dark:text-[var(--b-orange)]"
|
||||||
|
>
|
||||||
|
C
|
||||||
|
</div>
|
||||||
7
src/lib/Checked.svelte
Normal file
7
src/lib/Checked.svelte
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<div class="w-[40px] bg-gray-800">
|
||||||
|
<img
|
||||||
|
src="/check.svg"
|
||||||
|
class="size-[40px] min-w-[40px] border-2 border-[var(--w-green)] dark:border-[var(--b-green)]"
|
||||||
|
alt="data loaded"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
50
src/lib/Dialog.svelte
Normal file
50
src/lib/Dialog.svelte
Normal file
@ -0,0 +1,50 @@
|
|||||||
|
<script>
|
||||||
|
export let is_open = false;
|
||||||
|
export let name_editable = false;
|
||||||
|
export let name = "";
|
||||||
|
export let class_name = "";
|
||||||
|
export let on_close = () => {};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="absolute top-0 w-full h-screen z-10
|
||||||
|
max-w-full max-h-full
|
||||||
|
flex justify-center items-center
|
||||||
|
backdrop-blur-sm
|
||||||
|
bg-[#00000022]
|
||||||
|
{is_open ? 'opacity-100 visible' : 'invisible opacity-0'}
|
||||||
|
transition-all duration-300"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="size-[700px] mx-4 flex flex-col
|
||||||
|
border-[var(--w-border)] dark:border-[var(--b-border)] border-2 rounded-xl
|
||||||
|
bg-[var(--w-bg)] dark:bg-[var(--b-bg)]
|
||||||
|
text-[var(--w-text)] dark:text-[var(--b-text)] text-2xl
|
||||||
|
overflow-y-auto
|
||||||
|
{class_name}"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="ml-2 relative flex flex-initial justify-between items-center"
|
||||||
|
>
|
||||||
|
{#if name_editable}
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
bind:value={name}
|
||||||
|
class="bg-[var(--bg)] w-full focus-visible:outline-none"
|
||||||
|
/>
|
||||||
|
{:else}
|
||||||
|
<p class="bg-[var(--bg)] w-full focus-visible:outline-none">
|
||||||
|
{name}
|
||||||
|
</p>
|
||||||
|
{/if}
|
||||||
|
<button
|
||||||
|
on:click={() => {
|
||||||
|
is_open = false;
|
||||||
|
on_close();
|
||||||
|
}}
|
||||||
|
class="size-[60px] m-2 text-[40px] pb-3">x</button
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
<slot></slot>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
76
src/lib/Pair.svelte
Normal file
76
src/lib/Pair.svelte
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
<script>
|
||||||
|
export let pairs;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
{#if pairs.schedulePairs.length === 1}
|
||||||
|
<div
|
||||||
|
class="w-auto m-2
|
||||||
|
border-[1px] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)]
|
||||||
|
{pairs.isCurrentPair ? 'bg-[var(--w-blue)] dark:bg-[var(--b-blue)]' : ''}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="border-b-[1px] border-[var(--w-border)] dark:border-[var(--b-border)]"
|
||||||
|
>
|
||||||
|
<h1 class="m-2 mb-1">
|
||||||
|
{pairs.N}) {pairs.time.replace("-", " - ")}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<div class="p-2">
|
||||||
|
<h1>
|
||||||
|
{pairs.schedulePairs[0].subject}
|
||||||
|
</h1>
|
||||||
|
<h1>
|
||||||
|
aud: {pairs.schedulePairs[0].aud}
|
||||||
|
</h1>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
href="https://www.usue.ru/raspisanie/getteams/?prepod={pairs
|
||||||
|
.schedulePairs[0].teacher}"
|
||||||
|
class="underline"
|
||||||
|
>
|
||||||
|
{pairs.schedulePairs[0].teacher}
|
||||||
|
</a>
|
||||||
|
<h1>
|
||||||
|
{pairs.schedulePairs[0].group}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{:else if pairs.schedulePairs.length > 1}
|
||||||
|
{@const end_index = pairs.schedulePairs.length - 1}
|
||||||
|
<div
|
||||||
|
class="w-full m-2
|
||||||
|
border-[1px] rounded-xl border-[var(--w-border)] dark:border-[var(--b-border)]
|
||||||
|
{pairs.isCurrentPair ? 'bg-[var(--w-blue)] dark:bg-[var(--b-blue)]' : ''}
|
||||||
|
"
|
||||||
|
>
|
||||||
|
<div class="border-b-2 border-[var(--border)]">
|
||||||
|
<h1 class="m-2 mb-1">
|
||||||
|
{pairs.N}) {pairs.time.replace("-", " - ")}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
{#each pairs.schedulePairs as pair, i}
|
||||||
|
<div
|
||||||
|
class="p-2
|
||||||
|
{i === end_index ? '' : 'border-b-[1px] border-[var(--border)]'}"
|
||||||
|
>
|
||||||
|
<h1>
|
||||||
|
{pair.subject}
|
||||||
|
</h1>
|
||||||
|
<h1>
|
||||||
|
aud: {pair.aud}
|
||||||
|
</h1>
|
||||||
|
<a
|
||||||
|
target="_blank"
|
||||||
|
href="https://www.usue.ru/raspisanie/getteams/?prepod={pair.teacher}"
|
||||||
|
class="underline"
|
||||||
|
>
|
||||||
|
{pair.teacher}
|
||||||
|
</a>
|
||||||
|
<h1>
|
||||||
|
{pair.group}
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
{/each}
|
||||||
|
</div>
|
||||||
|
{/if}
|
||||||
6
src/lib/Spinner.svelte
Normal file
6
src/lib/Spinner.svelte
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<span
|
||||||
|
class="size-[40px] min-w-[40px]
|
||||||
|
border-[5px] border-[var(--w-border)] dark:border-[var(--b-border)] rounded-[50%]
|
||||||
|
inline-block box-border animate-spin"
|
||||||
|
style="border-bottom-color: transparent;"
|
||||||
|
></span>
|
||||||
58
src/lib/ThemeSwitch.svelte
Executable file
58
src/lib/ThemeSwitch.svelte
Executable file
@ -0,0 +1,58 @@
|
|||||||
|
<script>
|
||||||
|
import { onMount } from "svelte";
|
||||||
|
let is_resize = false;
|
||||||
|
let is_transparent = false;
|
||||||
|
let is_dark = true;
|
||||||
|
|
||||||
|
function handleSwitchDarkMode() {
|
||||||
|
setTimeout(() => {
|
||||||
|
is_transparent = true;
|
||||||
|
is_dark = !is_dark;
|
||||||
|
setTimeout(() => {
|
||||||
|
is_resize = false;
|
||||||
|
is_transparent = false;
|
||||||
|
}, 250);
|
||||||
|
}, 500);
|
||||||
|
is_resize = true;
|
||||||
|
|
||||||
|
const isDark = window.document.documentElement.classList.toggle("dark");
|
||||||
|
if (isDark) {
|
||||||
|
localStorage.setItem("color-theme", "dark");
|
||||||
|
} else {
|
||||||
|
localStorage.setItem("color-theme", "light");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
onMount(() => {
|
||||||
|
if (localStorage.getItem("color-theme") === "light") {
|
||||||
|
is_dark = false;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class=" min-w-[40px] min-h-[40px] flex justify-center items-center">
|
||||||
|
<!-- svelte-ignore a11y-click-events-have-key-events -->
|
||||||
|
<!-- svelte-ignore a11y-no-static-element-interactions -->
|
||||||
|
<div
|
||||||
|
class="group h-[50px] w-[50px] rounded-full flex justify-center items-center
|
||||||
|
{is_dark ? 'bg-[var(--w-bg)]' : 'bg-[var(--b-bg)]'}
|
||||||
|
"
|
||||||
|
on:click={handleSwitchDarkMode}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class=" rounded-full
|
||||||
|
{!is_transparent
|
||||||
|
? is_dark
|
||||||
|
? 'group-hover:bg-[var(--b-bg)] dark:group-hover:bg-[var(--b-bg)]'
|
||||||
|
: 'group-hover:bg-[var(--w-bg)] dark:group-hover:bg-[var(--w-bg)]'
|
||||||
|
: ''}
|
||||||
|
|
||||||
|
{!is_transparent
|
||||||
|
? is_resize
|
||||||
|
? 'h-[50px] w-[50px]'
|
||||||
|
: 'h-[25px] w-[25px]'
|
||||||
|
: 'h-[25px] w-[25px]'}
|
||||||
|
transition-all duration-500 ease-in-out"
|
||||||
|
></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
7
src/lib/X.svelte
Normal file
7
src/lib/X.svelte
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<div class="w-[40px] bg-gray-800">
|
||||||
|
<img
|
||||||
|
src="/x.svg"
|
||||||
|
class="size-[40px] min-w-[40px] border-2 border-[var(--b-red)]"
|
||||||
|
alt="data not loaded"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
8
src/main.js
Normal file
8
src/main.js
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import './global.css'
|
||||||
|
import App from './App.svelte'
|
||||||
|
|
||||||
|
const app = new App({
|
||||||
|
target: document.getElementById('app'),
|
||||||
|
})
|
||||||
|
|
||||||
|
export default app
|
||||||
2
src/vite-env.d.ts
vendored
Normal file
2
src/vite-env.d.ts
vendored
Normal file
@ -0,0 +1,2 @@
|
|||||||
|
/// <reference types="svelte" />
|
||||||
|
/// <reference types="vite/client" />
|
||||||
7
svelte.config.js
Normal file
7
svelte.config.js
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
// Consult https://svelte.dev/docs#compile-time-svelte-preprocess
|
||||||
|
// for more information about preprocessors
|
||||||
|
preprocess: vitePreprocess(),
|
||||||
|
}
|
||||||
12
tailwind.config.js
Normal file
12
tailwind.config.js
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
/** @type {import('tailwindcss').Config} */
|
||||||
|
export default {
|
||||||
|
content: [
|
||||||
|
"./index.html",
|
||||||
|
"./src/**/*.{js,svelte}",
|
||||||
|
],
|
||||||
|
darkMode: 'selector',
|
||||||
|
theme: {
|
||||||
|
extend: {},
|
||||||
|
},
|
||||||
|
plugins: [],
|
||||||
|
}
|
||||||
23
vite.config.js
Normal file
23
vite.config.js
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
import { defineConfig } from 'vite'
|
||||||
|
import { svelte } from '@sveltejs/vite-plugin-svelte'
|
||||||
|
import { VitePWA } from 'vite-plugin-pwa'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [
|
||||||
|
svelte(),
|
||||||
|
VitePWA({
|
||||||
|
registerType: 'autoUpdate',
|
||||||
|
includeAssets: ["**/*"],
|
||||||
|
manifest: {
|
||||||
|
theme_color: "#000",
|
||||||
|
background_color: "#000"
|
||||||
|
}
|
||||||
|
})
|
||||||
|
],
|
||||||
|
server: {
|
||||||
|
host: true
|
||||||
|
},
|
||||||
|
preview: {
|
||||||
|
host: true
|
||||||
|
}
|
||||||
|
})
|
||||||
Loading…
x
Reference in New Issue
Block a user