johanneswilm
commented
1 year ago Hey, this code appears to include PHP or some other pre-processing language. I don't know that language. Can you please paste the code as it appears in the browser?
Closed gotexx1 closed 1 year ago
johanneswilm
commented
1 year ago Hey, this code appears to include PHP or some other pre-processing language. I don't know that language. Can you please paste the code as it appears in the browser?
johanneswilm
commented
1 year ago And I need the entire code needed to run a minimum example. I do this as a free service so it has to take as little of my time as humanly possible. So I cannot spend time recreating an example from a vague description.
Preferably, make a jsfiddle example.
johanneswilm
commented
1 year ago This is after the page has been processed by simple-datatables already, right?
I need to see what it looks like before the processing starts. Try to right click on the page and select "View page source".
johanneswilm
commented
1 year ago That's one row in a larger table. Can you give me the entire table or at least a table with enough rows to demonstrate your issue - including JavaScript, etc. so that I can quickly see what is not working.
johanneswilm
commented
1 year ago Ok, I had to modify that slightly to make it run here, but I don't see any issue with it. The sorting happens according to the order. You use numbers for the order for most rows, but you also use have a case of Pas de données. Comparing the numbers with hat text may give you an order you did not wish for, but other than that I don't see any issues. The dates are sorted correctly when you click on the headers of those columns.
Here is the code I ran:
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<!-- CSRF Token -->
<meta name="csrf-token" content="2nfO6z4hXQ9PeZYXnpOGvDuvJoRO3hymsqS6MZ90">
<title>EasyContract - Signatures</title>
<link href="http://localhost/css/app.css" rel="stylesheet">
<!-- Livewire Styles -->
<link href="https://cdn.jsdelivr.net/npm/simple-datatables@latest/dist/style.css" rel="stylesheet" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@latest" type="text/javascript"></script>
<style>
[wire\:loading],
[wire\:loading\.delay],
[wire\:loading\.inline-block],
[wire\:loading\.inline],
[wire\:loading\.block],
[wire\:loading\.flex],
[wire\:loading\.table],
[wire\:loading\.grid],
[wire\:loading\.inline-flex] {
display: none;
}
[wire\:loading\.delay\.shortest],
[wire\:loading\.delay\.shorter],
[wire\:loading\.delay\.short],
[wire\:loading\.delay\.long],
[wire\:loading\.delay\.longer],
[wire\:loading\.delay\.longest] {
display: none;
}
[wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
animation-duration: 50000s;
animation-name: livewireautofill;
}
@keyframes livewireautofill {
from {}
}
</style>
<link rel="icon" type="image/x-icon" href="http://localhost/favicon.ico" />
</head>
<body class="nav-fixed">
<nav class="topnav navbar navbar-expand shadow justify-content-between justify-content-sm-start navbar-light bg-white" id="sidenavAccordion">
<!-- Sidenav Toggle Button-->
<button class="btn btn-icon btn-transparent-dark order-1 order-lg-0 me-2 ms-lg-2 me-lg-0" id="sidebarToggle"><i class="fa-solid fa-bars"></i></button>
<!-- Navbar Brand-->
<!-- * * Tip * * You can use text or an image for your navbar brand.-->
<!-- * * * * * * When using an image, we recommend the SVG format.-->
<!-- * * * * * * Dimensions: Maximum height: 32px, maximum width: 240px-->
<a class="navbar-brand pe-3 ps-4 ps-lg-2" href="http://localhost/dashboard">
<img src="http://localhost/images/logos/logo.svg" alt="EasyContract logo" class="img-fluid">
</a>
<!-- Navbar Search Input-->
<!-- * * Note: * * Visible only on and above the lg breakpoint-->
<!--
<form class="form-inline me-auto d-none d-lg-block me-3">
<div class="input-group input-group-joined input-group-solid">
<input class="form-control pe-0" type="search" id="mainSearchField" placeholder="Que recherchez-vous"
aria-label="Search" />
<div class="input-group-text"><i class="fa-solid fa-magnifying-glass"></i></div>
</div>
</form>-->
<!-- Navbar Items-->
<ul class="navbar-nav align-items-center ms-auto">
<!-- Organization Dropdown-->
<li class="nav-item dropdown no-caret d-none d-md-block mx-3">
<a class="nav-link dropdown-toggle btn text-white" id="navbarDropdownDocs" style="background-color: #6dca9a" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fa-solid fa-pizza-slice fa-fw me-1"></i>
<div class="fw-500">VIMEO
</div>
<i class="fas fa-chevron-right dropdown-arrow"></i>
</a>
<div class="dropdown-menu dropdown-menu-end py-0 me-sm-n15 me-lg-0 o-hidden animated--fade-in-up" aria-labelledby="navbarDropdownDocs">
<a class="dropdown-item" href="http://localhost/organization/create">
<div class="icon-stack bg-primary-soft text-success me-4"><i class="fa-solid fa-plus"></i>
</div>
Ajouter votre entreprise
</a>
</div>
</li>
<!-- Navbar Search Dropdown-->
<!-- * * Note: * * Visible only below the lg breakpoint-->
<!-- Notifications Dropdown-->
<!-- User Dropdown-->
<li class="nav-item dropdown no-caret dropdown-user me-3 me-lg-4">
<a class="btn btn-icon rounded-circle btn-transparent-dark dropdown-toggle" id="navbarDropdownUserImage" href="javascript:void(0);" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img class="img-fluid" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" /></a>
<div class="dropdown-menu dropdown-menu-end border-0 shadow animated--fade-in-up" aria-labelledby="navbarDropdownUserImage">
<h6 class="dropdown-header d-flex align-items-center">
<img class="dropdown-user-img" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" />
<div class="dropdown-user-details">
<div class="dropdown-user-details-name">Hugo
sample</div>
<div class="dropdown-user-details-email">hugo.sample@protonmail.com</div>
</div>
</h6>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://localhost/me">
<div class="dropdown-item-icon"><i class="fa-solid fa-user"></i></div>
Profil
</a>
<a class="dropdown-item" href="http://localhost/help-center">
<div class="dropdown-item-icon">
<i class="fa-solid fa-life-ring"></i>
</div>
Aide
</a>
<a class="dropdown-item" href="http://localhost/logout" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<div class="dropdown-item-icon">
<i class="fa-solid fa-arrow-right-from-bracket text-danger"></i>
</div>
Déconnexion
</a>
<form id="logout-form" action="http://localhost/logout" method="POST" class="d-none">
<input type="hidden" name="_token" value="2nfO6z4hXQ9PeZYXnpOGvDuvJoRO3hymsqS6MZ90">
</form>
</div>
</li>
</ul>
</nav>
<div id="layoutSidenav">
<div id="layoutSidenav_nav">
<nav class="sidenav shadow-right sidenav-light">
<div class="sidenav-menu">
<div class="nav accordion mt-3" id="accordionSidenav">
<!-- Sidenav Menu Heading (Account)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<!-- Sidenav Link (Alerts)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<!-- Sidenav Link (Messages)-->
<!-- * * Note: * * Visible only on and above the sm breakpoint-->
<!-- Sidenav Link (Dashboard)-->
<a class="nav-link " href="http://localhost/dashboard">
<div class="nav-link-icon"><i class="fa-solid fa-house fa-fw"></i></div>
Tableau de bord
</a>
<!-- Sidenav Heading (Organization)-->
<div class="sidenav-menu-heading">
Entreprise
</div>
<!-- Sidenav Link (Home)-->
<a class="nav-link " href="http://localhost/organization">
<div class="nav-link-icon">
<i class="fa-solid fa-pizza-slice fa-fw"></i>
</div>
VIMEO
</a>
<!-- Sidenav Link (Members)-->
<a class="nav-link " href="http://localhost/members">
<div class="nav-link-icon"><i class="fa-solid fa-building-user fa-fw"></i></div>
Membres
</a>
<!-- Sidenav Link (Contracts)-->
<a class="nav-link " href="http://localhost/contracts">
<div class="nav-link-icon"><i class="fa-solid fa-file-contract fa-fw"></i></div>
Contrats
</a>
<!-- Sidenav Link (Signatures)-->
<a class="nav-link active" href="http://localhost/signatures">
<div class="nav-link-icon"><i class="fa-solid fa-signature fa-fw"></i></div>
Signatures
</a>
<!-- Sidenav Link (Contacts)-->
<a class="nav-link " href="http://localhost/contacts">
<div class="nav-link-icon"><i class="fa-solid fa-users fa-fw"></i></div>
Contacts
</a>
<!-- Sidenav Link (Workflows)-->
<a class="nav-link " href="http://localhost/workflow">
<div class="nav-link-icon"><i class="fa-solid fa-code-branch fa-fw"></i></div>
Workflow
</a>
<!-- Sidenav Link (Tags)-->
<a class="nav-link " href="http://localhost/tags">
<div class="nav-link-icon"><i class="fa-solid fa-hashtag fa-fw"></i></div>
Tags
</a>
<!-- Sidenav Link (Subscription)-->
<a class="nav-link" href="/billing">
<div class="nav-link-icon"><i class="fa-solid fa-star fa-fw"></i></div>
Abonnements
</a>
<!-- Sidenav Menu Heading (User)-->
<div class="sidenav-menu-heading">Hugo
sample</div>
<!-- Sidenav Link (My account)-->
<a class="nav-link " href="http://localhost/me">
<div class="nav-link-icon"><i class="fa-solid fa-user fa-fw"></i></div>
Mon compte
</a>
<!-- Sidenav Link (Admin)-->
<a class="nav-link " href="http://localhost/admin">
<div class="nav-link-icon text-warning"><i class="fa-solid fa-user-shield fa-fw"></i>
</div>
Admin panel
</a>
</div>
</div>
<!-- Sidenav Footer-->
<div class="sidenav-footer bg-warning-soft">
<div class="sidenav-footer-content text-orange">
<i class="fa-solid fa-2x fa-gift fa-fw me-1"></i>
Période d'essai en cours
Se termine
dans 3 semaines
</div>
</div>
</nav>
</div>
<div id="layoutSidenav_content">
<main>
<header class="page-header page-header-dark bg-gradient-primary-to-secondary pb-10">
<div class="container-fluid px-4">
<div class="page-header-content">
<div class="row align-items-center justify-content-between">
<div class="col-auto">
<h1 class="page-header-title">
<div class="page-header-icon">
<i class="fa-solid fa-fw fa-sm fa-signature"></i>
</div>
Signatures
</h1>
<div class="page-header-subtitle"></div>
<nav class="rounded d-none d-lg-block" aria-label="breadcrumb">
<ol class="breadcrumb px-2 py-1 rounded mb-0">
<li class="breadcrumb-item ">
<a href="http://localhost/dashboard">Tableau de bord</a>
</li>
<li class="breadcrumb-item active">Toutes les signatures</li>
</ol>
</nav>
</div>
<div class="col-auto">
<button class="btn btn-success dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fa-solid fa-filter me-1"></i><span class="d-none d-lg-block">Filtres</span>
</button>
<ul class="dropdown-menu animated--fade-in-up">
<li><a class="dropdown-item" href="http://localhost/signatures" role="button"><i class="fa-solid fa-list-check fa-fw me-1"></i> Toutes les signatures</a></li>
<li><a class="dropdown-item" href="http://localhost/signatures/signed" role="button"><i class="fa-solid fa-signature fa-fw me-1"></i> Signé</a></li>
<li><a class="dropdown-item" href="http://localhost/signatures/ongoing" role="button"><i class="fa-solid fa-envelope-circle-check fa-fw me-1"></i>En cours</a></li>
<li><a class="dropdown-item" href="http://localhost/signatures/rejected" role="button"><i class="fa-solid fa-ban fa-fw me-1"></i>Rejeté</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<!-- Main page content-->
<div class="container-fluid px-4 mt-n10">
<div class="card">
<div class="card-body">
<div class="table-responsive">
<table id="dataTable" class="display compact">
<thead>
<tr>
<th>Status</th>
<th>Envoyé le </th>
<th>Signé le </th>
<th>Contact</th>
<th>Entreprise</th>
<th>Contrat</th>
<th>Expiration</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
<a href="#">
<tr>
<td data-order="Signé">
<div class="align-middle text-center">
<a href="http://localhost/signature/988bd7f8-f736-4432-9359-06ca3b4d475a">
<span data-bs-toggle="tooltip" data-bs-title="Signé"><i class="fa-solid fa-signature fa-lg text-success"></i></span>
</a>
</div>
</td>
<td class="align-middle text-center p-1" data-order="1645727912">
24 février 2022 19:38:32
</td>
<td class="align-middle p-1" data-order="1677703133">
1 mars 2023 21:38:53
</td>
<td class="align-middle p-1">
<div class="d-flex align-items-center">
<div class="avatar me-2"><img class="avatar-img img-fluid" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" />
</div>
<a href="http://localhost/contact/988bd798-c8a8-444d-bbec-8caf39518373" class="text-decoration-none">
Hugo
sample
</a>
</div>
</td>
<td class="align-middle text-center p-1">
</td>
<td class="align-middle text-center p-1">
<a href="http://localhost/contract/9887acba-5785-4aa8-bd7b-d24011ffadc6" class="text-decoration-none">
Renonciation du délai de rétractation de 14 jours
</a>
</td>
<td class="align-middle text-center p-1">
Jamais
</td>
<td class="p-1">
<ul class="list-group list-group-horizontal">
<li class="list-group-item border-0 py-0 px-1">
<!-- Signature details -->
<span data-bs-toggle="tooltip" title="Détails de la signature">
<a class="btn btn-link text-primary text-decoration-none ms-1 p-0" href="http://localhost/signature/988bd7f8-f736-4432-9359-06ca3b4d475a"><i class="fa-solid fa-lg fa-file-contract"></i>
</a>
</span>
</li>
<li class="list-group-item border-0 py-0 px-1">
<span data-bs-toggle="tooltip" title="Télécharger le contrat signé">
<a class="btn btn-link text-secondary text-decoration-none ms-1" href="http://localhost/guest/signature/988bd7f8-f736-4432-9359-06ca3b4d475a/download?secret=tBb5WsvxU2WiFRovTXdowHTu1lMM1wdGYsC0Gsi3VDlIaB2dyG"><i class="fa-solid fa-lg fa-download fa-fw"></i>
</a>
</span>
</li>
</ul>
</td>
</tr>
</a>
<a href="#">
<tr>
<td data-order="Signé">
<div class="align-middle text-center">
<a href="http://localhost/signature/9887aeab-e9b4-41d1-9179-90910f091efa">
<span data-bs-toggle="tooltip" data-bs-title="Signé"><i class="fa-solid fa-signature fa-lg text-success"></i></span>
</a>
</div>
</td>
<td class="align-middle text-center p-1" data-order="1614013185">
22 février 2021 17:59:45
</td>
<td class="align-middle p-1" data-order="1677085206">
22 février 2023 18:00:06
</td>
<td class="align-middle p-1">
<div class="d-flex align-items-center">
<div class="avatar me-2"><img class="avatar-img img-fluid" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" />
</div>
<a href="http://localhost/contact/9887acd8-ff8d-4b0a-9704-241c09ede95f" class="text-decoration-none">
Hugo
sample
</a>
</div>
</td>
<td class="align-middle text-center p-1">
</td>
<td class="align-middle text-center p-1">
<a href="http://localhost/contract/9887acba-5785-4aa8-bd7b-d24011ffadc6" class="text-decoration-none">
Renonciation du délai de rétractation de 14 jours
</a>
</td>
<td class="align-middle text-center p-1">
Jamais
</td>
<td class="p-1">
<ul class="list-group list-group-horizontal">
<li class="list-group-item border-0 py-0 px-1">
<!-- Signature details -->
<span data-bs-toggle="tooltip" title="Détails de la signature">
<a class="btn btn-link text-primary text-decoration-none ms-1 p-0" href="http://localhost/signature/9887aeab-e9b4-41d1-9179-90910f091efa"><i class="fa-solid fa-lg fa-file-contract"></i>
</a>
</span>
</li>
<li class="list-group-item border-0 py-0 px-1">
<span data-bs-toggle="tooltip" title="Télécharger le contrat signé">
<a class="btn btn-link text-secondary text-decoration-none ms-1" href="http://localhost/guest/signature/9887aeab-e9b4-41d1-9179-90910f091efa/download?secret=TibTqavERRByByf7Zm76Q1jO9TwatlCMO3iZtEtA3cC0S8k6Ul"><i class="fa-solid fa-lg fa-download fa-fw"></i>
</a>
</span>
</li>
</ul>
</td>
</tr>
</a>
<a href="#">
<tr>
<td data-order="Signé">
<div class="align-middle text-center">
<a href="http://localhost/signature/9887acf3-a172-44db-b04d-69505a1d2c85">
<span data-bs-toggle="tooltip" data-bs-title="Signé"><i class="fa-solid fa-signature fa-lg text-success"></i></span>
</a>
</div>
</td>
<td class="align-middle text-center p-1" data-order="1677084896">
22 février 2023 17:54:56
</td>
<td class="align-middle p-1" data-order="1677085109">
22 février 2023 17:58:29
</td>
<td class="align-middle p-1">
<div class="d-flex align-items-center">
<div class="avatar me-2"><img class="avatar-img img-fluid" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" />
</div>
<a href="http://localhost/contact/9887acd8-ff8d-4b0a-9704-241c09ede95f" class="text-decoration-none">
Hugo
sample
</a>
</div>
</td>
<td class="align-middle text-center p-1">
</td>
<td class="align-middle text-center p-1">
<a href="http://localhost/contract/9887acba-5785-4aa8-bd7b-d24011ffadc6" class="text-decoration-none">
Renonciation du délai de rétractation de 14 jours
</a>
</td>
<td class="align-middle text-center p-1">
Jamais
</td>
<td class="p-1">
<ul class="list-group list-group-horizontal">
<li class="list-group-item border-0 py-0 px-1">
<!-- Signature details -->
<span data-bs-toggle="tooltip" title="Détails de la signature">
<a class="btn btn-link text-primary text-decoration-none ms-1 p-0" href="http://localhost/signature/9887acf3-a172-44db-b04d-69505a1d2c85"><i class="fa-solid fa-lg fa-file-contract"></i>
</a>
</span>
</li>
<li class="list-group-item border-0 py-0 px-1">
<span data-bs-toggle="tooltip" title="Télécharger le contrat signé">
<a class="btn btn-link text-secondary text-decoration-none ms-1" href="http://localhost/guest/signature/9887acf3-a172-44db-b04d-69505a1d2c85/download?secret=La9VzTHpvfdt09QNRzN6l46NLI0zWqngEgkcPgRggwRig1rT6u"><i class="fa-solid fa-lg fa-download fa-fw"></i>
</a>
</span>
</li>
</ul>
</td>
</tr>
</a>
<a href="#">
<tr>
<td data-order="Envoyé">
<div class="align-middle text-center">
<a href="http://localhost/signature/988bd79d-3dd9-4ea5-bd7e-7158f4057f9a">
<span data-bs-toggle="tooltip" data-bs-title="Envoyé"><i class="fa-solid fa-envelope-circle-check fa-lg text-secondary"></i></span>
</a>
</div>
</td>
<td class="align-middle text-center p-1" data-order="1677263852">
24 février 2023 19:37:32
</td>
<td class="align-middle p-1">
Pas de données
</td>
<td class="align-middle p-1">
<div class="d-flex align-items-center">
<div class="avatar me-2"><img class="avatar-img img-fluid" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACWCAYAAAA8AXHiAAAACXBIWXMAAA7EAAAOxAGVKw4bAAACJ0lEQVR4nO3aPWoVYRSA4RNxFdrdrMEtSHaQzk3Y2AopbNJGy5BGwUawEUnhskISGIu0Qbhh3lxz8zww1fANp3j5hvk5WI43y8DKXux6APaTsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi8TLXQ/wIO8/z7x5e/+5Xxcz5x+3v+bp75nXh/ef+/Jh5s/3x53nibNjkRAWCWGREBYJYZEQFglhkRAWCWGREBYJYZEQFomn+RH6X47e3R3slB2LhLBICIuEsEgIi8T+PRVefp25ONl+3aefM68268/zTO1fWLc3M9dX269blvVnecbcCkkIi4SwSAiLhLBICIuEsEjs33us/81Df+P5djrz42z9eR6JHYuEsEgIi4SwSAiLxMFyvPFZn9XZsUgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSAiLhLBICIuEsEgIi4SwSPwFcJQhHfdz9UYAAAAASUVORK5CYII=" />
</div>
<a href="http://localhost/contact/988bd798-c8a8-444d-bbec-8caf39518373" class="text-decoration-none">
Hugo
sample
</a>
</div>
</td>
<td class="align-middle text-center p-1">
</td>
<td class="align-middle text-center p-1">
<a href="http://localhost/contract/9887acba-5785-4aa8-bd7b-d24011ffadc6" class="text-decoration-none">
Renonciation du délai de rétractation de 14 jours
</a>
</td>
<td class="align-middle text-center p-1">
Jamais
</td>
<td class="p-1">
<ul class="list-group list-group-horizontal">
<li class="list-group-item border-0 py-0 px-1">
<!-- Signature details -->
<span data-bs-toggle="tooltip" title="Détails de la signature">
<a class="btn btn-link text-primary text-decoration-none ms-1 p-0" href="http://localhost/signature/988bd79d-3dd9-4ea5-bd7e-7158f4057f9a"><i class="fa-solid fa-lg fa-file-contract"></i>
</a>
</span>
</li>
<li class="list-group-item border-0 py-0 px-1">
<span data-bs-toggle="tooltip" title="Supprimer la demande de signature">
<a class="btn btn-link text-danger text-decoration-none ms-1 p-0" data-bs-toggle="modal" data-bs-target="#deleteSignatureModal988bd79d-3dd9-4ea5-bd7e-7158f4057f9a" href="#">
<i class="fa-solid fa-lg fa-trash fa-fw"></i>
</a>
</span>
</li>
<!-- Delete signature modal -->
<div class="modal fade" id="deleteSignatureModal988bd79d-3dd9-4ea5-bd7e-7158f4057f9a" tabindex="-1" role="dialog" aria-labelledby="deleteSignatureModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body p-5 text-center">
<i class="icon-plus fa-solid fa-trash fa-6x mb-4"></i>
<p class="mb-0">
Êtes-vous certain(e) de vouloir supprimer cette demande de signature ? Cette action est irréverssible.
</p>
<div class="row mt-5">
<div class="col">
<div class="d-grid gap-2">
<button class="btn btn-danger-soft" type="button" data-bs-dismiss="modal"><i class="fa-solid fa-xmark me-1"></i>Annuler</button>
</div>
</div>
<div class="col">
<form action="http://localhost/signature/9887acba-5785-4aa8-bd7b-d24011ffadc6/delete?signature_id=988bd79d-3dd9-4ea5-bd7e-7158f4057f9a" method="post">
<input type="hidden" name="_token" value="2nfO6z4hXQ9PeZYXnpOGvDuvJoRO3hymsqS6MZ90"> <input type="hidden" name="_method" value="DELETE"> <input type="hidden" name="signature_id" value="988bd79d-3dd9-4ea5-bd7e-7158f4057f9a">
<input type="hidden" name="id" value="1">
<div class="d-grid gap-2">
<button class="btn btn-danger" type="submit"><i class="fa-solid fa-trash me-1"></i>Supprimer</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<li class="list-group-item border-0 py-0 px-1">
<span data-bs-toggle="tooltip" title="Renvoyer la demande de signature">
<a class="btn btn-link text-secondary text-decoration-none ms-1 p-0" data-bs-toggle="modal" data-bs-target="#resendSignatureModal988bd79d-3dd9-4ea5-bd7e-7158f4057f9a" href="#">
<i class="fa-solid fa-lg fa-arrow-rotate-right fa-fw"></i>
</a>
</span>
</li>
<!-- Resend signature modal -->
<div class="modal fade" id="resendSignatureModal988bd79d-3dd9-4ea5-bd7e-7158f4057f9a" tabindex="-1" role="dialog" aria-labelledby="resendSignatureModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body p-5 text-center">
<i class="icon-plus fa-solid fa-arrow-rotate-right fa-6x mb-4"></i>
<p class="mb-0">
Êtes-vous certain(e) de vouloir relancer cette demande de signature ?
</p>
<div class="row mt-5">
<div class="col">
<div class="d-grid gap-2">
<button class="btn btn-danger-soft" type="button" data-bs-dismiss="modal"><i class="fa-solid fa-xmark me-1"></i>Annuler</button>
</div>
</div>
<div class="col">
<form action="http://localhost/signature/1/resend" method="post" id="dataForm">
<input type="hidden" name="_token" value="2nfO6z4hXQ9PeZYXnpOGvDuvJoRO3hymsqS6MZ90"> <input type="hidden" name="signature_id" value="988bd79d-3dd9-4ea5-bd7e-7158f4057f9a">
<div class="d-grid gap-2">
<button type="submit" class="btn btn-success flex-fill mx-1" id="submitButton">
<span class="spinner-border spinner-border-sm me-1 d-none" id="submitSpinner" role="status" aria-hidden="true"></span>
<span class="visually-hidden">Loading...</span>
<span id="label">
<i class="fa-solid fa-check fa-fw me-1"></i>
Valider
</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</ul>
</td>
</tr>
</a>
</tbody>
</table>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-admin mt-auto footer-light">
<div class="container-fluid px-4">
<div class="row">
<div class="col-md-6 small">Copyright © EasyContract 2023</div>
<div class="col-md-6 text-md-end small">
<a href="http://localhost/privacy">Privacy Policy</a>
·
<a href="http://localhost/cgu">Terms & Conditions</a>
</div>
</div>
</div>
</footer>
</div>
</div>
<script src="http://localhost/js/app.js"></script>
<!-- Livewire Scripts -->
<script src="/livewire/livewire.js?id=fe747446aa84856d8b66" data-turbo-eval="false" data-turbolinks-eval="false"></script>
<script data-turbo-eval="false" data-turbolinks-eval="false">
if (window.livewire) {
console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.')
}
window.livewire = new Livewire();
window.livewire.devTools(true);
window.Livewire = window.livewire;
window.livewire_app_url = '';
window.livewire_token = '2nfO6z4hXQ9PeZYXnpOGvDuvJoRO3hymsqS6MZ90';
/* Make sure Livewire loads first. */
if (window.Alpine) {
/* Defer showing the warning so it doesn't get buried under downstream errors. */
document.addEventListener("DOMContentLoaded", function() {
setTimeout(function() {
console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\\n\\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js")
})
});
}
/* Make Alpine wait until Livewire is finished rendering to do its thing. */
window.deferLoadingAlpine = function(callback) {
window.addEventListener('livewire:load', function() {
callback();
});
};
let started = false;
window.addEventListener('alpine:initializing', function() {
if (!started) {
window.livewire.start();
started = true;
}
});
document.addEventListener("DOMContentLoaded", function() {
if (!started) {
window.livewire.start();
started = true;
}
});
</script>
<script>
const toastDiv = document.getElementById('messageToast')
if (toastDiv) {
const toast = new bootstrap.Toast(toastDiv)
toast.show()
}
</script>
<script type="text/javascript">
const options = {
endpoint: "http://localhost/feedback",
id: 'feedback',
emailField: true,
types: {
general: {
text: 'Avis général',
icon: '😀'
},
idea: {
text: 'J\'ai une idée',
icon: '💡'
},
love: {
text: 'J\'ai trouvé une erreur',
icon: '🐞'
},
},
btnTitle: 'Je donne mon avis',
title: 'Je donne mon avis',
inputPlaceholder: 'Que souhaitez-vous nous dire ?',
emailPlaceholder: 'Adresse email (optionel)',
submitText: 'Envoyer',
backText: 'Retour',
typeMessage: 'Quels sont vos commentaires ?',
success: 'Merci ! 🙏',
failedTitle: 'Oops, une erreur est survenue !',
failedMessage: 'Veuillez réessayer. Si cela continue à se produire, essayez d\'envoyer un e-mail à la place.<br> <a href="mailto:contact@easycontract.fr">contact@easycontract.fr</a>',
position: 'right',
primary: '#0061f2',
background: '#fff',
color: '#000'
}
new Feedback(options).renderButton()
</script>
</body>
<script type="text/javascript">
const table = document.getElementById("dataTable");
if (typeof(table) != 'undefined' && table != null) {
window.dataTable = new simpleDatatables.DataTable(table, {
perPage: 15,
labels: {
placeholder: "Rechercher une signature...",
perPage: "Entrées par page",
noRows: "aucune entrée trouvée",
info: "Page {page} / {pages} ({rows} Signatures)",
},
columns: [{
select: 7,
sortable: false,
searchable: false
}]
});
}
</script>
</html>
NEED TO BE DELETED