Skip to content

Commit

Permalink
Player section added
Browse files Browse the repository at this point in the history
  • Loading branch information
@lucasgdb
lucasgdb committed Nov 16, 2018
1 parent dcb7574 commit 42f3ccb
Show file tree
Hide file tree
Showing 11 changed files with 389 additions and 113 deletions.
1 change: 1 addition & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@
- Copy/paste decks directly into the game
- Remove cards that you don't have
- Filter between arena, rarity and type
- Login using your Clash Royale ID for stats view
- See your next chests after battle
- Open source
- Easy to use
Expand Down
87 changes: 63 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<html lang="en" manifest="manifest.appcache">

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="The Deck Royale is an online tool that build random and smart decks for Clash Royale game. Perfect for friendly battles and much more." />
<meta name="keywords" content="deck,deck builder,deck build,build,card,cards,save deck,card selector,gerador,derador de deck,deck building" />
<meta name="description" content="The Deck Royale is an online tool that build random and smart decks and much more for Clash Royale game" />
<meta name="keywords" content="player,stats,chests,bau,next,proximo,deck,deck builder,deck build,build,card,cards,save deck,card selector,gerador,derador de deck,deck building" />
<meta name="author" content="Lucas Naja" />
<meta name="robots" content="index,follow,noodp" />
<meta name="robots" content="noydir" />
<meta name="slurp" content="noydir" />
<title>Deck Builder for Clash Royale</title>
<title>OnLine Tools for Clash Royale</title>
<link rel="manifest" href="./manifest.json" />
<link rel="stylesheet" href="./src/styles.css" />
<link rel="stylesheet" href="./src/css/styles.css" />
<link rel="icon" href="./icon.png" />
<link rel="shortcut icon" href="./icon.png" />
</head>
Expand Down Expand Up @@ -45,10 +45,12 @@ <h1>Configurations</h1>
<section>
<div><input type="checkbox" id="construction" /> <label for="construction">All construction cards</label></div>
</section>

<button title="Change cards base on your account" onclick="basedCards()">Based on my cards</button>
</section>
</section>

<div class="lds-ring">
<div title="Loading" class="lds-ring">
<div></div>
<div></div>
<div></div>
Expand All @@ -66,38 +68,42 @@ <h1>Coded by <a href="http://youtube.com/c/LucasNaja/" target="_blank" rel="noop
<path fill="#fff" d="M22.61,19L13.53,9.91C14.46,7.57 14,4.81 12.09,2.91C9.79,0.61 6.21,0.4 3.66,2.26L7.5,6.11L6.08,7.5L2.25,3.69C0.39,6.23 0.6,9.82 2.9,12.11C4.76,13.97 7.47,14.46 9.79,13.59L18.9,22.7C19.29,23.09 19.92,23.09 20.31,22.7L22.61,20.4C23,20 23,19.39 22.61,19M19.61,20.59L10.15,11.13C9.54,11.58 8.86,11.85 8.15,11.95C6.79,12.15 5.36,11.74 4.32,10.7C3.37,9.76 2.93,8.5 3,7.26L6.09,10.35L10.33,6.11L7.24,3C8.5,2.95 9.73,3.39 10.68,4.33C11.76,5.41 12.17,6.9 11.92,8.29C11.8,9 11.5,9.66 11.04,10.25L20.5,19.7L19.61,20.59Z" />
</svg>
Deck Builder</button>
<button title="Card selector" onclick="closeNav(); switchContainer(selectSection); if (history.state !== 1) history.pushState(1, 'changed')">
<button title="Player" onclick="closeNav(); switchContainer(playerSection); if (history.state !== 1) history.pushState(1, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,6A2,2 0 0,0 10,8A2,2 0 0,0 12,10A2,2 0 0,0 14,8A2,2 0 0,0 12,6M12,13C14.67,13 20,14.33 20,17V20H4V17C4,14.33 9.33,13 12,13M12,14.9C9.03,14.9 5.9,16.36 5.9,17V18.1H18.1V17C18.1,16.36 14.97,14.9 12,14.9Z" />
</svg>
Player</button>
<button title="Card selector" onclick="closeNav(); switchContainer(selectSection); if (history.state !== 2) history.pushState(2, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M19.78,2.2L24,6.42L8.44,22L0,13.55L4.22,9.33L8.44,13.55L19.78,2.2M19.78,5L8.44,16.36L4.22,12.19L2.81,13.55L8.44,19.17L21.19,6.42L19.78,5Z" />
</svg>
Card selector</button>
<button title="Decks saved" onclick="closeNav(); switchContainer(savedSection); if (history.state !== 2) history.pushState(2, 'changed')">
<button title="Decks saved" onclick="closeNav(); switchContainer(savedSection); if (history.state !== 3) history.pushState(3, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M15,5V9H5V19H9.35C8.5,18.27 8,17.19 8,16A4,4 0 0,1 12,12A4,4 0 0,1 16,16C16,17.19 15.5,18.27 14.65,19H19V7.83L16.17,5H15M5,7H13V5H5V7M17,3L21,7V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5A2,2 0 0,1 5,3H17M12,14A2,2 0 0,0 10,16A2,2 0 0,0 12,18A2,2 0 0,0 14,16A2,2 0 0,0 12,14Z" />
</svg>
Decks saved</button>
<button title="Best decks" onclick="closeNav(); switchContainer(bestSection); if (history.state !== 3) history.pushState(3, 'changed')">
<button title="Best decks" onclick="closeNav(); switchContainer(bestSection); if (history.state !== 4) history.pushState(4, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M2,2V11C2,12 3,13 4,13H6.2C6.6,15 7.9,16.7 11,17V19.1C8.8,19.3 8,20.4 8,21.7V22H16V21.7C16,20.4 15.2,19.3 13,19.1V17C16.1,16.7 17.4,15 17.8,13H20C21,13 22,12 22,11V2H18C17.1,2 16,3 16,4H8C8,3 6.9,2 6,2H2M4,4H6V6L6,11H4V4M18,4H20V11H18V6L18,4M8,6H16V11.5C16,13.43 15.42,15 12,15C8.59,15 8,13.43 8,11.5V6Z" />
</svg>
Best decks</button>
<button title="Next chests" onclick="closeNav(); switchContainer(chestSection); if (history.state !== 4) history.pushState(4, 'changed')">
<button title="Next chests" onclick="closeNav(); switchContainer(chestSection); if (history.state !== 5) history.pushState(5, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M12,2C14.3,2 16.3,4 16.3,6.2C16.21,8.77 14.34,9.83 14.04,10C15.04,9.5 16.5,9.5 16.5,9.5C19,9.5 21,11.3 21,13.8C21,16.3 19,18 16.5,18C16.5,18 15,18 13,17C13,17 12.7,19 15,22H9C11.3,19 11,17 11,17C9,18 7.5,18 7.5,18C5,18 3,16.3 3,13.8C3,11.3 5,9.5 7.5,9.5C7.5,9.5 8.96,9.5 9.96,10C9.66,9.83 7.79,8.77 7.7,6.2C7.7,4 9.7,2 12,2Z" />
</svg>
Next chests</button>
<button title="Themes" onclick="closeNav(); switchContainer(configSection); if (history.state !== 5) history.pushState(5, 'changed')">
<button title="Themes" onclick="closeNav(); switchContainer(configSection); if (history.state !== 6) history.pushState(6, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M20,11H23V13H20V11M1,11H4V13H1V11M13,1V4H11V1H13M4.92,3.5L7.05,5.64L5.63,7.05L3.5,4.93L4.92,3.5M16.95,5.63L19.07,3.5L20.5,4.93L18.37,7.05L16.95,5.63M12,6A6,6 0 0,1 18,12C18,14.22 16.79,16.16 15,17.2V19A1,1 0 0,1 14,20H10A1,1 0 0,1 9,19V17.2C7.21,16.16 6,14.22 6,12A6,6 0 0,1 12,6M14,21V22A1,1 0 0,1 13,23H11A1,1 0 0,1 10,22V21H14M11,18H13V15.87C14.73,15.43 16,13.86 16,12A4,4 0 0,0 12,8A4,4 0 0,0 8,12C8,13.86 9.27,15.43 11,15.87V18Z" />
</svg>
Themes</button>
<button title="About" onclick="closeNav(); switchContainer(aboutSection); if (history.state !== 6) history.pushState(6, 'changed')">
<button title="About" onclick="closeNav(); switchContainer(aboutSection); if (history.state !== 7) history.pushState(7, 'changed')">
<svg viewBox="0 0 24 24">
<path fill="#fff" d="M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" />
</svg>
About</button>
<a title="Star on GitHub" class="github-button" href="https://github.com/lucasnaja/deck-royale" data-icon="octicon-star"
data-size="large" data-show-count="true" aria-label="Star lucasnaja/deck-royale on GitHub">Star</a>
<a class="github-button" href="https://github.com/lucasnaja/deck-royale" data-size="large" aria-label="Star lucasnaj/deck-royale on GitHub">Star</a>
</nav>

