kenmirrors/firefly-iii
1
0
Fork 0
mirror of https://github.com/firefly-iii/firefly-iii.git synced 2025-12-12 01:42:32 +00:00
Code Issues Projects Releases Wiki Activity

APIs and views for exchange rates.

Browse Source
This commit is contained in:
James Cole
2024-12-22 06:24:45 +01:00
parent 117a376fc3
commit 2e993857e8
48 changed files with 741 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
resources/assets/v1/src/components/exchange-rates/Rates.vue
View File

@@ -18,16 +18,92 @@
- along with this program. If not, see https://www.gnu.org/licenses/.
-->
<script setup>
</script>
<template>
<div>
</div>
<div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{{ $t('firefly.header_exchange_rates_rates') }}</h3>
</div>
<div class="box-body">
<p>
{{ $t('firefly.exchange_rates_intro_rates') }}
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-12 col-sm-12 col-xs-12">
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">{{ $t('firefly.header_exchange_rates_table') }}</h3>
</div>
<div class="box-body no-padding">
<table class="table table-responsive table-hover">
<thead>
<tr>
<th>{{ $t('form.date') }}</th>
<th v-html="$t('form.from_currency_to_currency', {from: from.code, to: to.code})"></th>
<th v-html="$t('form.to_currency_from_currency', {from: from.code, to: to.code})"></th>
<th>&nbsp;</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name: "Rates",
data() {
return {
rates: [],
from_code: '',
to_code: '',
from: {
name: ''
},
to: {
name: ''
},
};
},
mounted() {
// get from and to code from URL
let parts = window.location.href.split('/');
this.from_code = parts[parts.length - 2].substring(0, 3);
this.to_code = parts[parts.length - 1].substring(0, 3);
console.log('From: ' + this.from_code + ' To: ' + this.to_code);
this.downloadCurrencies();
},
methods: {
downloadCurrencies: function() {
axios.get("./api/v2/currencies/" + this.from_code).then((response) => {
this.from = {
id: response.data.data.id,
code: response.data.data.attributes.code,
name: response.data.data.attributes.name,
}
});
axios.get("./api/v2/currencies/" + this.to_code).then((response) => {
console.log(response.data.data);
this.to = {
id: response.data.data.id,
code: response.data.data.attributes.code,
name: response.data.data.attributes.name,
}
});
},
}
}
<style scoped>
</style>
</script>