Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Working on the styling some more.

Browse Source
This commit is contained in:
Scott Idem
2024-08-23 16:34:28 -04:00
parent 014d244019
commit 4fa8d0368f
18 changed files with 414 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
osit_ae_theme_1.ts Normal file
View File

@@ -0,0 +1,103 @@
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const myCustomTheme: CustomThemeConfig = {
name: 'my-custom-theme',
properties: {
// =~= Theme Properties =~=
"--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-color-base": "0 0 0",
"--theme-font-color-dark": "255 255 255",
"--theme-rounded-base": "16px",
"--theme-rounded-container": "8px",
"--theme-border-base": "1px",
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "0 0 0",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #99c1f1
"--color-primary-50": "240 246 253", // #f0f6fd
"--color-primary-100": "235 243 252", // #ebf3fc
"--color-primary-200": "230 240 252", // #e6f0fc
"--color-primary-300": "214 230 249", // #d6e6f9
"--color-primary-400": "184 212 245", // #b8d4f5
"--color-primary-500": "153 193 241", // #99c1f1
"--color-primary-600": "138 174 217", // #8aaed9
"--color-primary-700": "115 145 181", // #7391b5
"--color-primary-800": "92 116 145", // #5c7491
"--color-primary-900": "75 95 118", // #4b5f76
// secondary | #8ff0a4
"--color-secondary-50": "238 253 241", // #eefdf1
"--color-secondary-100": "233 252 237", // #e9fced
"--color-secondary-200": "227 251 232", // #e3fbe8
"--color-secondary-300": "210 249 219", // #d2f9db
"--color-secondary-400": "177 245 191", // #b1f5bf
"--color-secondary-500": "143 240 164", // #8ff0a4
"--color-secondary-600": "129 216 148", // #81d894
"--color-secondary-700": "107 180 123", // #6bb47b
"--color-secondary-800": "86 144 98", // #569062
"--color-secondary-900": "70 118 80", // #467650
// tertiary | #f8e45c
"--color-tertiary-50": "254 251 231", // #fefbe7
"--color-tertiary-100": "254 250 222", // #fefade
"--color-tertiary-200": "253 248 214", // #fdf8d6
"--color-tertiary-300": "252 244 190", // #fcf4be
"--color-tertiary-400": "250 236 141", // #faec8d
"--color-tertiary-500": "248 228 92", // #f8e45c
"--color-tertiary-600": "223 205 83", // #dfcd53
"--color-tertiary-700": "186 171 69", // #baab45
"--color-tertiary-800": "149 137 55", // #958937
"--color-tertiary-900": "122 112 45", // #7a702d
// success | #33d17a
"--color-success-50": "224 248 235", // #e0f8eb
"--color-success-100": "214 246 228", // #d6f6e4
"--color-success-200": "204 244 222", // #ccf4de
"--color-success-300": "173 237 202", // #adedca
"--color-success-400": "112 223 162", // #70dfa2
"--color-success-500": "51 209 122", // #33d17a
"--color-success-600": "46 188 110", // #2ebc6e
"--color-success-700": "38 157 92", // #269d5c
"--color-success-800": "31 125 73", // #1f7d49
"--color-success-900": "25 102 60", // #19663c
// warning | #ffa348
"--color-warning-50": "255 241 228", // #fff1e4
"--color-warning-100": "255 237 218", // #ffedda
"--color-warning-200": "255 232 209", // #ffe8d1
"--color-warning-300": "255 218 182", // #ffdab6
"--color-warning-400": "255 191 127", // #ffbf7f
"--color-warning-500": "255 163 72", // #ffa348
"--color-warning-600": "230 147 65", // #e69341
"--color-warning-700": "191 122 54", // #bf7a36
"--color-warning-800": "153 98 43", // #99622b
"--color-warning-900": "125 80 35", // #7d5023
// error | #f66151
"--color-error-50": "254 231 229", // #fee7e5
"--color-error-100": "253 223 220", // #fddfdc
"--color-error-200": "253 216 212", // #fdd8d4
"--color-error-300": "251 192 185", // #fbc0b9
"--color-error-400": "249 144 133", // #f99085
"--color-error-500": "246 97 81", // #f66151
"--color-error-600": "221 87 73", // #dd5749
"--color-error-700": "185 73 61", // #b9493d
"--color-error-800": "148 58 49", // #943a31
"--color-error-900": "121 48 40", // #793028
// surface | #deddda
"--color-surface-50": "250 250 249", // #fafaf9
"--color-surface-100": "248 248 248", // #f8f8f8
"--color-surface-200": "247 247 246", // #f7f7f6
"--color-surface-300": "242 241 240", // #f2f1f0
"--color-surface-400": "232 231 229", // #e8e7e5
"--color-surface-500": "222 221 218", // #deddda
"--color-surface-600": "200 199 196", // #c8c7c4
"--color-surface-700": "167 166 164", // #a7a6a4
"--color-surface-800": "133 133 131", // #858583
"--color-surface-900": "109 108 107", // #6d6c6b
}
}

103
osit_ae_theme_2.ts Normal file
View File

@@ -0,0 +1,103 @@
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const myCustomTheme: CustomThemeConfig = {
name: 'my-custom-theme',
properties: {
// =~= Theme Properties =~=
"--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-color-base": "0 0 0",
"--theme-font-color-dark": "255 255 255",
"--theme-rounded-base": "16px",
"--theme-rounded-container": "8px",
"--theme-border-base": "1px",
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "0 0 0",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #62a0ea
"--color-primary-50": "231 241 252", // #e7f1fc
"--color-primary-100": "224 236 251", // #e0ecfb
"--color-primary-200": "216 231 250", // #d8e7fa
"--color-primary-300": "192 217 247", // #c0d9f7
"--color-primary-400": "145 189 240", // #91bdf0
"--color-primary-500": "98 160 234", // #62a0ea
"--color-primary-600": "88 144 211", // #5890d3
"--color-primary-700": "74 120 176", // #4a78b0
"--color-primary-800": "59 96 140", // #3b608c
"--color-primary-900": "48 78 115", // #304e73
// secondary | #99c1f1
"--color-secondary-50": "240 246 253", // #f0f6fd
"--color-secondary-100": "235 243 252", // #ebf3fc
"--color-secondary-200": "230 240 252", // #e6f0fc
"--color-secondary-300": "214 230 249", // #d6e6f9
"--color-secondary-400": "184 212 245", // #b8d4f5
"--color-secondary-500": "153 193 241", // #99c1f1
"--color-secondary-600": "138 174 217", // #8aaed9
"--color-secondary-700": "115 145 181", // #7391b5
"--color-secondary-800": "92 116 145", // #5c7491
"--color-secondary-900": "75 95 118", // #4b5f76
// tertiary | #f8e45c
"--color-tertiary-50": "254 251 231", // #fefbe7
"--color-tertiary-100": "254 250 222", // #fefade
"--color-tertiary-200": "253 248 214", // #fdf8d6
"--color-tertiary-300": "252 244 190", // #fcf4be
"--color-tertiary-400": "250 236 141", // #faec8d
"--color-tertiary-500": "248 228 92", // #f8e45c
"--color-tertiary-600": "223 205 83", // #dfcd53
"--color-tertiary-700": "186 171 69", // #baab45
"--color-tertiary-800": "149 137 55", // #958937
"--color-tertiary-900": "122 112 45", // #7a702d
// success | #33d17a
"--color-success-50": "224 248 235", // #e0f8eb
"--color-success-100": "214 246 228", // #d6f6e4
"--color-success-200": "204 244 222", // #ccf4de
"--color-success-300": "173 237 202", // #adedca
"--color-success-400": "112 223 162", // #70dfa2
"--color-success-500": "51 209 122", // #33d17a
"--color-success-600": "46 188 110", // #2ebc6e
"--color-success-700": "38 157 92", // #269d5c
"--color-success-800": "31 125 73", // #1f7d49
"--color-success-900": "25 102 60", // #19663c
// warning | #ffa348
"--color-warning-50": "255 241 228", // #fff1e4
"--color-warning-100": "255 237 218", // #ffedda
"--color-warning-200": "255 232 209", // #ffe8d1
"--color-warning-300": "255 218 182", // #ffdab6
"--color-warning-400": "255 191 127", // #ffbf7f
"--color-warning-500": "255 163 72", // #ffa348
"--color-warning-600": "230 147 65", // #e69341
"--color-warning-700": "191 122 54", // #bf7a36
"--color-warning-800": "153 98 43", // #99622b
"--color-warning-900": "125 80 35", // #7d5023
// error | #f66151
"--color-error-50": "254 231 229", // #fee7e5
"--color-error-100": "253 223 220", // #fddfdc
"--color-error-200": "253 216 212", // #fdd8d4
"--color-error-300": "251 192 185", // #fbc0b9
"--color-error-400": "249 144 133", // #f99085
"--color-error-500": "246 97 81", // #f66151
"--color-error-600": "221 87 73", // #dd5749
"--color-error-700": "185 73 61", // #b9493d
"--color-error-800": "148 58 49", // #943a31
"--color-error-900": "121 48 40", // #793028
// surface | #deddda
"--color-surface-50": "250 250 249", // #fafaf9
"--color-surface-100": "248 248 248", // #f8f8f8
"--color-surface-200": "247 247 246", // #f7f7f6
"--color-surface-300": "242 241 240", // #f2f1f0
"--color-surface-400": "232 231 229", // #e8e7e5
"--color-surface-500": "222 221 218", // #deddda
"--color-surface-600": "200 199 196", // #c8c7c4
"--color-surface-700": "167 166 164", // #a7a6a4
"--color-surface-800": "133 133 131", // #858583
"--color-surface-900": "109 108 107", // #6d6c6b
}
}

