Se agrega seccion de evento

2020-04-28 23:52:56 -04:00
parent a878d6bc77
commit 2a34fa368e
97 changed files with 275 additions and 67 deletions
--- a/resources/data/eventos.yml
+++ b/resources/data/eventos.yml
@ -1,24 +1,44 @@
- titulo: 2da Corrida Famliar Inclusiva
-  empresa: DIMERC
- titulo: Dia de la Familia
-  empresa: BUPA
- titulo: Fiestas Patrias
-  empresa: CONSORCIO
- titulo: Pausas Activas
-  empresa: DIMEIGGS
- titulo: 2da Corrida Famliar Inclusiva
-  empresa: DIMERC
- titulo: Dia de la Familia
-  empresa: BUPA
- titulo: Fiestas Patrias
-  empresa: CONSORCIO
- titulo: Pausas Activas
-  empresa: DIMEIGGS
- titulo: 2da Corrida Famliar Inclusiva
+- titulo: Activación Olimpiadas del Seguro 2019
+  empresa: Consorcio
+  servicio: Eventos Calidad de Vida
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Día del niño 2017
+  empresa: Fresenius Kabi
+  servicio: Eventos Calidad de Vida
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Fiestras patrias 2019
+  empresa: Consorcio
+  servicio: Eventos Calidad de Vida
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Olimpiadas del Seguro 2019
+  empresa: Intervención Chilena Consolidada
+  servicio: Eventos Calidad de Vida
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Pausas Activas 2018
+  empresa: Dimeiggs
+  servicio: Eventos Calidad de Vida
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Campeonato baby Futbo 2018
+  empresa: AZA
+  servicio: Eventos Deportivos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: Campeonato Futbol Varones 2019
+  empresa: Chilena Consolidada
+  servicio: Eventos Deportivos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
+- titulo: 2da Corrida Familiar Inclusiva
  empresa: DIMERC
+  servicio: Eventos Recreativos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
 - titulo: Dia de la Familia
  empresa: BUPA
+  servicio: Eventos Recreativos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
 - titulo: Fiestas Patrias
  empresa: CONSORCIO
+  servicio: Eventos Recreativos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
 - titulo: Pausas Activas
  empresa: DIMEIGGS
+  servicio: Eventos Recreativos
+  descripcion: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nos"
--- a/resources/routes/web.php
+++ b/resources/routes/web.php
@ -1,4 +1,18 @@
 <?php
 use ProVM\TotalSport\Common\Controller\Web\Home;

+$folder = implode(DIRECTORY_SEPARATOR, [
+  __DIR__,
+  'web'
+]);
+if (file_exists($folder)) {
+  $files = new DirectoryIterator($folder);
+  foreach ($files as $file) {
+    if ($file->isDir()) {
+      continue;
+    }
+    include_once $file->getRealPath();
+  }
+}
+
 $app->get('/', Home::class);
--- a/resources/routes/web/eventos.php
+++ b/resources/routes/web/eventos.php
@ -0,0 +1,6 @@
+<?php
+use ProVM\TotalSport\Common\Controller\Web\Eventos;
+
+$app->group('/evento/{evento}', function($app) {
+  $app->get('[/]', Eventos::class);
+});
--- a/resources/views/evento.blade.php
+++ b/resources/views/evento.blade.php
@ -0,0 +1,55 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="evento">
+    <div class="ui container">
+      <div class="ui two columns stackable grid">
+        <div class="column">
+          <div class="ui image">
+            <img src="{{$imagenes[0]}}" id="seleccionada" />
+          </div>
+        </div>
+        <div class="column">
+          <h2 class="ui header">
+            <strong>
+              {{mb_strtoupper($evento->titulo)}}
+            </strong>
+            {{$evento->empresa}}
+            <div class="sub header">
+              <i>
+                {{ucwords($evento->servicio)}}
+              </i>
+            </div>
+          </h2>
+          <p>
+            {{$evento->descripcion}}
+          </p>
+          <div class="ui four column grid">
+            @foreach ($imagenes as $imagen)
+              <div class="column">
+                <div class="ui image" class="imagen">
+                  <img src="{{$imagen}}" class="imagen" />
+                </div>
+              </div>
+            @endforeach
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/evento.css" />
+@endpush
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(function() {
+      $('.imagen').css('cursor', 'pointer').click(function() {
+        var src = $(this).attr('src')
+        $('#seleccionada').attr('src', src)
+      })
+    })
+  </script>
+@endpush
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@ -13,5 +13,4 @@

@push('styles')
  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/home.css" />
-  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;900&display=swap" rel="stylesheet" />
@endpush
--- a/resources/views/home/eventos.blade.php
+++ b/resources/views/home/eventos.blade.php
@ -8,21 +8,25 @@
        <div class="ui tabular stackable compact menu">
          <a class="active item servicio" data-filter="none">Todos</a>
          @foreach ($servicios as $i => $servicio)
-            <a class="item servicio" data-filter="{{$i}}">{{$servicio->titulo}}</a>
+            <a class="item servicio" data-filter="{{$servicio->titulo}}">{{$servicio->titulo}}</a>
          @endforeach
        </div>
      </div>
    </div>
    <div class="ui center aligned grid" id="eventos_cards">
