1 files changed, 31 insertions, 0 deletions
diff --git a/src/components/notifications/PagerTree.vue b/src/components/notifications/PagerTree.vue
new file mode 100644
index 0000000..0121f65
--- /dev/null
+++ b/src/components/notifications/PagerTree.vue
@@ -0,0 +1,31 @@
+<template>
+    <div class="mb-3">
+        <label for="pagertree-integration-url" class="form-label">{{ $t("pagertreeIntegrationUrl") }}<span style="color: red;"><sup>*</sup></span></label>
+        <input id="pagertree-integration-url" v-model="$parent.notification.pagertreeIntegrationUrl" type="text" class="form-control" autocomplete="false">
+        <i18n-t tag="div" keypath="wayToGetPagerTreeIntegrationURL" class="form-text">
+            <a href="https://pagertree.com/docs/integration-guides/introduction#copy-the-endpoint-url" target="_blank">{{ $t("here") }}</a>
+        </i18n-t>
+    </div>
+    <div class="mb-3">
+        <label for="pagertree-urgency" class="form-label">{{ $t("pagertreeUrgency") }}</label>
+        <select id="pagertree-urgency" v-model="$parent.notification.pagertreeUrgency" class="form-select">
+            <option value="silent">{{ $t("pagertreeSilent") }}</option>
+            <option value="low">{{ $t("pagertreeLow") }}</option>
+            <option value="medium" selected="selected">{{ $t("pagertreeMedium") }}</option>
+            <option value="high">{{ $t("pagertreeHigh") }}</option>
+            <option value="critical">{{ $t("pagertreeCritical") }}</option>
+        </select>
+    </div>
+    <div class="mb-3">
+        <label for="pagertree-resolve" class="form-label">{{ $t("pagertreeResolve") }}</label>
+        <select id="pagertree-resolve" v-model="$parent.notification.pagertreeAutoResolve" class="form-select">
+            <option value="resolve" selected="selected">{{ $t("pagertreeResolve") }}</option>
+            <option value="0">{{ $t("pagertreeDoNothing") }}</option>
+        </select>
+    </div>
+</template>
+
+<script>
+export default {
+};
+</script>