File size: 2,385 Bytes
58ce155 | 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 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 | <!--
Matomo - free/libre analytics platform
@link https://matomo.org
@license https://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
-->
<template>
<div>
<div v-if="!showNextStep">
<SystemCheckLegend
:url="systemCheckLegendUrl"
/>
<br style="clear:both;"/>
</div>
<h2>{{ translate('Installation_SystemCheck') }}</h2>
<SystemCheckSection
:error-type="errorType"
:warning-type="warningType"
:informational-type="informationalType"
:system-check-info="systemCheckInfo"
:mandatory-results="mandatoryResults"
:optional-results="optionalResults"
:informational-results="informationalResults"
:is-installation="isInstallation"
/>
<div v-if="!showNextStep">
<p v-if="!showNextStep">
<span class="icon-export"></span>
<a target="_blank" rel="noreferrer noopener" :href="externalRawLink('https://matomo.org/docs/requirements/')">
{{ translate('Installation_Requirements') }}
</a>
</p>
<SystemCheckLegend
:url="systemCheckLegendUrl"
/>
</div>
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import SystemCheckLegend from './SystemCheckLegend.vue';
import SystemCheckSection from './SystemCheckSection.vue';
const { $ } = window;
export default defineComponent({
props: {
showNextStep: Boolean,
systemCheckLegendUrl: {
type: String,
required: true,
},
errorType: {
type: String,
required: true,
},
warningType: {
type: String,
required: true,
},
informationalType: {
type: String,
required: true,
},
systemCheckInfo: {
type: String,
required: true,
},
mandatoryResults: {
type: Array,
required: true,
},
optionalResults: {
type: Array,
required: true,
},
informationalResults: {
type: Array,
required: true,
},
isInstallation: Boolean,
},
components: {
SystemCheckSection,
SystemCheckLegend,
},
mounted() {
// client-side test for https to handle the case where the server is behind a reverse proxy
if (document.location.protocol === 'https:') {
const link = $('p.next-step a');
link.attr('href', `${link.attr('href')}&clientProtocol=https`);
}
},
});
</script>
|