Я хочу отобразить эти элементы:
$category->getFullNameAttribute()$category->id$category->email$category->image
Вот мой взгляд:
<div class="col-md-12">
<div class="card" style="padding: 20px; overflow: auto;">
<ul id="ul-data" style="display:none;">
@foreach ($categories as $category)
<li class="user-{{ $category->id }}">
{{ $category->getFullNameAttribute() }}
{{ $category->id }}
{{ $category->email }}
{{ $category->image }}
{{-- {{$category->representative}} --}}
@if (count($category->childes))
@include('management.orgchart.manageChild',['childs' => $category->childes])
@endif
</li>
@endforeach
</ul>
<div id="chart-container"></div>
Однако, когда я отображаю их таким образом, все они переходят в один и тот же заголовок или текст div.
IУ меня большие проблемы, потому что мне нужно разделить их на больше div, потому что я хочу отобразить электронную почту внизу, имя вверху, id рядом с изображением и другие варианты стилей.
Кто-нибудь знает, как я могупоместите элементы (id, email, image ...) в разные переменные, чтобы я мог легко ими манипулировать.
Я ценю вашу помощь и сделаю все, чтобы исправить проблемы.
Если я не объяснючто-то правильно, пожалуйста, спросите меня в комментариях, и я постараюсь объяснить это более подробно.
Редактировать: Это контроллер для этого метода:
<?php
namespace App\Http\Controllers;
use App\User;
use Carbon\Carbon;
use Illuminate\Http\Request;
use Illuminate\Support\Facades\App;
use Illuminate\Support\Facades\Session;
class OrgController extends Controller
{
/**
* Display the OrgChart.
*
* @return \Illuminate\Http\Response
*/
public function index()
{
Carbon::setLocale(App::getLocale());
if (Session::get('locked') === true) {
return redirect('/lock');
}
$categories = User::where('supervisor_id', '=', null)->get();
return view('management.orgchart.index', compact('categories'));
}
}
Это окно модели, котораяпоявляется при нажатии на правильный заголовок имен.
Я хочу поместить данные в этот div (firимя, фамилия, адрес электронной почты и т. д.):
<div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Profile Window</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="text-center">
<div class="img-container">
<img src="img/default-avatar.png" class="img-circle" id="circleImage" alt="Cinque Terre" />
</div>
</div>
<div class="text-center">
<div id="first_name" style="display: inline-block;">First name</div> <br>
<div id="last_name" style="display: inline-block;">Last name</div>
<div id="birthday">00.10.2020</div>
<div id="customer_email">hello@k-tronik.de</div>
<div id="representative_id">Representive Person</div>
<br>
</div>
<p id="contentWin">
{{-- @foreach($categories as $category)
<li class="user-{{ $user->id }}">
{{ $user->getId }}
@if (count($user->childes))
@include('management.orgchart.manageChild',['childs' => $category->childes])
@endif
</li>
@endforeach --}}
Using dummy content or fake information in the Web design process can result in products with unrealistic assumptions and potentially serious design flaws. A seemingly elegant design can quickly begin to bloat with unexpected content or break under the weight of actual activity. Fake data can ensure a nice looking layout but it doesn’t reflect what a
Lorem Ipsum actually is usefull in the design stage as it
Kyle Fiedler from the Design Informer feels that distracting copy is your fault:
If the copy becomes distracting in the design then you are doquestions about lorem ipsum don’t.
Summing up, if the copy is diverting attention from the design it’s because it’s not up to task.
Typographers of yore didn't come up with the concept ot on it. They will be drawn to it, fiercely. Do it the wrong way and draft copy can derail your design review.
Asking the client to pay no attention Lorem Ipsum ing you can't win. Whenever draft copy comes up in a meeting confused questions about it ensue.
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
{{--<button type="button" class="btn btn-primary">Save changes</button>--}}
</div>
</div>
</div>
</div>