103
osit_ae_theme_3.ts Normal file
View File

@@ -0,0 +1,103 @@
import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
export const myCustomTheme: CustomThemeConfig = {
name: 'my-custom-theme',
properties: {
// =~= Theme Properties =~=
"--theme-font-family-base": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-family-heading": `Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,
"--theme-font-color-base": "0 0 0",
"--theme-font-color-dark": "255 255 255",
"--theme-rounded-base": "16px",
"--theme-rounded-container": "8px",
"--theme-border-base": "1px",
// =~= Theme On-X Colors =~=
"--on-primary": "0 0 0",
"--on-secondary": "0 0 0",
"--on-tertiary": "0 0 0",
"--on-success": "0 0 0",
"--on-warning": "0 0 0",
"--on-error": "0 0 0",
"--on-surface": "0 0 0",
// =~= Theme Colors =~=
// primary | #3584e4
"--color-primary-50": "225 237 251", // #e1edfb
"--color-primary-100": "215 230 250", // #d7e6fa
"--color-primary-200": "205 224 248", // #cde0f8
"--color-primary-300": "174 206 244", // #aecef4
"--color-primary-400": "114 169 236", // #72a9ec
"--color-primary-500": "53 132 228", // #3584e4
"--color-primary-600": "48 119 205", // #3077cd
"--color-primary-700": "40 99 171", // #2863ab
"--color-primary-800": "32 79 137", // #204f89
"--color-primary-900": "26 65 112", // #1a4170
// secondary | #99c1f1
"--color-secondary-50": "240 246 253", // #f0f6fd
"--color-secondary-100": "235 243 252", // #ebf3fc
"--color-secondary-200": "230 240 252", // #e6f0fc
"--color-secondary-300": "214 230 249", // #d6e6f9
"--color-secondary-400": "184 212 245", // #b8d4f5
"--color-secondary-500": "153 193 241", // #99c1f1
"--color-secondary-600": "138 174 217", // #8aaed9
"--color-secondary-700": "115 145 181", // #7391b5
"--color-secondary-800": "92 116 145", // #5c7491
"--color-secondary-900": "75 95 118", // #4b5f76
// tertiary | #f8e45c
"--color-tertiary-50": "254 251 231", // #fefbe7
"--color-tertiary-100": "254 250 222", // #fefade
"--color-tertiary-200": "253 248 214", // #fdf8d6
"--color-tertiary-300": "252 244 190", // #fcf4be
"--color-tertiary-400": "250 236 141", // #faec8d
"--color-tertiary-500": "248 228 92", // #f8e45c
"--color-tertiary-600": "223 205 83", // #dfcd53
"--color-tertiary-700": "186 171 69", // #baab45
"--color-tertiary-800": "149 137 55", // #958937
"--color-tertiary-900": "122 112 45", // #7a702d
// success | #33d17a
"--color-success-50": "224 248 235", // #e0f8eb
"--color-success-100": "214 246 228", // #d6f6e4
"--color-success-200": "204 244 222", // #ccf4de
"--color-success-300": "173 237 202", // #adedca
"--color-success-400": "112 223 162", // #70dfa2
"--color-success-500": "51 209 122", // #33d17a
"--color-success-600": "46 188 110", // #2ebc6e
"--color-success-700": "38 157 92", // #269d5c
"--color-success-800": "31 125 73", // #1f7d49
"--color-success-900": "25 102 60", // #19663c
// warning | #ffa348
"--color-warning-50": "255 241 228", // #fff1e4
"--color-warning-100": "255 237 218", // #ffedda
"--color-warning-200": "255 232 209", // #ffe8d1
"--color-warning-300": "255 218 182", // #ffdab6
"--color-warning-400": "255 191 127", // #ffbf7f
"--color-warning-500": "255 163 72", // #ffa348
"--color-warning-600": "230 147 65", // #e69341
"--color-warning-700": "191 122 54", // #bf7a36
"--color-warning-800": "153 98 43", // #99622b
"--color-warning-900": "125 80 35", // #7d5023
// error | #f66151
"--color-error-50": "254 231 229", // #fee7e5
"--color-error-100": "253 223 220", // #fddfdc
"--color-error-200": "253 216 212", // #fdd8d4
"--color-error-300": "251 192 185", // #fbc0b9
"--color-error-400": "249 144 133", // #f99085
"--color-error-500": "246 97 81", // #f66151
"--color-error-600": "221 87 73", // #dd5749
"--color-error-700": "185 73 61", // #b9493d
"--color-error-800": "148 58 49", // #943a31
"--color-error-900": "121 48 40", // #793028
// surface | #deddda
"--color-surface-50": "250 250 249", // #fafaf9
"--color-surface-100": "248 248 248", // #f8f8f8
"--color-surface-200": "247 247 246", // #f7f7f6
"--color-surface-300": "242 241 240", // #f2f1f0
"--color-surface-400": "232 231 229", // #e8e7e5
"--color-surface-500": "222 221 218", // #deddda
"--color-surface-600": "200 199 196", // #c8c7c4
"--color-surface-700": "167 166 164", // #a7a6a4
"--color-surface-800": "133 133 131", // #858583
"--color-surface-900": "109 108 107", // #6d6c6b
}
}

