fix: updated client apps view and master layout

This commit is contained in:
Kwesi Banson Jnr
2026-03-24 13:53:23 +00:00
parent 4ab0fda326
commit 44ac77de02
3 changed files with 27 additions and 6 deletions

View File

@@ -3,6 +3,7 @@
{{ $page_title }} {{ $page_title }}
@endsection @endsection
@section('page-css') @section('page-css')
@endsection
@section('content') @section('content')
<section class="row g-4"> <section class="row g-4">
<div class="col-xl-9"> <div class="col-xl-9">
@@ -31,10 +32,14 @@
@foreach($apps_arr->content as $row) @foreach($apps_arr->content as $row)
<tr> <tr>
<td class="fw-semibold">{{ $row->name}}</td> <td class="fw-semibold">{{ $row->name}}</td>
<td class="recipient-cell"> <td class="recipient-cellss">
<div class="fw-semibold">{{ $row->type}}</div> <div class="fw-semibold">{{ $row->type}}</div>
</td> </td>
<td><i class="bi bi-eye" id="viewApiKeyIcon"></i></td> <td class="text-wrap text-break apiKeyCell" style="max-width: 100px;">
<i class="bi bi-eye viewApiKeyIcon"></i>
<input type="hidden" name="hidden_key" class="hiddenKeyInput" value="{{ $row->apiKey }}">
</td>
<td> <td>
{{ \Carbon\Carbon::parse($row->createdAt)->format('Y-m-d H:i:s') }} {{ \Carbon\Carbon::parse($row->createdAt)->format('Y-m-d H:i:s') }}
</td> </td>
@@ -80,7 +85,22 @@
@endsection @endsection
@section('page-js') @section('page-js')
<script> <script>
$(document).ready(function(){
$('.viewApiKeyIcon').click(function(){
var actualApiKey = $(this).siblings('.hiddenKeyInput').val();
console.log(actualApiKey);
// $.alert(actualApiKey);
$.dialog({
title: 'API Key',
type: 'green',
// content: actualApiKey ,
content: '<div class="wrap-text text-break">' + actualApiKey + '</div>',
boxWidth: '500px',
});
});
});
</script> </script>

View File

@@ -3,6 +3,7 @@
{{ $page_title }} {{ $page_title }}
@endsection @endsection
@section('page-css') @section('page-css')
@endsection
@section('content') @section('content')
<section class="traffic-hero mb-4"> <section class="traffic-hero mb-4">
<div class="row g-4 align-items-end"> <div class="row g-4 align-items-end">

View File

@@ -55,8 +55,8 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- <script src="{{ url('public/libs/jquery-3.2.1.min.js') }}"></script> <script src="{{ url('public/libs/jquery-3.2.1.min.js') }}"></script>
<script src="{{ url('public/libs/jquery-confirm/jquery-confirm.min.js') }}"></script> --> <script src="{{ url('public/libs/jquery-confirm/jquery-confirm.min.js') }}"></script>
@yield('page-js') @yield('page-js')
<script> <script>
const myForm = document.getElementById('clientNewAppForm'); const myForm = document.getElementById('clientNewAppForm');