mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2026-11-03 12:49:58 -06:00
118 lines
7.1 KiB
PHP
118 lines
7.1 KiB
PHP
@extends('layout.v3.session')
|
|
@section('content')
|
|
<div class="row" x-data="index">
|
|
<div class="col-lg-12 col-md-12 col-sm-12">
|
|
<div class="card mb-2">
|
|
<x-elements.card-header-with-menu :cardTitle="trans('firefly.webhooks')" :route="route('webhooks.create')" :linkTitle="__('firefly.create_new_webhook')"/>
|
|
<div class="card-body p-0">
|
|
<template x-if="0 === webhooks.length && loading">
|
|
<div class="d-flex justify-content-center m-2">
|
|
<div class="spinner-border" role="status">
|
|
<span class="visually-hidden">{{ __('firefly.thinking') }}</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template x-if="0 === webhooks.length && !loading">
|
|
<div>
|
|
<div class="d-flex justify-content-center m-2">
|
|
<em class="bi bi-battery"></em>
|
|
</div>
|
|
<div class="d-flex justify-content-center m-2">
|
|
<p>{{ __('firefly.no_webhooks') }}</p>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<template x-if="webhooks.length > 0 && !loading">
|
|
<table class="table table-sm table-responsive table-hover" aria-label="A table.">
|
|
<thead>
|
|
<tr>
|
|
<th>{{ __('list.title') }}</th>
|
|
<th>{{ __('list.responds_when') }}</th>
|
|
<th>{{ __('list.responds_with') }}</th>
|
|
<th>{{ __('list.secret') }} ({{ strtolower(__('firefly.show')) }} / {{ strtolower(__('firefly.hide')) }})</th>
|
|
<th>{{ __('list.url') }}</th>
|
|
<th> </th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<template x-for="webhook in webhooks" :key="webhook.id">
|
|
<tr>
|
|
<td>
|
|
<a :href="'webhooks/show/' + webhook.id" x-text="webhook.title"></a>
|
|
</td>
|
|
<td>
|
|
<template x-if="webhook.active">
|
|
<span>
|
|
<ul class="list-unstyled">
|
|
<template x-for="trigger in webhook.triggers" :key="trigger">
|
|
<li><span x-text="triggers[trigger]"></span></li>
|
|
</template>
|
|
</ul>
|
|
</span>
|
|
</template>
|
|
<template x-if="!webhook.active">
|
|
<span class="text-muted">
|
|
<ul class="list-unstyled">
|
|
<template x-for="trigger in webhook.triggers" :key="trigger">
|
|
<li x-for="trigger in webhook.triggers" :key="trigger">
|
|
<s x-text="triggers[trigger]"></s> ({{ __('firefly.inactive') }})
|
|
</li>
|
|
</template>
|
|
</ul>
|
|
</span>
|
|
</template>
|
|
</td>
|
|
<td>
|
|
<span x-text="responses[webhook.responses[0]]"></span> (<span x-text="deliveries[webhook.deliveries[0]]"></span>)
|
|
</td>
|
|
<td>
|
|
<template x-if="webhook.show_secret">
|
|
<em style="cursor:pointer"
|
|
class="bi bi-eye" @click="toggleSecret(webhook)"></em>
|
|
</template>
|
|
<template x-if="!webhook.show_secret">
|
|
<em style="cursor:pointer"
|
|
class="bi bi-eye-slash"
|
|
@click="toggleSecret(webhook)"></em>
|
|
</template>
|
|
<template x-if="webhook.show_secret">
|
|
<code x-text="webhook.secret"></code>
|
|
</template>
|
|
<template x-if="!webhook.show_secret">
|
|
<code>********</code>
|
|
</template>
|
|
</td>
|
|
<td>
|
|
<code :title="webhook.full_url" x-text="webhook.url"></code>
|
|
|
|
</td>
|
|
<td class="text-end">
|
|
<div class="dropdown">
|
|
<button class="btn btn-sm btn-outline-secondary dropdown-toggle" type="button" :id="'webhook_menu_' + webhook.id" data-bs-toggle="dropdown" aria-expanded="false">
|
|
{{ __('firefly.actions') }}
|
|
</button>
|
|
<ul class="dropdown-menu" :aria-labelledby="'webhook_menu_' + webhook.id">
|
|
<li><a class="dropdown-item" :href="'webhooks/show/' + webhook.id"><span
|
|
class="bi bi-search"></span> {{ __('firefly.inspect') }}</a></li>
|
|
<li><a class="dropdown-item" :href="'webhooks/edit/' + webhook.id"><span
|
|
class="bi bi-pencil"></span> {{ __('firefly.edit') }}</a></li>
|
|
<li><a class="dropdown-item" :href="'webhooks/delete/' + webhook.id"><span
|
|
class="bi bi-trash"></span> {{ __('firefly.delete') }}</a></li>
|
|
</ul>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
</tbody>
|
|
</table>
|
|
</template>
|
|
</div>
|
|
<x-elements.card-footer-with-menu :route="route('webhooks.create')" :linkTitle="__('firefly.create_new_webhook')" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('scripts')
|
|
@vite(['js/pages/webhooks/index.js'])
|
|
@endsection
|