6
package-lock.json generated
View File

@@ -29,18 +29,18 @@
"@types/node": "^20.11.18",
"@typescript-eslint/eslint-plugin": "^7.16.0",
"@typescript-eslint/parser": "^7.16.0",
"autoprefixer": "^10.4.17",
"autoprefixer": "^10.4.20",
"eslint": "^8.57.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.24.0",
"highlight.js": "^11.10.0",
"postcss": "^8.4.35",
"postcss": "^8.4.41",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.0",
"svelte-check": "^3.6.0",
"svelte-highlight": "^7.7.0",
"tailwindcss": "^3.4.1",
"tailwindcss": "^3.4.10",
"tslib": "^2.4.1",
"typescript": "^5.0.0",
"typescript-svelte-plugin": "^0.3.39",

6
package.json
View File

@@ -29,18 +29,18 @@
"@types/node": "^20.11.18",
"@typescript-eslint/eslint-plugin": "^7.16.0",
"@typescript-eslint/parser": "^7.16.0",
"autoprefixer": "^10.4.17",
"autoprefixer": "^10.4.20",
"eslint": "^8.57.0",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-svelte": "^2.24.0",
"highlight.js": "^11.10.0",
"postcss": "^8.4.35",
"postcss": "^8.4.41",
"prettier": "^3.1.1",
"prettier-plugin-svelte": "^3.1.2",
"svelte": "^4.2.0",
"svelte-check": "^3.6.0",
"svelte-highlight": "^7.7.0",
"tailwindcss": "^3.4.1",
"tailwindcss": "^3.4.10",
"tslib": "^2.4.1",
"typescript": "^5.0.0",
"typescript-svelte-plugin": "^0.3.39",

6
src/app.html
View File