-      @foreach ($eventos as $evento)
+      @foreach ($eventos as $i => $evento)
        <div class="eight wide tablet four wide computer column">
          <div class="ui basic segment">
-            {!!$evento->image!!}
-            <div class="ui center aligned header">
-              {{$evento->titulo}}
-              <br />
-              {{$evento->empresa}}
-            </div>
+            <a href="{{$urls->base}}/evento/{{$i}}">
+              <div class="ui image">
+                <img src="{{$evento->imagen}}" />
+              </div>
+              <div class="ui center aligned header">
+                {{$evento->titulo}}
+                <br />
+                {{$evento->empresa}}
+              </div>
+            </a>
          </div>
        </div>
      @endforeach
@ -36,9 +40,9 @@
      @foreach ($eventos as $evento)
        {
          titulo: '{{$evento->titulo}}',
-          image: '{!!$evento->image!!}',
+          image: '{{$evento->imagen}}',
          empresa: '{{$evento->empresa}}',
-          servicio: {{$evento->servicio}}
+          servicio: '{{$evento->servicio}}'
        },
      @endforeach
    ];
@ -51,10 +55,16 @@
        }
        grid.append(
          $('<div></div>').attr('class', 'eight wide tablet four wide computer column').append(
-            $('<div></div>').attr('class', 'ui basic segment').append(el.image).append(
-              $('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
-                $('<br />')
-              ).append(el.empresa)
+            $('<div></div>').attr('class', 'ui basic segment').append(
+              $('<a></a>').attr('href', '{{$urls->base}}/evento/' + i).append(
+                $('<div></div>').attr('class', 'ui image').append(
+                  $('<img />').attr('src', el.image)
+                )
+              ).append(
+                $('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
+                  $('<br />')
+                ).append(el.empresa)
+              )
            )
          )
        )
--- a/resources/views/layout/footer/contacto.blade.php
+++ b/resources/views/layout/footer/contacto.blade.php
@ -1,5 +1,5 @@
 <div style="text-align: center;">
-  <a href="{{$urls->base}}#contacto">
+  <a href="{{$urls->base}}/#contacto">
    <i class="big icon icon-contacto"></i>
    <p>
      <strong>
--- a/resources/views/layout/footer/menu.blade.php
+++ b/resources/views/layout/footer/menu.blade.php
@ -1,23 +1,23 @@
 <div class="grey">
  <nav class="ui container attached text stackable menu">
-    <a class="item" href="{{$urls->base}}#servicios">
+    <a class="item" href="{{$urls->base}}/#servicios">
      Servicios
    </a>
-    <a class="item" href="{{$urls->base}}#nosotros">
+    <a class="item" href="{{$urls->base}}/#nosotros">
      Nosotros
    </a>
-    <a class="item" href="{{$urls->base}}#clientes">
+    <a class="item" href="{{$urls->base}}/#clientes">
      Clientes
    </a>
-    <a class="item" href="{{$urls->base}}#eventos">
+    <a class="item" href="{{$urls->base}}/#eventos">
      Eventos
    </a>
-    <a class="item" href="{{$urls->base}}#contacto">
+    <a class="item" href="{{$urls->base}}/#contacto">
      Contacto
    </a>
    <div class="right menu">
      <div class="item">
-        Copyright&copy; Todos los derechos reservados a TotalSport
+        Copyright Todos los derechos reservados a ProVM&copy;
      </div>
    </div>
  </nav>
--- a/resources/views/layout/footer/ubicacion.blade.php
+++ b/resources/views/layout/footer/ubicacion.blade.php
@ -1,5 +1,5 @@
 <div style="text-align: center;">
-  <a href="{{$urls->base}}#contacto">
+  <a href="{{$urls->base}}/#contacto">
    <i class="big icon icon-ubicacion"></i>
    <p>
      <strong>
@ -7,7 +7,7 @@
      </strong>
    </p>
  </a>
-  <a href="{{$urls->base}}#contacto">
+  <a href="{{$urls->base}}/#contacto">
    <p>
      Av. Nueva Providencia 1945, Of. 919,
      <br />
--- a/resources/views/layout/menu.blade.php
+++ b/resources/views/layout/menu.blade.php
@ -1,8 +1,8 @@
 <nav class="ui massive stackable center aligned text three item grey menu">
  <div class="left three item menu">
    <a class="item" href="{{$urls->base}}#servicios">Servicios</a>
-    <a class="item" href="{{$urls->base}}#nosotros">Nosotros</a>
-    <a class="item" href="{{$urls->base}}#clientes">Clientes</a>
+    <a class="item" href="{{$urls->base}}/#nosotros">Nosotros</a>
+    <a class="item" href="{{$urls->base}}/#clientes">Clientes</a>
  </div>
  <a class="item" href="{{$urls->base}}">
    <div class="ui header" id="page_logo">
@ -10,7 +10,7 @@
    </div>
  </a>
  <div class="right two item menu">
-    <a class="item" href="{{$urls->base}}#eventos">Eventos</a>
-    <a class="item" href="{{$urls->base}}#contacto">Contacto</a>
+    <a class="item" href="{{$urls->base}}/#eventos">Eventos</a>
+    <a class="item" href="{{$urls->base}}/#contacto">Contacto</a>
  </div>
 </nav>