[Frage]Online anzeigen umgestalten

DarkEvolution · 27. September 2017

Hallo Breafish,
Ähm ich habe eine frage in Thema Darstellung.
Und zwar habe eine Online anzeige, die ein bisschen hässlich meiner Meinung nach aus sieht.

Bild 1: (Online anzeige)
01b14b16-364b-41f5-ab2c-f25eb885c9c0.png

Code:

PHP: home.blade.php

@extends('layouts.app')


@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">News</div>


                <div class="panel-body">
                    @foreach($news as $p)
                        <blockquote>
                            <div>{{$p->title}}</div>
                            <div>{{$p->desc}}</div>
                            <div><a href="{{ url('profile/'.$p->author_id) }}">{{$p->user->name}}</a></div>
                        </blockquote>
                        <hr/>
                    @endforeach
                    @if($users)
                       @foreach($users as $u)
                           @if($u->isOnline())
                               <li>{{$u->name}}</li>
                           @endif
                       @endforeach
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

Alles anzeigen

Wenn ihr wisst, wie ich, dass so um Design kann, dass es Schöner aussieht, wäre es toll.

Sorry für dehn kurzen Text weil ich hastig geschrieben hab und es schnell fertig machen wollte und danach schlafen gehen wollte.

Mit freundlichen Grüßen
DarkEvolution

Edgar · 28. September 2017

Verstehe ich das richtig? Du möchtest Vorschläge für eine bessere Gestaltung der Online-Spieler?
Ggf. die Avatare anzeigen und über ein Tooltip den Namen anzeigen?

ShookOneZ · 28. September 2017

Hi DarkEvolution,
wie ich das verstanden habe, möchtest du z. B. die Schriftart/Farbe etc. der angezeigten User ändern, richtig?

DarkEvolution · 28. September 2017

Die online anzeige ist momentan unter der News anzeige und da soll sie leider weg weil sie nach einer zeit da stört wenn man News schreiben will und deswegen wollte ich euch nach fragen wie mann es von einander trennen kann und dass es gut aussieht.

Mit freundlichen Grüßen,
DarkEvolution

ShookOneZ · 28. September 2017

Schick mir mal den Link der Seite. Ich kann mir das nicht vorstellen. Wenn du es "von einander trennen" willst, dann setz einfach ein

Code

margin-top

bzw.

Code

margin-bottom

je nachdem welchen Selektor du wählst.

Edgar · 28. September 2017

Code

@extends('layouts.app')
@section('content')
<div class="container">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="panel panel-default">
				<div class="panel-heading">News</div>
				<div class="panel-body">
					@foreach($news as $p)
						<blockquote>
							<div>{{$p->title}}</div>
							<div>{{$p->desc}}</div>
							<div>@@a3b99806f051eb9f0fce95166dd83745a6c47071@@</div>
						</blockquote>
						<hr/>
					@endforeach
				</div>
			</div>


			<div class="panel panel-default">
				<div class="panel-heading">Benutzer</div>
				<div class="panel-body">
					@if($users)
					   @foreach($users as $u)
						   @if($u->isOnline())
							   <li>{{$u->name}}</li>
						   @endif
					   @endforeach
					@endif
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

Alles anzeigen

DarkEvolution · 28. September 2017

Zur veranschaulichung die Seite:
http://beta.yourelitesystems.eu/public/de/home

Edgar · 28. September 2017

Hast du denn schon versucht, mein letzten Vorschlag umzusetzen?

DarkEvolution · 28. September 2017

@Cireyses: Sorry habe es über sehen.

umgearbeitet.
Mann sieht aber jetzt sieht man den nutzer namen nicht.

Edgar · 28. September 2017

