Files
firefly-iii/resources/views/webhooks/index.blade.php
T

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>&nbsp;</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