Add donation tab

This commit is contained in:
Tamius Han 2019-06-03 00:34:42 +02:00
parent 5bcdfac16b
commit 8231174f57
3 changed files with 25 additions and 2 deletions

View File

@ -0,0 +1,17 @@
<template>
<div>
<p><i><a href="https://www.youtube.com/watch?v=Mn3YEJTSYs8&feature=youtu.be&t=770" target='_blank'>...</a> but as is normal, you can't use a free extensions without the developers begging for money. It's the bi-daily beggathon here on ... wherever here is.</i>
</p>
<p>
Jokes and references few will get aside, developing this extension does take a decent amount of time, motivation, carefully calibrated quantities
of alcohol and enough coffee to bankrupt a small nation.
</p>
<p>If you want to buy me a beer or bankroll my caffeine addiction, you can do so by <a href="https://paypal.me/tamius">clicking here</a>. All donations are appreciated.
</p>
</div>
</template>
<script>
</script>

View File

@ -99,6 +99,7 @@
></SuperAdvancedSettings> ></SuperAdvancedSettings>
<About v-if="selectedTab === 'about'"> <About v-if="selectedTab === 'about'">
</About> </About>
<Donate v-if="selectedTab === 'donate'" />
<!-- Vice City/beggathon reference: https://youtu.be/Mn3YEJTSYs8?t=770 --> <!-- Vice City/beggathon reference: https://youtu.be/Mn3YEJTSYs8?t=770 -->
</div> </div>
</div> </div>
@ -108,6 +109,7 @@
</template> </template>
<script> <script>
import Donate from '../common/misc/Donate.vue';
import SuperAdvancedSettings from './SuperAdvancedSettings.vue'; import SuperAdvancedSettings from './SuperAdvancedSettings.vue';
import Debug from '../ext/conf/Debug.js'; import Debug from '../ext/conf/Debug.js';
import BrowserDetect from '../ext/conf/BrowserDetect.js'; import BrowserDetect from '../ext/conf/BrowserDetect.js';
@ -158,6 +160,7 @@ export default {
AutodetectionSettings, AutodetectionSettings,
ConfirmPopup, ConfirmPopup,
SuperAdvancedSettings, SuperAdvancedSettings,
Donate,
}, },
methods: { methods: {
setSelectedTab(newTab) { setSelectedTab(newTab) {

View File

@ -62,8 +62,8 @@
</div> </div>
</div> </div>
<div class="menu-item" <div class="menu-item"
:class="{'selected-tab': selectedTab === 'beggathon'}" :class="{'selected-tab': selectedTab === 'donate'}"
@click="selectTab('beggathon')" @click="selectTab('donate')"
> >
<div class=""> <div class="">
Donate Donate
@ -91,12 +91,14 @@
<PerformancePanel v-if="selectedTab === 'performance-metrics'" <PerformancePanel v-if="selectedTab === 'performance-metrics'"
:performance="performance" /> :performance="performance" />
<AboutPanel v-if="selectedTab === 'about'" /> <AboutPanel v-if="selectedTab === 'about'" />
<Donate v-if="selectedTab === 'donate'" />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import Donate from '../common/misc/Donate.vue';
import Debug from '../ext/conf/Debug'; import Debug from '../ext/conf/Debug';
import BrowserDetect from '../ext/conf/BrowserDetect'; import BrowserDetect from '../ext/conf/BrowserDetect';
import Comms from '../ext/lib/comms/Comms'; import Comms from '../ext/lib/comms/Comms';
@ -153,6 +155,7 @@ export default {
PerformancePanel, PerformancePanel,
Debug, Debug,
AboutPanel, AboutPanel,
Donate,
}, },
methods: { methods: {
async sleep(t) { async sleep(t) {