Ich habe nichts an der Foreach-Schleife geändert. Sind denn vielleicht keiner User online?`
Zähle eine Variable in der isOnline Abfrage hoch und frage danach ab, ob diese größer als 0 ist, wenn nicht, dann
einfach ein Text angeben, dass keiner online ist.

Hier ein Beispiel: Siehe Hilfreichste Antwort:
https://stackoverflow.com/ques…ables-in-views-in-laravel

DarkEvolution · 28. September 2017

Alles was ich mache funktioniert nicht, weil laravel es nicht annimmt.

Mit freundlichen Grüßen,
DarkEvolution

Edgar · 28. September 2017

Wenn du es zurücksetzt, wie es vorher war, funktioniert es dann wieder?
An der Funktionalität wurde ja nichts geändert, lediglich das Template wurde bearbeitet.

DarkEvolution · 28. September 2017

Es würde funktionieren aber es sieht dehn nicht schon aus.

Mit Freundlichen Grüßen,
DarkEvolution

Edgar · 28. September 2017

Unverständlich. Habe ja nur die Anordnung der Elemente verändert. Wird denn bei meiner Methode überhaupt ein Object der Userdaten übermittelt?

DarkEvolution · 28. September 2017

Ja werden und die kommen über einen Controller, der aber die Daten von ein Model bekommt und der Model holt sich die Daten aus der Datenbank.

Mit freundlichen Grüßen
DarkEvolution

Edgar · 28. September 2017

Lass mal innerhalb der Foreach-Schleife, aber außerhalb der @if($u->isOnline())-Abfrage ein Text ausgeben.
Um zu sehen, ob die Schleife überhaupt durch geht.

DarkEvolution · 28. September 2017

Selbst denn will es net weil den schmeist er mir ein fehler aus Method isOnline not exist!

Mit freundlichen Grüßen
DarkEvolution

Edgar · 28. September 2017

Bedeute, dass deine Klasse entweder diese Funktion nicht besitzt oder, dass das Objekt nicht existiert/falsch ist.

Es kann ja nicht sein, dass meine Änderung und dein vorheriger Code auf einmal nicht funktioniert.

DarkEvolution · 29. September 2017

Die Funktion existiert aber die kann nicht aus dem Session Cache laden.
Weil wenn jemand online geht wird die Funktion logActiviti aktiviert und die log dass ganze mit den zeit Faktor von 5 min.

//E: Sry hab vergessen diese variable

<li>{{$u->name}}</li>wieder zurück zu ändern zu

<li>{{$u->username}}</li>

\\

wenn jemand noch weitere design vorschläge hat wie ich zum beispiel diesen Hässlichen punkt weg bekomme.

Mit freundlichen Grüßen
DarkEvolution

Edgar · 29. September 2017

Ist zwar aus dem Kopf raus, aber das könntest du versuchen:

Code

@extends('layouts.app')
@section('content')
<style>
    ul.user-list {
        margin: 0;
        padding: 0;
        list-style: none;
    }


    ul.user-list > li {
        margin: 0 5px 5px 0;
    }


    ul.user-list > li {
        margin: 0 5px 5px 0;
        list-style: none;
        float: left;
    }


    ul.user-list > li span.badge {
        margin-right: 5px;
        background: #e2ca6e;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
    }
</style>


<div class="container">
	<div class="row">
		<div class="col-md-8 col-md-offset-2">
			<div class="panel panel-default">
				<div class="panel-heading">News</div>
				<div class="panel-body">
					@foreach($news as $p)
						<blockquote>
							<div>{{$p->title}}</div>
							<div>{{$p->desc}}</div>
							<div>@@a3b99806f051eb9f0fce95166dd83745a6c47071@@</div>
						</blockquote>
						<hr/>
					@endforeach
				</div>
			</div>


			<div class="panel panel-default">
				<div class="panel-heading">Benutzer</div>
				<div class="panel-body">
					@if($users)
                        <ul class="user-list">
    					   @foreach($users as $u)
    						   @if($u->isOnline())
    							   <li><span class="badge">{{$u->username}}</span></li>
    						   @endif
    					   @endforeach
                       </ul>
                   @endif
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

Alles anzeigen