<section class="builderSection">
Expand Down Expand Up @@ -180,6 +186,25 @@ <h2>None card selected</h2>
</section>
</section>

<section class="playerSection">
<section class="idContainer">
<div class="idCenter">
<p>User ID: </p><input type="text" size="9" placeholder="E.g: 82YPPYVOQ" id="idPlayer" /> <button id="showPlayer"
title="Login" onclick="login()">Login</button>
<div title="Loading" class="player-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</section>

<section class="playerContainer">

</section>
</section>

<section oncontextmenu="showConfig()" class="selectSection">
<div>
<button title="Mark all">Mark all cards</button>
Expand Down Expand Up @@ -208,8 +233,14 @@ <h2 class="noneDeck">None deck in this area.</h2>
<section class="chestSection">
<section class="idContainer">
<div class="idCenter">
<p>User ID: </p><input type="text" size="9" placeholder="E.g: 82YPPYVOQ" id="id" /> <button id="showChests" onclick="showChests()"
title="Show next chests">Show</button>
<p>User ID: </p><input type="text" size="9" placeholder="E.g: 82YPPYVOQ" id="idUser" /> <button id="showChests"
onclick="showChests()" title="Show next chests">Show</button>
<div title="Loading" class="chest-ring">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
</section>

Expand Down Expand Up @@ -244,11 +275,8 @@ <h2>• Fully free<br />
• Copy/paste decks directly into the game<br />
• Remove cards that you don't have<br />
• Filter between arena, rarity and type<br />
• Login using your Clash Royale ID for stats view<br />
• See your next chests after battle<br />
• Available on <a class="effect" href="" target="_blank" rel="noopener noreferrer">Linux</a> and
<a class="effect" href="" target="_blank" rel="noopener noreferrer">Windows</a>

<br />
• <a class="effect" href="https://github.com/LucasNaja/deck-royale/" target="_blank" rel="noopener noreferrer">Open
source</a><br />
• Easy to use<br />
Expand All @@ -264,14 +292,25 @@ <h3>Portfolio: <a class="effect" href="http://lucasnaja.github.io/portfolio-reac

<h1><strong>Deck Builder</strong> for Clash Royale</h1>
<p>Deck Royale is a <strong>Deck Builder</strong> for Clash Royale game that makes easier your friendly and personal
battles.</p>
battles and much more!</p>
<h4>v0.3.0</h4>
</section>

<noscript>Please, active your JavaScript to work!</noscript>
<script async src="./src/jquery-3.3.1.min.js"></script>
<script async defer src="./src/scripts.js"></script>
<script async src="./src/buttons.js"></script>
<script>
if (typeof module === 'object') {
window.module = module;
module = undefined;
}

</script>
<script src="./src/js/jquery-3.3.1.min.js"></script>
<script async defer src="./src/js/scripts.js"></script>
<script async src="./src/js/buttons.js"></script>
<script>
if (window.module) module = window.module;

</script>
</body>

</html>
118 changes: 118 additions & 0 deletions manifest.appcache
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
CACHE MANIFEST
# 0.3.0