@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" class="">
<html lang="en" class="light">
<head>
<meta charset="utf-8" />
@@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width" />
<title>OSIT's &AElig; - Dev SvelteKit</title>
<title>OSIT's Aether System (&AElig;) - Built with SvelteKit</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
@@ -23,7 +23,7 @@
%sveltekit.head%
</head>
<body data-sveltekit-preload-data="hover" data-theme="">
<body data-sveltekit-preload-data="hover" data-theme="my-custom-theme">
<div style="display: contents" class="h-full w-full overflow-hidden">%sveltekit.body%</div>
</body>
</html>

12
src/app.postcss
View File

@@ -27,13 +27,13 @@ body {
font-display: swap;
}
:root [data-theme='modern'] {
/* :root [data-theme='modern'] { */
/* --theme-rounded-base: 20px;
--theme-rounded-container: 4px; */
/* --theme-font-family-base: 'Liberation Sans', sans-serif; */
/* --theme-font-family-heading: 'Liberation Sans', sans-serif; */
}
/* } */
.card-footer {
border-top: 1px solid hsla(0, 0%, 0%, 0.5);
@@ -95,18 +95,18 @@ body {
}
/* Remove the background from the body in all cases */
body[data-theme] {
/* body[data-theme] { */
/* background: none; */
/* background-image: none; */
}
/* } */
/* Remove the background from the body if using iframes */
body[data-theme]:has(#page.iframe) {
/* body[data-theme]:has(#page.iframe) { */
/* background: none; */
/* background-image: none; */
/* background-image: url('https://static.oneskyit.com/c/CHOW/images/CHOW_2024_yellow_background.png'); */
/* background-size: cover; */
}
/* } */
main {
/* background: none;

1
src/lib/ae_events_stores.ts
View File

@@ -199,6 +199,7 @@ let events_local_data_struct: key_val = {
show_content__presenter_qr: false,
show_content__session_description: false,
show_content__session_help: true,
show_content__session_search_view: null,
show_content__session_search_help: true,
show_content__session_view: null,
show_content__session_qr: true,

4
src/lib/ae_stores.ts
View File

@@ -110,8 +110,8 @@ export let ae_app_local_data_struct: key_val = {
'show_element__cfg': true,
'show_element__cfg_detail': false,
'show_element__access_type': true,
'theme_mode': 'dark',
'theme_name': 'wintry',
'theme_mode': 'light',
'theme_name': 'wintry', // wintry
'classes__form': 'border border-surface-200 p-4 space-y-4 rounded-container-token',

11
src/lib/ae_string_snippets.ts
View File

@@ -18,10 +18,15 @@ string_snippets['classes__core_menu__button_warning'] = 'btn btn-sm mx-1 variant
// string_snippets['classes__events_pres_mgmt_menu'] = 'flex flex-col items-center space-y-1 border border-blue-200 rounded-md py-1 px-2 hover:bg-blue-100 transition-all duration-700 hover:duration-300';
string_snippets['classes__events_pres_mgmt_menu'] = 'w-full flex flex-col items-center gap-1 border border-gray-200 rounded-md p-1 hover:bg-gray-100 transition-all duration-700 hover:duration-300';
string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 variant-ghost-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-glass-secondary hover:variant-filled-secondary';
string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 hover:variant-filled-primary';
// string_snippets['classes__events_pres_mgmt_menu__button'] = 'btn btn-sm mx-1 variant-soft-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
// string_snippets['classes__events_pres_mgmt_menu__button_special'] = 'btn btn-sm mx-1 variant-ghost-tertiary text-info-300 hover:text-info-800 hover:variant-filled-tertiary';
string_snippets['classes__events_pres_mgmt_menu__button_highlight'] = 'btn btn-sm mx-1 variant-filled-tertiary text-info-300 hover:text-info-800';
string_snippets['classes__events_pres_mgmt_menu__button_warning'] = 'btn btn-sm mx-1 variant-soft-warning text-info-300 hover:text-info-800';
string_snippets['classes__events_pres_mgmt_menu__button_warning_special'] = 'btn btn-sm mx-1 variant-ghost-warning text-info-300 hover:text-info-800';
string_snippets['classes__events_pres_mgmt_menu__button_warning_special'] = 'btn btn-sm mx-1 variant-glass-warning';
// export string_snippets;

34
src/lib/element_app_cfg.svelte
View File

@@ -26,24 +26,24 @@ onMount(() => {
}
});
$: if ($slct_trigger == 'set_theme_mode' && $ae_loc?.hub?.theme_mode) {
console.log(`$ae_loc.hub.theme_mode=${$ae_loc?.hub?.theme_mode}`);
$slct_trigger = null;
if ($ae_loc.hub.theme_mode == 'light') {
document.documentElement.classList.remove('dark');
document.documentElement.classList.add('light');
} else if ($ae_loc.hub.theme_mode == 'dark') {
document.documentElement.classList.remove('light');
document.documentElement.classList.add('dark');
}
}
// $: if ($slct_trigger == 'set_theme_mode' && $ae_loc?.hub?.theme_mode) {
// console.log(`$ae_loc.hub.theme_mode=${$ae_loc?.hub?.theme_mode}`);
// $slct_trigger = null;
// if ($ae_loc.hub.theme_mode == 'light') {
// document.documentElement.classList.remove('dark');
// document.documentElement.classList.add('light');
// } else if ($ae_loc.hub.theme_mode == 'dark') {
// document.documentElement.classList.remove('light');
// document.documentElement.classList.add('dark');
// }
// }
$: if ($slct_trigger == 'set_theme_name' && $ae_loc?.hub?.theme_name) {
console.log(`$ae_loc?.hub?.theme_name=${$ae_loc?.hub?.theme_name}`);
$slct_trigger = null;
// Update the body attribute named "data-theme" to the current theme name.
document.body.setAttribute('data-theme', $ae_loc?.hub?.theme_name);
}
// $: if ($slct_trigger == 'set_theme_name' && $ae_loc?.hub?.theme_name) {
// console.log(`$ae_loc?.hub?.theme_name=${$ae_loc?.hub?.theme_name}`);
// $slct_trigger = null;
// // Update the body attribute named "data-theme" to the current theme name.
// document.body.setAttribute('data-theme', $ae_loc?.hub?.theme_name);
// }
// $: if (entered_passcode && entered_passcode.length >= 5) {
// console.log(`entered_passcode=${entered_passcode}`);

2
src/routes/events_pres_mgmt/(launcher)/launcher/[slug]/launcher_session_view.svelte
View File

@@ -26,7 +26,7 @@ export let lq__event_location_obj: any;
// export let lq_get__event_presenter_obj_li: any;
export let lq__event_session_obj: any;
// let load_event_session_obj = ({
// let load_event_session_obj = events_func.load_ae_obj_id__event_session({
// api_cfg: $ae_api,
// event_session_id: $events_loc.launcher.slct.event_session_id,
// inc_presenter_li: false,

33
src/routes/events_pres_mgmt/event_page_menu.svelte
View File

@@ -54,6 +54,35 @@ let ae_triggers: key_val = {};
<span
class="ae_menu__object_options flex flex-row items-center justify-around"
>
<!-- Button to toggle between the regular event session search view and managing event files -->
<button
type="button"
on:click={() => {
if ($events_loc.pres_mgmt.show_content__session_search_view == 'manage_files') {
$events_loc.pres_mgmt.show_content__session_search_view = null;
} else {
$events_loc.pres_mgmt.show_content__session_search_view = 'manage_files';
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__session_search_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__session_search_view != 'manage_files'}
class:hidden={!$ae_loc.trusted_access}
title="Manage files for the session"
>
{#if $events_loc.pres_mgmt.show_content__session_search_view == 'manage_files'}
<span class="fas fa-users m-1"></span>
<!-- View Details -->
Session Presenters?
{:else}
<span class="fas fa-file-archive m-1"></span>
Session Files?
<!-- <span> -->
{$lq__event_obj?.file_count ? `(${$lq__event_obj?.file_count})` : ''}
<!-- </span> -->
{/if}
</button>
<!-- Button to toggle between showing and not showing the extended options menu -->
<button
type="button"
@@ -65,6 +94,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the presenter"
>
@@ -89,6 +120,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session_search == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session_search != 'help'}
title="Help and information about the session search"
>
<span class="fas fa-question-circle m-1"></span>

4
src/routes/events_pres_mgmt/event_reports_page_menu.svelte
View File

@@ -54,6 +54,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__event_reports == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__event_reports != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the presenter"
>
@@ -78,6 +80,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__event_reports == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__event_reports != 'help'}
title="Help and information about the reports"
>
<span class="fas fa-question-circle mx-1"></span>

12
src/routes/events_pres_mgmt/presenter_page_menu.svelte
View File

@@ -60,16 +60,18 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__presenter_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__presenter_view != 'manage_files'}
class:hidden={!$ae_loc.authenticated_access}
title="Manage files for the presenter"
>
{#if $events_loc.pres_mgmt.show_content__presenter_view == 'manage_files'}
<span class="fas fa-info m-1"></span>
<!-- View Details -->
Presenter Info
Presenter Info?
{:else}
<span class="fas fa-file-archive m-1"></span>
Presenter Files
Presenter Files?
<!-- <span> -->
{$lq__event_presenter_obj?.file_count ? `(${$lq__event_presenter_obj?.file_count})` : ''}
<!-- </span> -->
@@ -87,6 +89,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__presenter == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__presenter != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the presenter"
>
@@ -111,8 +115,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button} transition-all hover:transition-all *:hover:inline"
class:variant-ghost-success={$events_loc.pres_mgmt.show_menu__presenter == 'help'}
class:variant-ringed-warning={true}
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__presenter == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__presenter != 'help'}
title="Help and information about the presenter"
>
<span class="fas fa-question-circle m-1"></span>

14
src/routes/events_pres_mgmt/session_page_menu.svelte
View File

@@ -41,7 +41,7 @@ let ae_triggers: key_val = {};
</span>
<span
class="ae_menu__object_options"
class="ae_menu__object_options flex flex-row items-center justify-around"
>
<!-- Button to toggle between the regular session view and managing session files -->
<button
@@ -54,16 +54,18 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button_special}"
class:hidden={!$ae_loc.authenticated_access}
class:variant-filled-primary={$events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
class:variant-glass-primary={$events_loc.pres_mgmt.show_content__session_view != 'manage_files'}
class:hidden={!$ae_loc.trusted_access}
title="Manage files for the session"
>
{#if $events_loc.pres_mgmt.show_content__session_view == 'manage_files'}
<span class="fas fa-users m-1"></span>
<!-- View Details -->
Session Presenters
Session Presenters?
{:else}
<span class="fas fa-file-archive m-1"></span>
Session Files
Session Files?
<!-- <span> -->
{$lq__event_session_obj?.file_count ? `(${$lq__event_session_obj?.file_count})` : ''}
<!-- </span> -->
@@ -80,6 +82,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'options'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'options'}
class:hidden={!$ae_loc.trusted_access}
title="Options for the session"
>
@@ -102,6 +106,8 @@ let ae_triggers: key_val = {};
}
}}
class="{ae_snip.classes__events_pres_mgmt_menu__button}"
class:variant-filled-secondary={$events_loc.pres_mgmt.show_menu__session == 'help'}
class:variant-glass-secondary={$events_loc.pres_mgmt.show_menu__session != 'help'}
title="Help and information about the session"
>
<span class="fas fa-question-circle m-1"></span>

2
svelte.config.js
View File

@@ -1,6 +1,6 @@
// import adapter from '@sveltejs/adapter-auto';
import adapter_node from '@sveltejs/adapter-node';
import adapter_static from '@sveltejs/adapter-static';
// import adapter_static from '@sveltejs/adapter-static';
import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
/** @type {import('@sveltejs/kit').Config} */

5
tailwind.config.ts
View File

@@ -4,6 +4,8 @@ import forms from '@tailwindcss/forms';
import typography from '@tailwindcss/typography';
import { skeleton } from '@skeletonlabs/tw-plugin'
import { myCustomTheme } from './osit_ae_theme_3'
export default {
darkMode: 'class',
content: ['./src/**/*.{html,js,svelte,ts}', join(require.resolve('@skeletonlabs/skeleton'), '../**/*.{html,js,svelte,ts}')],
@@ -30,6 +32,9 @@ export default {
typography,
skeleton({
themes: {
custom: [
myCustomTheme
],
preset: [
{
name: 'gold-nouveau',