From 6dafe90c11c5eb992aebc40eef9d6a125894e26b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gabriel=20A=2E=20L=C3=B3pez=20L=C3=B3pez?=
 <glpz@daxslab.com>
Date: Thu, 19 Mar 2020 02:28:29 -0400
Subject: [PATCH] ENH: image gallery

---
 assets/css/backend.css                  |  2 +-
 controllers/backend/MediaController.php | 15 +++++++-----
 models/MediaSearch.php                  |  1 -
 views/backend/media/_image.php          | 19 +++++++++------
 views/backend/media/_search.php         | 32 ++++++++++++-------------
 views/backend/media/_view.php           |  2 +-
 views/backend/media/images-gallery.php  | 14 +++++------
 views/backend/media/index.php           | 10 ++++++--
 8 files changed, 53 insertions(+), 42 deletions(-)

diff --git a/assets/css/backend.css b/assets/css/backend.css
index 70fd1dc..d23858b 100644
--- a/assets/css/backend.css
+++ b/assets/css/backend.css
@@ -18,7 +18,7 @@ h2 span, h3 span, h4 span, h5 span, h6 span {
 }
 
 #image-gallery-modal .col-md-3 {
-    padding: 0;
+    /*padding: 0;*/
 }
 
 #image-gallery-modal .modal-body {
diff --git a/controllers/backend/MediaController.php b/controllers/backend/MediaController.php
index 3c132e8..22b56da 100755
--- a/controllers/backend/MediaController.php
+++ b/controllers/backend/MediaController.php
@@ -3,6 +3,7 @@
 namespace daxslab\website\controllers\backend;
 
 use daxslab\website\models\Media;
+use daxslab\website\models\MediaSearch;
 use Yii;
 use yii\data\ActiveDataProvider;
 use yii\filters\VerbFilter;
@@ -33,15 +34,17 @@ public function behaviors()
      */
     public function actionIndex()
     {
-        $dataProvider = new ActiveDataProvider([
-            'query' => Yii::$app->website->getMedias()
-                ->orderBy('filename'),
-            'pagination' => [
-                'route' => Url::toRoute(["/{$this->module->id}/media/index"]),
-            ],
+        $searchModel = new MediaSearch([
+            'website_id' => Yii::$app->website->id,
         ]);
+        $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
+        $dataProvider->sort->defaultOrder = [
+            'created_at' => SORT_DESC,
+        ];
+        $dataProvider->pagination->route = Url::toRoute(['/website/media/index']);
 
         return $this->render('index', [
+            'searchModel' => $searchModel,
             'dataProvider' => $dataProvider,
         ]);
     }
diff --git a/models/MediaSearch.php b/models/MediaSearch.php
index 0bfeddb..224b775 100755
--- a/models/MediaSearch.php
+++ b/models/MediaSearch.php
@@ -5,7 +5,6 @@
 use Yii;
 use yii\base\Model;
 use yii\data\ActiveDataProvider;
-use backend\models\Media;
 
 /**
  * MediaSearch represents the model behind the search form of `backend\models\Media`.
diff --git a/views/backend/media/_image.php b/views/backend/media/_image.php
index 4d47e6b..ef27e2d 100644
--- a/views/backend/media/_image.php
+++ b/views/backend/media/_image.php
@@ -4,10 +4,15 @@
 
 ?>
 
-<?= Html::img(Yii::$app->thumbnailer->get($model->url, 300, 300), [
-    'alt' => $model->filename,
-    'class' => 'img-fluid',
-    'data-url' => $model->url,
-    'data-id' => $model->id,
-])
-?>
+<div class="card">
+    <?= Html::img(Yii::$app->thumbnailer->get($model->url, 300, 300), [
+        'alt' => $model->filename,
+        'class' => 'img-fluid card-img-top',
+        'data-url' => $model->url,
+        'data-id' => $model->id,
+    ])
+    ?>
+    <footer class="card-footer">
+        <p style="font-size: .75em; margin-bottom: 0"><?= $model->filename ?></p>
+    </footer>
+</div>
diff --git a/views/backend/media/_search.php b/views/backend/media/_search.php
index 597437a..7c87c78 100644
--- a/views/backend/media/_search.php
+++ b/views/backend/media/_search.php
@@ -2,10 +2,15 @@
 
 use yii\helpers\Html;
 use yii\widgets\ActiveForm;
+use yii\helpers\Url;
 
 /* @var $this yii\web\View */
 /* @var $model backend\models\MediaSearch */
 /* @var $form yii\widgets\ActiveForm */
+
+$mimeTypeOptions = Yii::$app->website->getMedias()->select('mime_type')->column();
+$mimeTypeOptions = array_combine($mimeTypeOptions, $mimeTypeOptions);
+
 ?>
 
 <div class="media-search">
@@ -15,25 +20,18 @@
         'method' => 'get',
     ]); ?>
 
