Combine integrations and applications page into one page. <img width="1182" alt="Screenshot 2024-07-23 at 3 30 51 PM" src="https://github.com/user-attachments/assets/50920a6f-606f-44b3-b1e4-641046a14444"> Major changes: - The app enabled?, active? checks are all moved to backend. - The dashboard_apps integration is also now part of the apps.yml file. - Updated the header design for the new settings pages. - Merged the folders integrationapps and integrations. - Updated the copy to match the size of the card and provide clear instruction. - Only the list page is updated in this PR, rest of the pages are yet to be migrated. | Integration | Verified | | -- | -- | | Dashboard Apps | ✅ | | Dyte | ✅ | | Slack | ✅ | | Webhooks | ✅ | | Dialogflow | ✅ | | Google Translate | ✅ | | OpenAI | ✅ | | Linear | ✅ | --------- Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
32 lines
665 B
Vue
32 lines
665 B
Vue
<script setup>
|
|
import BaseSettingsHeader from '../../components/BaseSettingsHeader.vue';
|
|
|
|
defineProps({
|
|
showActions: {
|
|
type: Boolean,
|
|
default: true,
|
|
},
|
|
});
|
|
|
|
defineEmits(['click']);
|
|
</script>
|
|
<template>
|
|
<BaseSettingsHeader
|
|
:title="$t('SLA.HEADER')"
|
|
:description="$t('SLA.DESCRIPTION')"
|
|
:link-text="$t('SLA.LEARN_MORE')"
|
|
feature-name="sla"
|
|
>
|
|
<template v-if="showActions" #actions>
|
|
<woot-button
|
|
color-scheme="primary"
|
|
icon="plus-sign"
|
|
class="rounded-xl"
|
|
@click="$emit('click')"
|
|
>
|
|
{{ $t('SLA.ADD_ACTION') }}
|
|
</woot-button>
|
|
</template>
|
|
</BaseSettingsHeader>
|
|
</template>
|