CACHE:
./icon.png
./manifest.json
./src/js/buttons.js
./src/js/delete.js
./src/js/render.js
./src/css/Roboto-Regular.ttf
./src/js/save.js
./src/js/scripts.js
./src/js/jquery-3.3.1.min.js
./src/css/styles.css
./images/epic.png
./images/giant.png
./images/gold.png
./images/legendary.png
./images/magical.png
./images/silver.png
./images/superMagical.png
./images/config.png
./images/witch_opt-min.png
./images/skeleton-army_opt-min.png
./images/baby-dragon_opt-min.png
./images/prince_opt-min.png
./images/giant_opt-min.png
./images/musketeer_opt-min.png
./images/mini-pekka_opt-min.png
./images/fireball_opt-min.png
./images/knight_opt-min.png
./images/archers_opt-min.png
./images/minions_opt-min.png
./images/arrows_opt-min.png
./images/hunter_opt-min.png
./images/goblin-barrel_opt-min.png
./images/hog-rider_opt-min.png
./images/goblin-hut_opt-min.png
./images/goblins_opt-min.png
./images/spear-goblins_opt-min.png
./images/balloon_opt-min.png
./images/giant-skeleton_opt-min.png
./images/valkyrie_opt-min.png
./images/tombstone_opt-min.png
./images/skeletons_opt-min.png
./images/bomber_opt-min.png
./images/golem_opt-min.png
./images/barbarian-barrel_opt-min.png
./images/battle-ram_opt-min.png
./images/barbarian-hut_opt-min.png
./images/barbarians_opt-min.png
./images/cannon_opt-min.png
./images/lava-hound_opt-min.png
./images/miner_opt-min.png
./images/pekka_opt-min.png
./images/lightning_opt-min.png
./images/mega-minion_opt-min.png
./images/inferno-tower_opt-min.png
./images/minion-horde_opt-min.png
./images/zap_opt-min.png
./images/night-witch_opt-min.png
./images/graveyard_opt-min.png
./images/freeze_opt-min.png
./images/poison_opt-min.png
./images/wizard_opt-min.png
./images/furnace_opt-min.png
./images/fire-spirits_opt-min.png
./images/bats_opt-min.png
./images/inferno-dragon_opt-min.png
./images/the-log_opt-min.png
./images/cannon-cart_opt-min.png
./images/x-bow_opt-min.png
./images/flying-machine_opt-min.png
./images/rocket_opt-min.png
./images/skeleton-barrel_opt-min.png
./images/mortar_opt-min.png
./images/princess_opt-min.png
./images/royal-ghost_opt-min.png
./images/guards_opt-min.png
./images/dark-prince_opt-min.png
./images/three-musketeers_opt-min.png
./images/heal_opt-min.png
./images/royal-giant_opt-min.png
./images/royal-recruits_opt-min.png
./images/ice-wizard_opt-min.png
./images/lumberjack_opt-min.png
./images/bowler_opt-min.png
./images/tornado_opt-min.png
./images/ice-golem_opt-min.png
./images/elixir-collector_opt-min.png
./images/ice-spirit_opt-min.png
./images/giant-snowball_opt-min.png
./images/bandit_opt-min.png
./images/executioner_opt-min.png
./images/goblin-giant_opt-min.png
./images/dart-goblin_opt-min.png
./images/goblin-gang_opt-min.png
./images/rascals_opt-min.png
./images/mega-knight_opt-min.png
./images/magic-archer_opt-min.png
./images/rage_opt-min.png
./images/royal-hogs_opt-min.png
./images/bomb-tower_opt-min.png
./images/elite-barbarians_opt-min.png
./images/sparky_opt-min.png
./images/electro-wizard_opt-min.png
./images/electro-dragon_opt-min.png
./images/mirror_opt-min.png
./images/clone_opt-min.png
./images/zappies_opt-min.png
./images/tesla_opt-min.png
./images/info.png
./images/none-card_opt-min.png
./images/undefined_opt-min.png
./images/logo.png

NETWORK:
*
0 src/Roboto-Regular.ttf → src/css/Roboto-Regular.ttf
View file
File renamed without changes.
Loading

1 comment on commit 42f3ccb

@vercel
Copy link

@vercel vercel bot commented on 42f3ccb Nov 16, 2018

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully aliased the URL https://deck-xtdgiirxig.now.sh to the following alias.

Please sign in to comment.