forked from aslan/applicant-site
direction offcanvas design change
This commit is contained in:
parent
9496a627fd
commit
242d498685
|
|
@ -8,6 +8,7 @@ use App\Models\Direction;
|
||||||
use App\Models\EntranceExamination;
|
use App\Models\EntranceExamination;
|
||||||
use App\Models\Faculty;
|
use App\Models\Faculty;
|
||||||
use Illuminate\Http\Request;
|
use Illuminate\Http\Request;
|
||||||
|
use Illuminate\Support\Facades\URL;
|
||||||
|
|
||||||
class CalculatorController extends Controller
|
class CalculatorController extends Controller
|
||||||
{
|
{
|
||||||
|
|
@ -32,59 +33,78 @@ class CalculatorController extends Controller
|
||||||
$department = Department::find($direction->department_id);
|
$department = Department::find($direction->department_id);
|
||||||
$faculty = Faculty::find($department->faculty_id);
|
$faculty = Faculty::find($department->faculty_id);
|
||||||
// phpcs:disable
|
// phpcs:disable
|
||||||
|
$fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
|
||||||
return "{$acc} <tr class=\"\">
|
return "{$acc} <tr class=\"\">
|
||||||
<td id=\"faculty\"> {$faculty->name} </td>
|
<td id=\"faculty\"> {$faculty->name} </td>
|
||||||
<td>
|
<td>
|
||||||
<a class=\" border border-white rounded-3 p-2 hover1\" type=\"button\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#offcanvasScrolling-{$direction->id}{$direction->id }\" aria-controls=\"offcanvasScrolling\" role=\"button\">{$direction->name}</a>
|
<a class=\" border border-white rounded-3 p-2 hover1\" type=\"button\" data-bs-toggle=\"offcanvas\" data-bs-target=\"#offcanvasScrolling-{$direction->id}{$direction->id }\" aria-controls=\"offcanvasScrolling\" role=\"button\">{$direction->name}</a>
|
||||||
<div class=\"offcanvas offcanvas-bottom text-dark\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction->id }{$direction->id }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction->id}{$direction->id }\" style=\"height: 100%; font-family: Geologica-Medium;overflow-y: auto ;\">
|
<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction->id }{$direction->id}\" aria-labelledby=\"offcanvasScrollingLabel-{$direction->id}{$direction->id}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ; background-image: url({$fon_3}); color: #004329\">
|
||||||
<div class=\"mx-5\">
|
|
||||||
<div class=\"col-12 d-flex justify-content-end mt-4\">
|
|
||||||
<button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
|
<div class=\"mx-5 \">
|
||||||
</div>
|
<div class=\"col-12 d-flex justify-content-end mt-4\">
|
||||||
<div class=\"row\">
|
<button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">
|
||||||
<div class=\"col-xl-3 col-12\">
|
</button>
|
||||||
<div class=\"display-5 \" style=\"font-family: Geologica-Light\"> {$direction->code} </div>
|
</div>
|
||||||
|
|
||||||
|
<div class='row'>
|
||||||
|
|
||||||
|
<div class='col-md-6 col-12 d-block'>
|
||||||
|
|
||||||
|
<div class=\"\">
|
||||||
|
<div class=\"display-6 \" style=\"font-family: Geologica-Light\"> {$direction->code} </div>
|
||||||
<div class=\"display-5 \" > {$direction->name}</div>
|
<div class=\"display-5 \" > {$direction->name}</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class=\"mt-4\">
|
||||||
|
<p style=\"text-align: justify;\">{$direction->description}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class=\"row\">
|
|
||||||
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Уровень образования: <span style=\"font-family: Geologica-Light\">{$direction->educationLevel->name} </span> </div>
|
|
||||||
<div> Форма обучения: <span style=\"font-family: Geologica-Light\">{$direction->educationForm->name} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Бюджетные места: <span style=\"font-family: Geologica-Light\">{$direction->budget_places} </span> </div>
|
|
||||||
<div> Квота: <span style=\"font-family: Geologica-Light\">{$direction->quota} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Места на контракт: <span style=\"font-family: Geologica-Light\">{$direction->paid_places} </span> </div>
|
|
||||||
<div> Стоимость платного обучения: <span style=\"font-family: Geologica-Light\">{$direction->cost_paid_place} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Период обучения (в годах): <span style=\"font-family: Geologica-Light\">{$direction->period} </span> </div>
|
|
||||||
|
|
||||||
|
<div class='col-md-6 col-12 d-flex justify-content-center align-items-center'>
|
||||||
|
|
||||||
|
<div class=\"p-3 px-5 border-success fs-4\" style='border-radius: 50px; border: 2px solid;'>
|
||||||
|
<div > Уровень образования:
|
||||||
|
<strong>{$direction->educationLevel->name} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Форма обучения:
|
||||||
|
<strong>{$direction->educationForm->name} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Бюджетные места:
|
||||||
|
<strong >{$direction->budget_places} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Квота:
|
||||||
|
<strong >{$direction->quota} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Места на контракт:
|
||||||
|
<strong >{$direction->paid_places} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Стоимость платного обучения:
|
||||||
|
<strong >{$direction->cost_paid_place} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Период обучения (в годах):
|
||||||
|
<strong>{$direction->period} </span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class=\"offcanvas-body mt-2\" style=\"font-family: Geologica-ExtraLight\">
|
<div class=\"offcanvas-body mt-2\" style=\"font-family: Geologica-ExtraLight\">
|
||||||
<p style=\"text-align: justify;\">{$direction->description}</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
namespace App\Services;
|
namespace App\Services;
|
||||||
|
|
||||||
use App\Models\Direction;
|
use App\Models\Direction;
|
||||||
|
use Illuminate\Support\Facades\URL;
|
||||||
|
|
||||||
class DirectonHtmlBuilder
|
class DirectonHtmlBuilder
|
||||||
{
|
{
|
||||||
|
|
@ -16,55 +17,74 @@ class DirectonHtmlBuilder
|
||||||
// phpcs:disable
|
// phpcs:disable
|
||||||
|
|
||||||
$direction = $this->direction;
|
$direction = $this->direction;
|
||||||
return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction->id }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction->id}\" style=\"height: 100%; font-family: Geologica-Medium;overflow-y: auto ;\">
|
$fon_3 = URL::to('img/front-page/bakalavr-special/fon3_blok.png');
|
||||||
<div class=\"mx-5\">
|
return "<div class=\"offcanvas offcanvas-bottom\" data-bs-scroll=\"true\" data-bs-backdrop=\"false\" tabindex=\"-1\" id=\"offcanvasScrolling-{$direction->id }\" aria-labelledby=\"offcanvasScrollingLabel-{$direction->id}\" style=\"height: 100%; font-family: Geologica-Medium; overflow-y: auto ; background-image: url({$fon_3}); color: #004329\">
|
||||||
<div class=\"col-12 d-flex justify-content-end mt-4\">
|
|
||||||
<button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\"></button>
|
|
||||||
</div>
|
<div class=\"mx-5 \">
|
||||||
<div class=\"row\">
|
<div class=\"col-12 d-flex justify-content-end mt-4\">
|
||||||
<div class=\"col-xl-3 col-12\">
|
<button type=\"button\" class=\"btn-close text-reset\" data-bs-dismiss=\"offcanvas\" aria-label=\"Close\">
|
||||||
<div class=\"display-5 \" style=\"font-family: Geologica-Light\"> {$direction->code} </div>
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class='row'>
|
||||||
|
|
||||||
|
<div class='col-md-6 col-12 d-block'>
|
||||||
|
|
||||||
|
<div class=\"\">
|
||||||
|
<div class=\"display-6 \" style=\"font-family: Geologica-Light\"> {$direction->code} </div>
|
||||||
<div class=\"display-5 \" > {$direction->name}</div>
|
<div class=\"display-5 \" > {$direction->name}</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class=\"mt-4\">
|
||||||
|
<p style=\"text-align: justify;\">{$direction->description}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class=\"row\">
|
|
||||||
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Уровень образования: <span style=\"font-family: Geologica-Light\">{$direction->educationLevel->name} </span> </div>
|
|
||||||
<div> Форма обучения: <span style=\"font-family: Geologica-Light\">{$direction->educationForm->name} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Бюджетные места: <span style=\"font-family: Geologica-Light\">{$direction->budget_places} </span> </div>
|
|
||||||
<div> Квота: <span style=\"font-family: Geologica-Light\">{$direction->quota} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Места на контракт: <span style=\"font-family: Geologica-Light\">{$direction->paid_places} </span> </div>
|
|
||||||
<div> Стоимость платного обучения: <span style=\"font-family: Geologica-Light\">{$direction->cost_paid_place} </span></div>
|
|
||||||
</div>
|
|
||||||
<div class=\"col-xl-3 col-12\">
|
|
||||||
<br>
|
|
||||||
<br>
|
|
||||||
<div> Период обучения (в годах): <span style=\"font-family: Geologica-Light\">{$direction->period} </span> </div>
|
|
||||||
|
|
||||||
|
<div class='col-md-6 col-12 d-flex justify-content-center align-items-center'>
|
||||||
|
|
||||||
|
<div class=\"p-3 px-5 border-success fs-4\" style='border-radius: 50px; border: 2px solid;'>
|
||||||
|
<div > Уровень образования:
|
||||||
|
<strong>{$direction->educationLevel->name} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Форма обучения:
|
||||||
|
<strong>{$direction->educationForm->name} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Бюджетные места:
|
||||||
|
<strong >{$direction->budget_places} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Квота:
|
||||||
|
<strong >{$direction->quota} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Места на контракт:
|
||||||
|
<strong >{$direction->paid_places} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Стоимость платного обучения:
|
||||||
|
<strong >{$direction->cost_paid_place} </strong>
|
||||||
|
</div>
|
||||||
|
<hr class='d-block d-md-none'><br>
|
||||||
|
<div > Период обучения (в годах):
|
||||||
|
<strong>{$direction->period} </span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class=\"offcanvas-body mt-2\" style=\"font-family: Geologica-ExtraLight\">
|
<div class=\"offcanvas-body mt-2\" style=\"font-family: Geologica-ExtraLight\">
|
||||||
<p style=\"text-align: justify;\">{$direction->description}</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
</div> ";
|
</div> ";
|
||||||
}
|
}
|
||||||
// phpcs:enable
|
// phpcs:enable
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue