Contacto, FAQ, Nosotros

common/Controller/Web/Contacto.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Contacto {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'contacto');
+  }
+}

common/Controller/Web/Faq.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Faq {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'faq');
+  }
+}

common/Controller/Web/Nosotros.php

@@ -0,0 +1,12 @@
+<?php
+namespace ProVM\KI\Common\Controller\Web;
+
+use Psr\Http\Message\ServerRequestInterface as Request;
+use Psr\Http\Message\ResponseInterface as Response;
+use Slim\Views\Blade as View;
+
+class Nosotros {
+  public function __invoke(Request $request, Response $response, View $view) {
+    return $view->render($response, 'nosotros');
+  }
+}

public/assets/styles/faqs.css

@@ -0,0 +1,14 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/faqs.scss */
+#faq {
+  background-color: #5d5d5d;
+  color: white;
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+}
+
+/* line 8, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/faqs.scss */
+#faq .header, #faq .title, #faq .content {
+  color: inherit;
+}
+
+/*# sourceMappingURL=faqs.css.map */

public/assets/styles/faqs.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "faqs.css",
+	"sources": [
+		"../../../resources/assets/sass/faqs.scss"
+	],
+	"sourcesContent": [
+		"#faq {\r\n  background-color: #5d5d5d;\r\n  color: white;\r\n\r\n  padding-top: 3rem;\r\n  padding-bottom: 4rem;\r\n\r\n  .header, .title, .content {\r\n    color: inherit;\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,IAAI,CAAC;EACH,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EAEZ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAKrB;;;AAVD,AAOE,IAPE,CAOF,OAAO,EAPT,IAAI,CAOO,MAAM,EAPjB,IAAI,CAOe,QAAQ,CAAC;EACxB,KAAK,EAAE,OAAO;CACf"
+}

public/assets/styles/nosotros.css

@@ -0,0 +1,14 @@
+/* line 1, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/nosotros.scss */
+#nosotros {
+  background-color: #5d5d5d;
+  color: white;
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+}
+
+/* line 8, ../../Workspace/git/provm/capitalinvestments/resources/assets/sass/nosotros.scss */
+#nosotros .header {
+  color: inherit;
+}
+
+/*# sourceMappingURL=nosotros.css.map */

public/assets/styles/nosotros.map

@@ -0,0 +1,12 @@
+{
+	"version": 3,
+	"file": "nosotros.css",
+	"sources": [
+		"../../../resources/assets/sass/nosotros.scss"
+	],
+	"sourcesContent": [
+		"#nosotros {\r\n  background-color: #5d5d5d;\r\n  color: white;\r\n\r\n  padding-top: 3rem;\r\n  padding-bottom: 4rem;\r\n\r\n  .header {\r\n    color: inherit;\r\n  }\r\n}\r\n"
+	],
+	"names": [],
+	"mappings": ";AAAA,AAAA,SAAS,CAAC;EACR,gBAAgB,EAAE,OAAO;EACzB,KAAK,EAAE,KAAK;EAEZ,WAAW,EAAE,IAAI;EACjB,cAAc,EAAE,IAAI;CAKrB;;;AAVD,AAOE,SAPO,CAOP,OAAO,CAAC;EACN,KAAK,EAAE,OAAO;CACf"
+}

resources/assets/sass/faqs.scss

@@ -0,0 +1,11 @@
+#faq {
+  background-color: #5d5d5d;
+  color: white;
+
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+
+  .header, .title, .content {
+    color: inherit;
+  }
+}

resources/assets/sass/nosotros.scss

@@ -0,0 +1,11 @@
+#nosotros {
+  background-color: #5d5d5d;
+  color: white;
+
+  padding-top: 3rem;
+  padding-bottom: 4rem;
+
+  .header {
+    color: inherit;
+  }
+}

resources/routes/web/contacto.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Contacto;
+
+$app->get('/contacto', Contacto::class);

resources/routes/web/faq.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Faq;
+
+$app->get('/faqs', Faq::class);

resources/routes/web/nosotros.php

@@ -0,0 +1,4 @@
+<?php
+use ProVM\KI\Common\Controller\Web\Nosotros;
+
+$app->get('/nosotros', Nosotros::class);

resources/views/contacto.blade.php

@@ -0,0 +1 @@
+@extends('layout.base')

resources/views/faq.blade.php

