You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

153 lines
5.1 KiB

@extends('layouts.master')
@section('content')
@include('partials/logged-in')
<div class="dashboard">
<br>
<h2>Database: {{ $database->name }}</h2>
<form class="ui form">
<div class="field">
<label>Read Token</label>
<input readonly="" value="{{ $database->read_token }}">
</div>
@if ($database->created_by == session('user_id'))
<div class="field">
<label>Write Token <a href="#" class="show-api-endpoint">(show API endpoint)</a></label>
<input readonly="" value="{{ $database->write_token }}">
</div>
<div class="api-endpoint field hidden">
<label>API Endpoint</label>
<input type="text" readonly value="{{ env('BASE_URL') }}api/input?token={{ $database->write_token }}">
</div>
@endif
</form>
<div style="margin-top: 20px;">
<h3>Users with Access</h3>
<ul class="users">
@foreach($users as $user)
<li class="user">
@if($user->id != session('user_id'))
<a href="#" data-user="{{ $user->url }}" class="remove-user hidden">&times;</a>
@endif
{{ $user->url }}
</li>
@endforeach
<li>
<a href="javascript:$('.users .create').removeClass('hidden');$('.create-link').addClass('hidden');" class="pure-button create-link {{ session('create-error') ? 'hidden' : '' }}">New User</a>
@if(session('create-error'))
<div class="error">{{ session('create-error') }}</div>
@endif
<span class="create {{ session('create-error') ? '' : 'hidden' }}">
<form action="/settings/{{ $database->name }}" method="post" class="ui form">
<div class="ui action input">
<input type="url" name="add_user" value="{{ session('add-user-url') }}" placeholder="github or indieauth url">
<button type="submit" class="ui button primary">Add User</button>
</div>
</form>
</span>
</li>
</ul>
</div>
<br>
<h2>Settings</h2>
<p>Here you can pick a default timezone and system of measurement to display this database in.</p>
<div class="panel">
<form action="/settings/{{ $database->name }}" method="post" class="ui form">
<div class="field">
<label for="timezone">Timezone</label>
<input name="timezone" type="text" class="pure-input-1" value="{{ $database->timezone }}">
</div>
<div class="field">
<label for="metric">System</label>
<select name="metric" class="pure-input-1">
<option value="0" {{ $database->metric ? '' : 'selected' }}>Imperial (miles)</option>
<option value="1" {{ $database->metric ? 'selected' : '' }}>Metric (kilometer)</option>
</select>
</div>
<button type="submit" class="ui button primary">Save</button>
</form>
</div>
<br>
<h2>Realtime Micropub Export</h2>
<div class="panel">
@if (empty($database->micropub_token))
<p>Authorize Compass with a micropub endpoint and any trips that are written to this database will be sent to that endpoint as well.</p>
<form action="/settings/{{ $database->name }}/auth/start" method="post" class="ui form">
<div class="field">
<label for="micropub_endpoint">web sign-in</label>
<input name="me" type="url" placeholder="https://example.com/" class="pure-input-1" value="">
</div>
<button type="submit" class="ui button primary">Connect</button>
</form>
@else
<form action="/settings/{{ $database->name }}/auth/remove" method="get" class="ui form">
<div class="field">
<p>You are currently posting to <strong>{{$database->micropub_endpoint}}</strong>. Any trips that are written to this database will be sent to that endpoint as well.</p>
</div>
<button type="submit" class="ui button primary">Disconnect</button>
</form>
@endif
</div>
<br>
<h2>Ping on New Location</h2>
<p>Enter one or more URLs to ping when new location data is available. This will send a POST request to the URLs with the URL to fetch the last location from the database, e.g. <code>url=https://compass.p3k.io/api/last?token=xxxx</code>. Enter one or more URLs separated by whitespace.</p>
<div class="panel">
<form action="/settings/{{ $database->name }}" method="post" class="ui form">
<div class="field">
<label for="ping_urls">Ping URLs</label>
<textarea name="ping_urls" class="pure-input-1">{{ $database->ping_urls }}</textarea>
</div>
<button type="submit" class="ui button primary">Save</button>
</form>
</div>
<br>
</div>
<script>
jQuery(function($){
$(".users .user").hover(function(){
$(this).children(".remove-user").removeClass("hidden");
}, function(){
$(this).children(".remove-user").addClass("hidden");
});
$(".remove-user").click(function(){
$.post("/settings/{{ $database->name }}", {
database: "{{ $database->name }}",
remove_user: $(this).data('user')
}, function(data){
window.location = window.location;
});
return false;
});
$(".show-api-endpoint").click(function(){
$(".api-endpoint").removeClass("hidden");
$(".show-api-endpoint").addClass("hidden");
});
});
</script>
@endsection