Migrate all old footers to Vue component

This commit is contained in:
Andrei Andreev 2018-09-17 15:19:26 +02:00
parent f667b4af09
commit b0b3e59f1f
3 changed files with 16 additions and 211 deletions

View File

@ -320,22 +320,7 @@
</tr>
</table>
<div style="height: 60px;"></div>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div class="eternitytab" id="eternityupgrades">
<br>
@ -375,21 +360,7 @@
</tr>
</table>
<div><button class="storebtn" onclick="buyMaxEPMult()" style="height: 25px; width: 190px; font-size:10px; margin-top: -3px;">Max EP mult</button></div>
<div id="footercontainer">
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links sticky="true"></footer-links>
</div>
<div class="eternitytab" id="milestones">
<table class="table" align="center" style="margin: auto" id="milestones">
@ -474,21 +445,7 @@
<td><button class="milestonerewardlocked" id="reward23">Unlock autobuyer for Eternities</button></td>
</tr>
</table>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div class="eternitytab" id="dilation" style="font-size: 11px">
<canvas id="dilationCanvas"></canvas>
@ -544,21 +501,7 @@
</td>
</tr>
</table>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
</div>
<div id="dimensions" class="tab">
@ -947,23 +890,7 @@
<canvas id="normalDimChart" width="1500" height="500" style="user-select: none;"></canvas>
<b>Exponents of antimatter per second</b>
</div>
<div id="footercontainer">
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links sticky="true"></footer-links>
</div>
<div id="options" class="tab" align="center">
<br>
@ -980,7 +907,7 @@
<br>
Hotkeys do not work while holding control.
</p>
<footer-links></footer-links>
<footer-links sticky="true"></footer-links>
</div>
<div id="statistics" class="tab" align="center" style="color: black; font-size: 12px; font-family: Typewriter; margin: 0 auto">
<br>
@ -1101,22 +1028,7 @@
<div id="averageRealityRun"></div>
<br>
</div>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div id="achievements" class="tab">
<table class="table" align="center" style="margin: auto" id="achTabButtons">
@ -1606,22 +1518,7 @@
</tr>
</table>
</div>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div id="challenges" class="tab">
<br>
@ -2123,19 +2020,7 @@
</tr>
</table>
</div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
<footer-links></footer-links>
</div>
<div id="infinity" class="tab" align="center" style="display: none">
<br>
@ -2212,22 +2097,7 @@
<br>
<div><button id="infiMult" class="infinimultbtn">Multiply infinity points from all sources by 2 <br>currently: <br>Cost: 100 IP</button></div>
<div><button id="infmultbuyer" class="storebtn" onclick="infMultAutoToggle()" style="display:none; height: 25px; width: 190px; font-size:10px; margin-top: 3px;">Autobuy IP mult ON</button></div>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> |
<a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div id="autobuyers" class="inftab">
@ -2548,22 +2418,7 @@
<input type="checkbox" class="checkbox" onchange="updateAutobuyers()" id="13ison"></input>
</div>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div id="postinf" class="inftab" align="center">
<br>
@ -2627,22 +2482,7 @@
</td>
</tr>
</table>
<div>
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links></footer-links>
</div>
<div id="replicantis" class="inftab">
<br>
@ -2665,22 +2505,7 @@
<br>
<button class="storebtn" id="replicantiresettoggle" onclick="replicantiGalaxyAutoToggle()" style="width: 200px; height: 25px; font-size: 12px; display: none">Auto galaxy OFF</button>
</div>
<div id="footercontainer">
<table id="footer">
<tr>
<td>
<div style="text-align:center">
<a href="howto.html" target="_newtab">How to play </a> |
<a href="about.html" target="_newtab" onclick="giveAchievement('A sound financial decision')">Donate </a> |
<a href="changelog.html" target="_newtab">Changelog </a> |
<a href="https://discord.gg/ST9NaXa" target="_newtab">Discord</a> |
<a href="https://www.reddit.com/r/AntimatterDimensions/" target="_newtab">Subreddit</a> | <a href="https://ivark.github.io/savefixer/index.html" target="_newtab">Savefixer</a>
</div>
</td>
</tr>
</table>
</div>
<footer-links sticky="true"></footer-links>
</div>
</div>

View File

@ -1,6 +1,7 @@
Vue.component('footer-links', {
props: ['sticky'],
template:
'<div class="footercontainer">\
'<div :class="{ \'sticky-footer\': sticky }">\
<table class="footer">\
<tr>\
<td>\

View File

@ -730,28 +730,7 @@ button {
display: none;
}
#footercontainer {
bottom: 0;
position: fixed;
width: 100%;
z-index: 1;
pointer-events: none;
}
#footer {
height: 50px;
margin: auto;
text-align:center;
font-size: 15px;
font-family: Typewriter;
}
#footer tr td div {
pointer-events: all !important;
}
.footercontainer {
.sticky-footer {
bottom: 0;
position: fixed;
width: 100%;