@@ -0,0 +1,61 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="faq">
+    <div class="ui container">
+      <div class="ui header">
+        FAQ's
+      </div>
+      <div class="ui accordion">
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Lorem ipsum?
+        </div>
+        <div class="content">
+          <p>
+            dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
+            cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 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 nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          </p>
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Duis aute irure dolor
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Reprehenderit in voluptate
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Velit esse cillum dolore
+        </div>
+        <div class="content">
+        </div>
+        <div class="title">
+          <i class="dropdown icon"></i>
+          Fugiat nulla pariatur
+        </div>
+        <div class="content">
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/faqs.css" />
+@endpush
+
+@push('scripts')
+  <script type="text/javascript">
+    $(document).ready(() => {
+      $('#faq .accordion').accordion()
+    })
+  </script>
+@endpush

resources/views/layout/header/menu.blade.php

@@ -6,16 +6,16 @@
       </div>
     </a>
     <div class="right menu">
-      <a class="item">
+      <a class="item" href="{{$urls->base}}/nosotros">
         NOSOTROS
       </a>
       <a class="item" href="{{$urls->base}}/proyectos">
         PRODUCTOS
       </a>
-      <a class="item">
+      <a class="item" href="{{$urls->base}}/faqs">
         FAQs
       </a>
-      <a class="item">
+      <a class="item" href="{{$urls->base}}/contacto">
         CONTACTO
       </a>
     </div>

resources/views/nosotros.blade.php

@@ -0,0 +1,57 @@
+@extends('layout.base')
+
+@section('page_content')
+  <div id="nosotros">
+    <div class="ui container">
+      <div class="ui header">
+        NOSOTROS
+      </div>
+      <div class="ui two columns grid">
+        <div class="column">
+          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
+          nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+          fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum. 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 nostrud exercitation
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+          in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+          deserunt mollit anim id est laborum. 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 nostrud exercitation ullamco laboris nisi
+          ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+          occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
+          id est laborum.
+        </div>
+        <div class="column">
+          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
+          nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+          Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+          fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+          culpa qui officia deserunt mollit anim id est laborum. 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 nostrud exercitation
+          ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
+          in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia
+          deserunt mollit anim id est laborum. 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 nostrud exercitation ullamco laboris nisi
+          ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+          voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
+          occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim
+          id est laborum.
+        </div>
+      </div>
+    </div>
+  </div>
+@endsection
+
+@push('styles')
+  <link rel="stylesheet" type="text/css" href="{{$urls->styles}}/nosotros.css" />
+@endpush

resources/views/proyectos/proyecto/galeria.blade.php

@@ -2,7 +2,7 @@
   <div class="ui image" data-id="0">
     <img src="{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$proyecto->imagen}}" />
   </div>
-  <div class="ui grid">
+  <div class="ui grid" id="thumbnails">
     @foreach ($proyecto->images as $i => $image)
       @if ($i == 0)
         @continue
@@ -23,15 +23,43 @@
         '{{$urls->images}}/{{mb_strtolower($proyecto->edificio)}}/{{$image}}',
       @endforeach
     ]
+    function populateThumbs(current) {
+      var thumbs = $('#thumbnails')
+      thumbs.html('')
+      $.each(images, (i, el) => {
+        if (i == current) {
+          return
+        }
+        thumbs.append(
+          $('<div></div>').attr('class', 'three wide column').append(
+            $('<div></div>').attr('class', 'ui image').attr('data-id', i).append(
+              $('<img />').attr('src', el)
+            )
+          )
+        )
+      })
+      $('#galeria').find('.grid .image').click(function(e) {
+        var id = $(this).attr('data-id')
+        changeImage(id)
+      })
+    }
+    function changeImage(id) {
+      var big = $('#galeria>.image')
+      big.find('img').attr('src', images[id])
+      big.attr('data-id', id)
+      populateThumbs(id)
+    }
     $(document).ready(() => {
       $('#galeria').find('.grid .image').click(function(e) {
         var id = $(this).attr('data-id')
-        var big = $('#galeria>.image')
+        changeImage(id)
+        /*var big = $('#galeria>.image')
         var big_id = big.attr('data-id')
         big.find('img').attr('src', images[id])
         big.attr('data-id', id)
         $(this).find('img').attr('src', images[big_id])
         $(this).attr('data-id', big_id)
+        populateThumbs(id)*/
       })
     })
   </script>

resources/views/proyectos/show.blade.php

@@ -17,12 +17,12 @@
             </div>
           </div>
           @include('proyectos.proyecto.galeria')
+          @include('proyectos.proyecto.datos')
         </div>
         <div class="three wide column">
           @include('proyectos.proyecto.buscar')
         </div>
       </div>
-      @include('proyectos.proyecto.datos')
     </div>
   </div>
 @endsection