mobile version updated
This commit is contained in:
Thekindbull
parent
8942677930
commit
a4195912b3
@ -1,11 +1,11 @@
|
||||
@php($statuses = Modules\Contracts\Models\ContractStatus::class)
|
||||
<div>
|
||||
<div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 py-3">
|
||||
<table class="table m-0">
|
||||
<div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 py-3 p-2 p-md-0">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead>
|
||||
<tr scope="col">
|
||||
<tr class="d-none d-lg-table-row" scope="col">
|
||||
<th>Клиент
|
||||
<th>Город
|
||||
<th class="d-none d-lg-table-cell">Город
|
||||
<th>ЖК
|
||||
<th>Площадь
|
||||
<th>Сумма
|
||||
@ -16,20 +16,37 @@
|
||||
</thead>
|
||||
<tbody class="">
|
||||
@foreach ($contracts as $contract)
|
||||
<tr scope="row">
|
||||
<td class="align-middle">
|
||||
{{ $contract->deal->user->name }}
|
||||
<tr class="d-flex d-lg-table-row flex-column flex-md-row my-4 my-lg-0" scope="row">
|
||||
<td class="align-middle d-flex flex-row">
|
||||
<div class="d-block d-md-none me-2">
|
||||
<div class="border rounded-pill "
|
||||
style="width: 1.5rem; height:1.5rem;background-color:{{ $statuses::getHtmlColor($contract->status) }}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100">{{ $contract->deal->user->name }}</div>
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="align-middle d-none d-lg-table-cell">
|
||||
{{ $contract->deal->complex->city->name }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="d-block d-lg-none d-flex flex-row">
|
||||
<div class="w-100">
|
||||
<span class="d-block d-md-none fs-6 text-secondary">Жилой комплекс</span>
|
||||
{{ $contract->deal->complex->name }}
|
||||
</div>
|
||||
<div class="d-flex flex-column">
|
||||
<span class="d-block d-md-none fs-6 text-secondary">Площадь</span>
|
||||
<div>
|
||||
{{ $contract->square }} <span class="d-inline d-lg-none"> м<sup>2</sup></span>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="align-middle d-none d-lg-table-cell">
|
||||
{{ $contract->deal->complex->name }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="align-middle d-none d-lg-table-cell">
|
||||
{{ $contract->square }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="align-middle d-none d-lg-table-cell">
|
||||
<?php
|
||||
$price = Number::forHumans($contract->price, precision: 2);
|
||||
$price = str_replace('million', 'млн', $price);
|
||||
@ -39,7 +56,7 @@
|
||||
?>
|
||||
{!! $price !!}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="align-middle d-none d-lg-table-cell">
|
||||
<?php
|
||||
$contract->reward = GetAgentPaymentForContract($contract);
|
||||
//$contract->reward = $contract->reward ? $contract->reward : 0;
|
||||
@ -59,14 +76,37 @@
|
||||
</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<td class="d-block d-lg-none d-flex flex-row">
|
||||
<div class="w-100">
|
||||
<span class="d-block d-md-none fs-6 text-secondary">Стоимость</span>
|
||||
{!! $price !!}
|
||||
</div>
|
||||
<div class="d-flex flex-column">
|
||||
<span class="d-block d-md-none fs-6 text-secondary">Вознаграждение</span>
|
||||
<div>
|
||||
{!! $reward !!}
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="align-middle d-none d-md-table-cell">
|
||||
<div class="py-1 px-3 border rounded rounded-5 text-center"
|
||||
style="background-color:{{ $statuses::getHtmlColor($contract->status) }}">
|
||||
{{ $statuses::getName($contract->status) }}
|
||||
</div>
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
<div class="dropdown" style="">
|
||||
<td class="align-middle ">
|
||||
<div class="d-block d-md-none text-end fs-6">
|
||||
<a class="icon-link icon-link-hover" style="--bs-link-hover-color-rgb: 25, 135, 84;"
|
||||
href="{{ route('contract', ['contract' => $contract->id]) }}">
|
||||
Детали
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="bi" viewBox="0 0 16 16"
|
||||
aria-hidden="true">
|
||||
<path
|
||||
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z" />
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown d-none d-md-block" style="">
|
||||
<button class="btn btn-light" type="button" id="dropdownMenuButton"
|
||||
data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<i class="bi bi-three-dots-vertical"></i>
|
||||
|
||||
@ -1,6 +1,6 @@
|
||||
<div class="d-lg-flex row g-3">
|
||||
@foreach ($posts as $post)
|
||||
<div class="col-4 m-0 p-2" style="">
|
||||
<div class="col-lg-4 col-md-6 col-12 m-0 p-2" style="">
|
||||
<div class="flex-fill placeholder-glow bg-white card">
|
||||
<div class="row g-0 h-100">
|
||||
<div class="col-md-6">
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('content')
|
||||
<div>
|
||||
<form class="d-block d-md-flex mb-3" method="GET" action="{{ route('clients.table') }}">
|
||||
<div class="">
|
||||
<form class="d-flex flex-row mb-3" method="GET" action="{{ route('clients.table') }}">
|
||||
<div class="p-2 border rounded-3 border-1 p-1 bg-white">
|
||||
<input type="radio" class="btn-check" name="status" value="all" id="option5" autocomplete="off"
|
||||
onclick="this.form.submit()" {{ $status == 'all' ? 'checked' : '' }}>
|
||||
@ -20,7 +20,7 @@
|
||||
<div class="ms-auto p-2">
|
||||
<button type="button" class="btn btn-primary py-2 px-3 fs-5" data-bs-toggle="modal"
|
||||
data-bs-target="#createClientModal">
|
||||
<i class="bi bi-person-plus"></i> <span class="d-inline d-md-none">Добавить клиента</span>
|
||||
<i class="bi bi-person-plus"></i> <span class="d-inline d-none d-md-inline">Добавить клиента</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
@ -1,70 +0,0 @@
|
||||
<div>
|
||||
<div class="fs-5 bg-light p-0 m-0 border border-1 rounded-4 overflow-hidden">
|
||||
@if ($deals->count() == 0)
|
||||
<div class="text-center py-5">Нет данных для отображения</div>
|
||||
@endif
|
||||
<table class="table m-0">
|
||||
<tbody class="">
|
||||
@php($clientId = false)
|
||||
@php($dealsCountForClient = 0)
|
||||
@foreach ($deals as $deal)
|
||||
<tr>
|
||||
<!--<td>
|
||||
<img src="../../images/icons/user.png" class="img-fluid align-middle" style="height: 50px;">
|
||||
</td>-->
|
||||
<td class="fw-semibold fs-5 align-middle">
|
||||
{{ $deal->user->name }}
|
||||
@if ($deal->status == $statuses::MODERATION)
|
||||
<div>
|
||||
<span class="badge text-bg-secondary">
|
||||
На проверке уникальности
|
||||
</span>
|
||||
</div>
|
||||
@endif
|
||||
</td>
|
||||
@if ($mode == 'full')
|
||||
<td class="align-middle">
|
||||
{{ $deal->user->phone }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
{{ $deal->user->email }}
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
{{ $deal->complex->city->name }}
|
||||
</td>
|
||||
<td class="align-middle text-end d-none">
|
||||
<a href="#" class="btn">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||
fill="currentColor" class="bi bi-three-dots-vertical" viewBox="0 0 16 16">
|
||||
<path
|
||||
d="M9.5 13a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0" />
|
||||
</svg>
|
||||
</a>
|
||||
</td>
|
||||
@if ($deal->contract)
|
||||
<td class="align-middle text-center bg-white">
|
||||
|
||||
<a href="{{ route('contract', ['contract' => $deal->contract]) }}" class="btn">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
|
||||
fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16">
|
||||
<path fill-rule="evenodd"
|
||||
d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8" />
|
||||
</svg>
|
||||
</a>
|
||||
|
||||
</td>
|
||||
@else
|
||||
<td></td>
|
||||
@endif
|
||||
@endif
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
@if ($mode == 'full')
|
||||
<div class="mt-3">
|
||||
{{ $deals->links('vendor.pagination.bootstrap-5', ['scrollTo' => false]) }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@ -4,7 +4,7 @@
|
||||
@if ($clients->count() == 0)
|
||||
<div class="text-center py-5">Нет данных для отображения</div>
|
||||
@endif
|
||||
<div class="vstack">
|
||||
<div class="vstack gap-3">
|
||||
@foreach ($clients as $client)
|
||||
<?php
|
||||
$complexesNames = [];
|
||||
@ -21,20 +21,22 @@
|
||||
?>
|
||||
|
||||
@if ($mode == 'full')
|
||||
<div class="row m-0 my-2">
|
||||
<div class="col fw-semibold fs-5 align-middle text-start">
|
||||
{{ $client->name }}
|
||||
<div class="d-flex flex-row m-0 my-2 px-2 client-row">
|
||||
<div class="d-flex flex-column flex-md-row w-100">
|
||||
<div class="col fw-semibold fs-5 align-middle text-start">
|
||||
{{ $client->name }}
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{{ $complexesNames }}
|
||||
</div>
|
||||
|
||||
<div class="col col-md-3 align-middle">
|
||||
{{ $client->phone }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col">
|
||||
{{ $complexesNames }}
|
||||
</div>
|
||||
|
||||
<div class="col-3 align-middle">
|
||||
{{ $client->phone }}
|
||||
</div>
|
||||
|
||||
<div class="col-1 text-end">
|
||||
<div class="col col-md-1 text-end contracts-link">
|
||||
@if ($dealsWithContracts->count() == 1)
|
||||
<a href="{{ route('contract', ['contract' => $dealsWithContracts->first()->contract]) }}"
|
||||
class="icon-link icon-link-hover">
|
||||
@ -99,4 +101,5 @@ class="icon-link icon-link-hover w-100 hstack gap-2 text-decoration-none">
|
||||
{{ $clients->links('vendor.pagination.bootstrap-5', ['scrollTo' => false]) }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user