File size: 1,998 Bytes
82161b8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 | <!--
Matomo - free/libre analytics platform
@link https://matomo.org
@license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
-->
<template>
<ContentBlock
:content-title="translate('Goals_ConversionsOverview')"
>
<ul class="ulGoalTopElements">
<li>
{{ translate('General_ColumnRevenue') }}: <span v-html="$sanitize(revenue)"></span>
<span v-if="revenue_subtotal">,
{{ translate('General_Subtotal') }}: <span v-html="$sanitize(revenue_subtotal)"></span>
</span>
<span v-if="revenue_tax">,
{{ translate('General_Tax') }}: <span v-html="$sanitize(revenue_tax)"></span>
</span>
<span v-if="revenue_shipping">,
{{ translate('General_Shipping') }}: <span v-html="$sanitize(revenue_shipping)"></span>
</span>
<span v-if="revenue_shipping">,
{{ translate('General_Discount') }}: <span v-html="$sanitize(revenue_discount)"></span>
</span>
</li>
</ul>
<a
v-if="visitorLogEnabled"
href=""
class="segmentedlog"
@click.prevent="showSegmentedVisitorLog()"
>
<span class="icon-visitor-profile rowActionIcon">
</span>{{ translate('Live_RowActionTooltipWithDimension', translate('General_Goal')) }}
</a>
<br style="clear:left"/>
</ContentBlock>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { ContentBlock } from 'CoreHome';
export default defineComponent({
props: {
idGoal: {
type: [String, Number],
required: true,
},
visitorLogEnabled: Boolean,
revenue: String,
revenue_subtotal: String,
revenue_tax: String,
revenue_shipping: String,
revenue_discount: String,
},
components: {
ContentBlock,
},
methods: {
showSegmentedVisitorLog() {
window.SegmentedVisitorLog.show(
'Goals.getMetrics',
`visitConvertedGoalId==${this.idGoal}`,
{},
);
},
},
});
</script>
|