¿Cómo puedo mostrar este resultado?

Your result:
var1: 1,4,3
var2: 2,5,6

En así:

Your result:
 ______________
|var1          |
|--------------|
|1 4 3         |
|______________|

De manera similar para otras variables, como var2, etc ... Aquí está mi código, que permite que el resultado se muestre como en la primera variante.

<div class="section-heading text-center">
                    <h2>Your result:</h2>          
                    @foreach ($variables_json as $variable => $value)
                    <h5>{{ $variable }}: {{ implode(", ", $value) }}</h5>
                    @endforeach        
                    <form method="post" id="form" action="{{route('randomizeVariables.store')}}" name="form" 
                    class="form text-center" data-response-message-animation="slide-in-left" 
                    novalidate>
                        @csrf
                        <button type="submit" class="btn btn-lg btn-alternate align-center">Try again</button>                        
                        <a href="/randomizeValue" id="destroySession" type="submit" 
                        class="btn btn-lg btn-alternate align-center">Return</a>    
                    </form>
                </div> 
0
j.sadne 24 jul. 2020 a las 16:11

1 respuesta

La mejor respuesta

Si siempre tiene la misma cantidad de valores para mostrar, use una tabla con celdas y filas:

<table>
  <tr>
    <th>Name
    <th>Val 1
    <th>Val 2
  </tr>
    @foreach ($variables_json as $variable => $values)
       <tr>
       <td>{{ $variable }}</td>
       @foreach($values as $val)
           <td>{{$val}}</td>
       @endforeach
      </tr>
    @endforeach  
</table>

Si los recuentos de valores son aleatorios, puede aprovechar el valor $loop de Laravel dentro del foreach con espacios en medio, usando cualquier tipo de clase <div> para separar el nombre del valor:

    @foreach ($variables_json as $variable => $values)
       <div class='col-md-4'>{{ $variable }}</div>
       <div class='col-md-8'>
       @foreach($values as $val)
           {{$val}}
           {!! $loop->last? "": "  &nbsp; " !!}
       @endforeach
      </div>
  @endforeach  

Cambié el nombre de $value a $values ya que parece que es una matriz. Podría hacer que sea un poco más fácil de leer y saber que es necesario hacer implosión o bucle en ese conjunto de valores.

2
Watercayman 24 jul. 2020 a las 14:45