-    <?= $form->field($model, 'id') ?>
-
-    <?= $form->field($model, 'website_id') ?>
-
-    <?= $form->field($model, 'mime_type') ?>
-
-    <?= $form->field($model, 'filename') ?>
-
-    <?= $form->field($model, 'created_at') ?>
-
-    <?php // echo $form->field($model, 'updated_at') ?>
-
-    <?php // echo $form->field($model, 'created_by') ?>
-
-    <?php // echo $form->field($model, 'updated_by') ?>
+    <div class="row">
+        <div class="col-sm-8">
+            <?= $form->field($model, 'filename') ?>
+        </div>
+        <div class="col-sm-4">
+            <?= $form->field($model, 'mime_type')->dropDownList($mimeTypeOptions, ['prompt' => Yii::t('website', '-- Choose one --')]) ?>
+        </div>
+    </div>
 
     <div class="form-group">
-        <?= Html::submitButton(Yii::t('website','Search'), ['class' => 'btn btn-primary']) ?>
-        <?= Html::resetButton(Yii::t('website','Reset'), ['class' => 'btn btn-default']) ?>
+        <?= Html::submitButton(Yii::t('website', 'Search'), ['class' => 'btn btn-primary']) ?>
+        <?= Html::a(Yii::t('website', 'Reset'), Url::current(['MediaSearch' => null]), ['class' => 'btn btn-default']) ?>
     </div>
 
     <?php ActiveForm::end(); ?>
diff --git a/views/backend/media/_view.php b/views/backend/media/_view.php
index d05f7e8..0ad537c 100755
--- a/views/backend/media/_view.php
+++ b/views/backend/media/_view.php
@@ -3,7 +3,7 @@
 use yii\helpers\Html;
 use yii\helpers\StringHelper;
 
-$imageToDisplay = $model->isImage ? Yii::$app->thumbnailer->get($model->url, 300) : $model->prettyIcon;
+$imageToDisplay = $model->isImage ? Yii::$app->thumbnailer->get($model->url, 300, 300) : $model->prettyIcon;
 ?>
 
 <div class="card mb-4">
diff --git a/views/backend/media/images-gallery.php b/views/backend/media/images-gallery.php
index 7ce24d8..0d1dcaf 100755
--- a/views/backend/media/images-gallery.php
+++ b/views/backend/media/images-gallery.php
@@ -5,10 +5,10 @@
 ?>
 
 <?=
-    ListView::widget([
-        'dataProvider' => $dataProvider,
-        'layout' => '<div class="row image-gallery">{items}</div>{pager}',
-        'itemOptions' => ['class' => 'col-md-3'],
-        'itemView' => '_image',
-    ])
-    ?>
+ListView::widget([
+    'dataProvider' => $dataProvider,
+    'layout' => '<div class="row image-gallery">{items}</div>{pager}',
+    'itemOptions' => ['class' => 'col-md-3'],
+    'itemView' => '_image',
+])
+?>
diff --git a/views/backend/media/index.php b/views/backend/media/index.php
index fff9b05..605403c 100755
--- a/views/backend/media/index.php
+++ b/views/backend/media/index.php
@@ -33,13 +33,19 @@
     ]);
     ?>
 
-    <br/>
+    <div class="card my-4">
+        <div class="card-body">
+            <?= $this->render('_search', [
+                'model' => $searchModel
+            ]) ?>
+        </div>
+    </div>
 
     <?=
     ListView::widget([
         'dataProvider' => $dataProvider,
         'layout' => '<div class="row">{items}</div>{pager}',
-        'itemOptions' => ['class' => 'col-md-3'],
+        'itemOptions' => ['class' => 'col-sm-6 col-md-3'],
         'itemView' => '_view',
     ])
     ?>