-
Notifications
You must be signed in to change notification settings - Fork 5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Browse files
Browse the repository at this point in the history
* Feature/issue-1157/player-stats (#1290) * Googlebot fix apply (#1291) * test: #1231; * test: #1231; layout reorder; * test: #1231; single column; * test: #1231; splash; * test: #1231; splash google-vot check; * test: #1231; splash google-bot check; * test: #1231; splash google-bot check; * test: #1231; splash google-bot check; * test: #1231; splash google-bot check (revert); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont); * test: #1231; splash google-bot check (cont);
- Loading branch information
Showing
28 changed files
with
2,209 additions
and
49 deletions.
There are no files selected for viewing
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
166 changes: 166 additions & 0 deletions
166
src/lib/components/page/player/statistics/Statistics-Loader.svelte
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,166 @@ | ||
<!-- =============== | ||
COMPONENT JS (w/ TS) | ||
=================--> | ||
|
||
<script lang="ts"> | ||
//#region ➤ [MAIN] Package Imports | ||
// IMPORTS GO HERE | ||
import PstatBLoaderRatingGrid from "./loaders/PSTAT-BLoader-RatingGrid.svelte"; | ||
import PstatLoaderLeftMBoxRow from "./loaders/PSTAT-Loader-Left-M-Box-Row.svelte"; | ||
import PstatLoaderLeftTBoxRow from "./loaders/PSTAT-Loader-Left-T-Box-Row.svelte"; | ||
import PstatLoaderLeftMainBox from "./loaders/PSTAT-Loader-LeftMainBox.svelte"; | ||
import PstatLoaderRightMBoxRow from "./loaders/PSTAT-Loader-Right-M-Box-Row.svelte"; | ||
import PstatLoaderRightTBoxRow from "./loaders/PSTAT-Loader-Right-T-Box-Row.svelte"; | ||
import PstatLoaderRightMainBox from "./loaders/PSTAT-Loader-RightMainBox.svelte"; | ||
//#endregion ➤ [MAIN] Package Imports | ||
//#region ➤ [VARIABLES] | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
// COMPONENT VARIABLES | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
//#endregion ➤ [VARIABLES] | ||
//#region ➤ [METHODS] | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
// COMPONENT METHODS | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
// VIEWPORT CHANGES | ||
// ~~~~~~~~~~~~~~~~~~~~~ | ||
//#endregion ➤ [METHODS] | ||
//#region ➤ [ONE-OFF] [METHODS] [IF] | ||
//#endregion ➤ [ONE-OFF] [METHODS] [IF] | ||
//#region ➤ [REACTIVIY] [METHODS] | ||
//#endregion ➤ [REACTIVIY] [METHODS] | ||
//#region ➤ SvelteJS/SvelteKit [LIFECYCLE] | ||
//#endregion ➤ SvelteJS/SvelteKit [LIFECYCLE] | ||
</script> | ||
|
||
<!-- =============== | ||
COMPONENT HTML | ||
NOTE: [HINT] use (CTRL+SPACE) to select a (class) (id) style | ||
=================--> | ||
|
||
<div | ||
id="player-fixture-loader" | ||
class="widget-component"> | ||
<!-- | ||
Top Main Loader Row | ||
--> | ||
<div | ||
class=" | ||
row-space-out | ||
m-b-20 | ||
"> | ||
<div | ||
class=" | ||
m-r-16 | ||
" | ||
> | ||
<PstatLoaderLeftMainBox /> | ||
</div> | ||
<PstatLoaderRightMainBox /> | ||
</div> | ||
<!-- | ||
Avg. Rating | ||
Fixtures Icons | ||
Fixtures Grid Ratings | ||
--> | ||
<div | ||
class=" | ||
m-b-25 | ||
"> | ||
<PstatBLoaderRatingGrid/> | ||
</div> | ||
<!-- | ||
Rows loaders | ||
--> | ||
<div> | ||
{#each { length: 6 } as _, i} | ||
<div | ||
class=" | ||
loader-box | ||
m-t-15 | ||
m-b-16 | ||
row-space-out | ||
" | ||
style=" | ||
border-top: 1px solid #E6E6E6; | ||
padding-top: 14px; | ||
" | ||
> | ||
<PstatLoaderLeftTBoxRow /> | ||
<PstatLoaderRightTBoxRow /> | ||
</div> | ||
{#each { length: 4 } as _, i} | ||
<div | ||
class=" | ||
m-b-16 | ||
row-space-out | ||
" | ||
> | ||
<PstatLoaderLeftMBoxRow /> | ||
<PstatLoaderRightMBoxRow /> | ||
</div> | ||
{/each} | ||
{/each} | ||
</div> | ||
</div> | ||
|
||
<!-- =============== | ||
COMPONENT STYLE | ||
NOTE: [HINT] auto-fill/auto-complete iniside <style> for var() values by typing/(CTRL+SPACE) | ||
=================--> | ||
|
||
<style> | ||
.widget-component { | ||
padding: 20px; | ||
} | ||
:global(div.livescores-fixture-row-loader) { | ||
border-top: 1px solid var(--grey-color); | ||
padding-top: 20px; | ||
padding-bottom: 10px; | ||
padding: 20px; | ||
text-align: center; | ||
} | ||
/* | ||
============= | ||
RESPONSIVNESS | ||
============= | ||
*/ | ||
@media only screen and (min-width: 768px) { | ||
.widget-component { | ||
margin-top: 40px; | ||
} | ||
} | ||
/* | ||
============= | ||
DARK-THEME | ||
============= | ||
*/ | ||
:global(.dark-background div.livescores-fixture-row-loader) { | ||
border-top: 1px solid var(--dark-theme-1-shade); | ||
} | ||
</style> |
Oops, something went wrong.