├── .gitignore
├── FileInputAsset.php
├── Gallery.php
├── GalleryAsset.php
├── LICENSE
├── Module.php
├── ModuleAsset.php
├── README.md
├── assets
    ├── css
    │   └── onmotion-gallery.css
    └── js
    │   ├── onmotion-bootstrap-modal.js
    │   └── onmotion-gallery.js
├── composer.json
├── controllers
    └── DefaultController.php
├── migrations
    └── m160406_120743_onmotion_yii2_gallery.php
├── models
    ├── Gallery.php
    ├── GalleryPhoto.php
    └── GallerySearch.php
├── samples
    ├── sample1.png
    └── sample2.png
└── views
    └── default
        ├── _form.php
        ├── create.php
        ├── galleryItem.php
        ├── index.php
        ├── update.php
        └── view.php


/.gitignore:
--------------------------------------------------------------------------------
 1 | # phpstorm project files
 2 | .idea
 3 | 
 4 | # netbeans project files
 5 | nbproject
 6 | 
 7 | # zend studio for eclipse project files
 8 | .buildpath
 9 | .project
10 | .settings
11 | 
12 | # windows thumbnail cache
13 | Thumbs.db
14 | 
15 | # composer vendor dir
16 | /vendor
17 | 
18 | # composer itself is not needed
19 | composer.phar
20 | 
21 | # Mac DS_Store Files
22 | .DS_Store
23 | 
24 | # phpunit itself is not needed
25 | phpunit.phar
26 | # local phpunit config
27 | /phpunit.xml
28 | 
29 | tests/_output/*
30 | tests/_support/_generated


--------------------------------------------------------------------------------
/FileInputAsset.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: kozhevnikov
 5 |  * Date: 31.03.2016
 6 |  * Time: 14:47
 7 |  */
 8 | 
 9 | namespace onmotion\gallery;
10 | 
11 | use yii\web\AssetBundle;
12 | 
13 | /**
14 |  * Class GalleryAsset
15 |  * @package onmotion\gallery
16 |  */
17 | class FileInputAsset extends AssetBundle
18 | {
19 |     public $sourcePath = '@npm/bootstrap-fileinput';
20 |     public $css = [
21 |         'css/fileinput.min.css',
22 |     ];
23 |     public $js = [
24 |         'js/fileinput.min.js',
25 |     ];
26 |     public $depends = [
27 |         'yii\web\YiiAsset',
28 |     ];
29 | }
30 | 


--------------------------------------------------------------------------------
/Gallery.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | /**
  3 |  * Created by PhpStorm.
  4 |  * User: kozhevnikov
  5 |  * Date: 31.03.2016
  6 |  * Time: 14:44
  7 |  */
  8 | 
  9 | namespace onmotion\gallery;
 10 | 
 11 | use yii\base\Widget;
 12 | use yii\helpers\ArrayHelper;
 13 | use yii\helpers\Html;
 14 | use yii\helpers\Json;
 15 | use yii\web\JsExpression;
 16 | 
 17 | /**
 18 |  * Class Gallery
 19 |  * @package onmotion\gallery
 20 |  */
 21 | class Gallery extends Widget
 22 | {
 23 |     public $id;
 24 | 
 25 |     public $items = [];
 26 | 
 27 |     public $pluginOptions = [];
 28 | 
 29 |     /**
 30 |      * @inheritdoc
 31 |      */
 32 |     public function init()
 33 |     {
 34 |         parent::init();
 35 |        
 36 | 
 37 |         if (!isset($this->id))
 38 |             $this->id = $this->getId();
 39 |     }
 40 | 
 41 |     /**
 42 |      * @inheritdoc
 43 |      */
 44 |     public function run()
 45 |     {
 46 |         if (empty($this->items)) {
 47 |             return null;
 48 |         }
 49 |         $this->renderPreloader();
 50 |         $this->renderGallery();
 51 | 
 52 |         $options = [];
 53 |         foreach ($this->pluginOptions as $k => $v) {
 54 |             $options[$k] = new JsExpression($v);
 55 |         }
 56 |         $options = Json::encode($options);
 57 |         $view = self::getView();
 58 |         $view->registerJs(
 59 |             <<<JS
 60 |  onmotion.gallery('$this->id', $options);
 61 | JS
 62 |         );
 63 |     }
 64 | 
 65 |     /**
 66 |      *
 67 |      */
 68 |     public function renderGallery()
 69 |     {
 70 |         $links = [];
 71 |         foreach ($this->items as $item) {
 72 |             $originalImg = Html::encode($item['original']);
 73 |             $thumbImg = ArrayHelper::getValue($item, 'thumbnail', $originalImg);    //if thumb is empty return original image, but it made render slowly.
 74 |             isset($item['options']['class']) ? $item['options']['class'] .= ' gallery-item' : $item['options']['class'] = 'gallery-item';
 75 |             $links[] = Html::a(Html::img($thumbImg), $originalImg, $item['options']);
 76 |         }
 77 |         $controls =
 78 |             Html::tag('div', '', ['class' => 'slides']) .
 79 |             Html::tag('h3', '', ['class' => 'title']) .
 80 |             Html::tag('a', '‹', ['class' => 'prev']) .
 81 |             Html::tag('a', '›', ['class' => 'next']) .
 82 |             Html::tag('a', '×', ['class' => 'close']) .
 83 |             Html::tag('a', '', ['class' => 'play-pause']);
 84 | 
 85 |         echo Html::tag('div', implode("\n", array_filter($links)), ['id' => $this->id]);
 86 |         echo Html::tag('div', $controls, ['id' => 'blueimp-gallery', 'class' => 'blueimp-gallery blueimp-gallery-controls']);
 87 |     }
 88 | 
 89 |     public function renderPreloader()
 90 |     {
 91 |         $inner = <<<HTML
 92 |         <div class="block">
 93 |             <div class="loading">
 94 |                 <div data-loader="circle-side"></div>
 95 |             </div>
 96 |         </div>
 97 | HTML;
 98 |         echo Html::tag('div', $inner,['id' => 'preloader', 'class' => 'preloader-hide', 'style' => 'background: rgba(0,0,0,.8)']);
 99 |     }
100 |     
101 | }
102 | 


--------------------------------------------------------------------------------
/GalleryAsset.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: kozhevnikov
 5 |  * Date: 31.03.2016
 6 |  * Time: 14:47
 7 |  */
 8 | 
 9 | namespace onmotion\gallery;
10 | 
11 | use yii\web\AssetBundle;
12 | 
13 | /**
14 |  * Class GalleryAsset
15 |  * @package onmotion\gallery
16 |  */
17 | class GalleryAsset extends AssetBundle
18 | {
19 |     public $sourcePath = '@bower/blueimp-gallery';
20 |     public $css = [
21 |         'css/blueimp-gallery.min.css',
22 |     ];
23 |     public $js = [
24 |         'js/blueimp-gallery.min.js',
25 |     ];
26 |     public $depends = [
27 |         'onmotion\gallery\FileInputAsset',
28 |     ];
29 | }
30 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 |                     GNU GENERAL PUBLIC LICENSE
  2 |                        Version 3, 29 June 2007
  3 | 
  4 |  Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
  5 |  Everyone is permitted to copy and distribute verbatim copies
  6 |  of this license document, but changing it is not allowed.
  7 | 
  8 |                             Preamble
  9 | 
 10 |   The GNU General Public License is a free, copyleft license for
 11 | software and other kinds of works.
 12 | 
 13 |   The licenses for most software and other practical works are designed
 14 | to take away your freedom to share and change the works.  By contrast,
 15 | the GNU General Public License is intended to guarantee your freedom to
 16 | share and change all versions of a program--to make sure it remains free
 17 | software for all its users.  We, the Free Software Foundation, use the
 18 | GNU General Public License for most of our software; it applies also to
 19 | any other work released this way by its authors.  You can apply it to
 20 | your programs, too.
 21 | 
 22 |   When we speak of free software, we are referring to freedom, not
 23 | price.  Our General Public Licenses are designed to make sure that you
 24 | have the freedom to distribute copies of free software (and charge for
 25 | them if you wish), that you receive source code or can get it if you
 26 | want it, that you can change the software or use pieces of it in new
 27 | free programs, and that you know you can do these things.
 28 | 
 29 |   To protect your rights, we need to prevent others from denying you
 30 | these rights or asking you to surrender the rights.  Therefore, you have
 31 | certain responsibilities if you distribute copies of the software, or if
 32 | you modify it: responsibilities to respect the freedom of others.
 33 | 
 34 |   For example, if you distribute copies of such a program, whether
 35 | gratis or for a fee, you must pass on to the recipients the same
 36 | freedoms that you received.  You must make sure that they, too, receive
 37 | or can get the source code.  And you must show them these terms so they
 38 | know their rights.
 39 | 
 40 |   Developers that use the GNU GPL protect your rights with two steps:
 41 | (1) assert copyright on the software, and (2) offer you this License
 42 | giving you legal permission to copy, distribute and/or modify it.
 43 | 
 44 |   For the developers' and authors' protection, the GPL clearly explains
 45 | that there is no warranty for this free software.  For both users' and
 46 | authors' sake, the GPL requires that modified versions be marked as
 47 | changed, so that their problems will not be attributed erroneously to
 48 | authors of previous versions.
 49 | 
 50 |   Some devices are designed to deny users access to install or run
 51 | modified versions of the software inside them, although the manufacturer
 52 | can do so.  This is fundamentally incompatible with the aim of
 53 | protecting users' freedom to change the software.  The systematic
 54 | pattern of such abuse occurs in the area of products for individuals to
 55 | use, which is precisely where it is most unacceptable.  Therefore, we
 56 | have designed this version of the GPL to prohibit the practice for those
 57 | products.  If such problems arise substantially in other domains, we
 58 | stand ready to extend this provision to those domains in future versions
 59 | of the GPL, as needed to protect the freedom of users.
 60 | 
 61 |   Finally, every program is threatened constantly by software patents.
 62 | States should not allow patents to restrict development and use of
 63 | software on general-purpose computers, but in those that do, we wish to
 64 | avoid the special danger that patents applied to a free program could
 65 | make it effectively proprietary.  To prevent this, the GPL assures that
 66 | patents cannot be used to render the program non-free.
 67 | 
 68 |   The precise terms and conditions for copying, distribution and
 69 | modification follow.
 70 | 
 71 |                        TERMS AND CONDITIONS
 72 | 
 73 |   0. Definitions.
 74 | 
 75 |   "This License" refers to version 3 of the GNU General Public License.
 76 | 
 77 |   "Copyright" also means copyright-like laws that apply to other kinds of
 78 | works, such as semiconductor masks.
 79 | 
 80 |   "The Program" refers to any copyrightable work licensed under this
 81 | License.  Each licensee is addressed as "you".  "Licensees" and
 82 | "recipients" may be individuals or organizations.
 83 | 
 84 |   To "modify" a work means to copy from or adapt all or part of the work
 85 | in a fashion requiring copyright permission, other than the making of an
 86 | exact copy.  The resulting work is called a "modified version" of the
 87 | earlier work or a work "based on" the earlier work.
 88 | 
 89 |   A "covered work" means either the unmodified Program or a work based
 90 | on the Program.
 91 | 
 92 |   To "propagate" a work means to do anything with it that, without
 93 | permission, would make you directly or secondarily liable for
 94 | infringement under applicable copyright law, except executing it on a
 95 | computer or modifying a private copy.  Propagation includes copying,
 96 | distribution (with or without modification), making available to the
 97 | public, and in some countries other activities as well.
 98 | 
 99 |   To "convey" a work means any kind of propagation that enables other
100 | parties to make or receive copies.  Mere interaction with a user through
101 | a computer network, with no transfer of a copy, is not conveying.
102 | 
103 |   An interactive user interface displays "Appropriate Legal Notices"
104 | to the extent that it includes a convenient and prominently visible
105 | feature that (1) displays an appropriate copyright notice, and (2)
106 | tells the user that there is no warranty for the work (except to the
107 | extent that warranties are provided), that licensees may convey the
108 | work under this License, and how to view a copy of this License.  If
109 | the interface presents a list of user commands or options, such as a
110 | menu, a prominent item in the list meets this criterion.
111 | 
112 |   1. Source Code.
113 | 
114 |   The "source code" for a work means the preferred form of the work
115 | for making modifications to it.  "Object code" means any non-source
116 | form of a work.
117 | 
118 |   A "Standard Interface" means an interface that either is an official
119 | standard defined by a recognized standards body, or, in the case of
120 | interfaces specified for a particular programming language, one that
121 | is widely used among developers working in that language.
122 | 
123 |   The "System Libraries" of an executable work include anything, other
124 | than the work as a whole, that (a) is included in the normal form of
125 | packaging a Major Component, but which is not part of that Major
126 | Component, and (b) serves only to enable use of the work with that
127 | Major Component, or to implement a Standard Interface for which an
128 | implementation is available to the public in source code form.  A
129 | "Major Component", in this context, means a major essential component
130 | (kernel, window system, and so on) of the specific operating system
131 | (if any) on which the executable work runs, or a compiler used to
132 | produce the work, or an object code interpreter used to run it.
133 | 
134 |   The "Corresponding Source" for a work in object code form means all
135 | the source code needed to generate, install, and (for an executable
136 | work) run the object code and to modify the work, including scripts to
137 | control those activities.  However, it does not include the work's
138 | System Libraries, or general-purpose tools or generally available free
139 | programs which are used unmodified in performing those activities but
140 | which are not part of the work.  For example, Corresponding Source
141 | includes interface definition files associated with source files for
142 | the work, and the source code for shared libraries and dynamically
143 | linked subprograms that the work is specifically designed to require,
144 | such as by intimate data communication or control flow between those
145 | subprograms and other parts of the work.
146 | 
147 |   The Corresponding Source need not include anything that users
148 | can regenerate automatically from other parts of the Corresponding
149 | Source.
150 | 
151 |   The Corresponding Source for a work in source code form is that
152 | same work.
153 | 
154 |   2. Basic Permissions.
155 | 
156 |   All rights granted under this License are granted for the term of
157 | copyright on the Program, and are irrevocable provided the stated
158 | conditions are met.  This License explicitly affirms your unlimited
159 | permission to run the unmodified Program.  The output from running a
160 | covered work is covered by this License only if the output, given its
161 | content, constitutes a covered work.  This License acknowledges your
162 | rights of fair use or other equivalent, as provided by copyright law.
163 | 
164 |   You may make, run and propagate covered works that you do not
165 | convey, without conditions so long as your license otherwise remains
166 | in force.  You may convey covered works to others for the sole purpose
167 | of having them make modifications exclusively for you, or provide you
168 | with facilities for running those works, provided that you comply with
169 | the terms of this License in conveying all material for which you do
170 | not control copyright.  Those thus making or running the covered works
171 | for you must do so exclusively on your behalf, under your direction
172 | and control, on terms that prohibit them from making any copies of
173 | your copyrighted material outside their relationship with you.
174 | 
175 |   Conveying under any other circumstances is permitted solely under
176 | the conditions stated below.  Sublicensing is not allowed; section 10
177 | makes it unnecessary.
178 | 
179 |   3. Protecting Users' Legal Rights From Anti-Circumvention Law.
180 | 
181 |   No covered work shall be deemed part of an effective technological
182 | measure under any applicable law fulfilling obligations under article
183 | 11 of the WIPO copyright treaty adopted on 20 December 1996, or
184 | similar laws prohibiting or restricting circumvention of such
185 | measures.
186 | 
187 |   When you convey a covered work, you waive any legal power to forbid
188 | circumvention of technological measures to the extent such circumvention
189 | is effected by exercising rights under this License with respect to
190 | the covered work, and you disclaim any intention to limit operation or
191 | modification of the work as a means of enforcing, against the work's
192 | users, your or third parties' legal rights to forbid circumvention of
193 | technological measures.
194 | 
195 |   4. Conveying Verbatim Copies.
196 | 
197 |   You may convey verbatim copies of the Program's source code as you
198 | receive it, in any medium, provided that you conspicuously and
199 | appropriately publish on each copy an appropriate copyright notice;
200 | keep intact all notices stating that this License and any
201 | non-permissive terms added in accord with section 7 apply to the code;
202 | keep intact all notices of the absence of any warranty; and give all
203 | recipients a copy of this License along with the Program.
204 | 
205 |   You may charge any price or no price for each copy that you convey,
206 | and you may offer support or warranty protection for a fee.
207 | 
208 |   5. Conveying Modified Source Versions.
209 | 
210 |   You may convey a work based on the Program, or the modifications to
211 | produce it from the Program, in the form of source code under the
212 | terms of section 4, provided that you also meet all of these conditions:
213 | 
214 |     a) The work must carry prominent notices stating that you modified
215 |     it, and giving a relevant date.
216 | 
217 |     b) The work must carry prominent notices stating that it is
218 |     released under this License and any conditions added under section
219 |     7.  This requirement modifies the requirement in section 4 to
220 |     "keep intact all notices".
221 | 
222 |     c) You must license the entire work, as a whole, under this
223 |     License to anyone who comes into possession of a copy.  This
224 |     License will therefore apply, along with any applicable section 7
225 |     additional terms, to the whole of the work, and all its parts,
226 |     regardless of how they are packaged.  This License gives no
227 |     permission to license the work in any other way, but it does not
228 |     invalidate such permission if you have separately received it.
229 | 
230 |     d) If the work has interactive user interfaces, each must display
231 |     Appropriate Legal Notices; however, if the Program has interactive
232 |     interfaces that do not display Appropriate Legal Notices, your
233 |     work need not make them do so.
234 | 
235 |   A compilation of a covered work with other separate and independent
236 | works, which are not by their nature extensions of the covered work,
237 | and which are not combined with it such as to form a larger program,
238 | in or on a volume of a storage or distribution medium, is called an
239 | "aggregate" if the compilation and its resulting copyright are not
240 | used to limit the access or legal rights of the compilation's users
241 | beyond what the individual works permit.  Inclusion of a covered work
242 | in an aggregate does not cause this License to apply to the other
243 | parts of the aggregate.
244 | 
245 |   6. Conveying Non-Source Forms.
246 | 
247 |   You may convey a covered work in object code form under the terms
248 | of sections 4 and 5, provided that you also convey the
249 | machine-readable Corresponding Source under the terms of this License,
250 | in one of these ways:
251 | 
252 |     a) Convey the object code in, or embodied in, a physical product
253 |     (including a physical distribution medium), accompanied by the
254 |     Corresponding Source fixed on a durable physical medium
255 |     customarily used for software interchange.
256 | 
257 |     b) Convey the object code in, or embodied in, a physical product
258 |     (including a physical distribution medium), accompanied by a
259 |     written offer, valid for at least three years and valid for as
260 |     long as you offer spare parts or customer support for that product
261 |     model, to give anyone who possesses the object code either (1) a
262 |     copy of the Corresponding Source for all the software in the
263 |     product that is covered by this License, on a durable physical
264 |     medium customarily used for software interchange, for a price no
265 |     more than your reasonable cost of physically performing this
266 |     conveying of source, or (2) access to copy the
267 |     Corresponding Source from a network server at no charge.
268 | 
269 |     c) Convey individual copies of the object code with a copy of the
270 |     written offer to provide the Corresponding Source.  This
271 |     alternative is allowed only occasionally and noncommercially, and
272 |     only if you received the object code with such an offer, in accord
273 |     with subsection 6b.
274 | 
275 |     d) Convey the object code by offering access from a designated
276 |     place (gratis or for a charge), and offer equivalent access to the
277 |     Corresponding Source in the same way through the same place at no
278 |     further charge.  You need not require recipients to copy the
279 |     Corresponding Source along with the object code.  If the place to
280 |     copy the object code is a network server, the Corresponding Source
281 |     may be on a different server (operated by you or a third party)
282 |     that supports equivalent copying facilities, provided you maintain
283 |     clear directions next to the object code saying where to find the
284 |     Corresponding Source.  Regardless of what server hosts the
285 |     Corresponding Source, you remain obligated to ensure that it is
286 |     available for as long as needed to satisfy these requirements.
287 | 
288 |     e) Convey the object code using peer-to-peer transmission, provided
289 |     you inform other peers where the object code and Corresponding
290 |     Source of the work are being offered to the general public at no
291 |     charge under subsection 6d.
292 | 
293 |   A separable portion of the object code, whose source code is excluded
294 | from the Corresponding Source as a System Library, need not be
295 | included in conveying the object code work.
296 | 
297 |   A "User Product" is either (1) a "consumer product", which means any
298 | tangible personal property which is normally used for personal, family,
299 | or household purposes, or (2) anything designed or sold for incorporation
300 | into a dwelling.  In determining whether a product is a consumer product,
301 | doubtful cases shall be resolved in favor of coverage.  For a particular
302 | product received by a particular user, "normally used" refers to a
303 | typical or common use of that class of product, regardless of the status
304 | of the particular user or of the way in which the particular user
305 | actually uses, or expects or is expected to use, the product.  A product
306 | is a consumer product regardless of whether the product has substantial
307 | commercial, industrial or non-consumer uses, unless such uses represent
308 | the only significant mode of use of the product.
309 | 
310 |   "Installation Information" for a User Product means any methods,
311 | procedures, authorization keys, or other information required to install
312 | and execute modified versions of a covered work in that User Product from
313 | a modified version of its Corresponding Source.  The information must
314 | suffice to ensure that the continued functioning of the modified object
315 | code is in no case prevented or interfered with solely because
316 | modification has been made.
317 | 
318 |   If you convey an object code work under this section in, or with, or
319 | specifically for use in, a User Product, and the conveying occurs as
320 | part of a transaction in which the right of possession and use of the
321 | User Product is transferred to the recipient in perpetuity or for a
322 | fixed term (regardless of how the transaction is characterized), the
323 | Corresponding Source conveyed under this section must be accompanied
324 | by the Installation Information.  But this requirement does not apply
325 | if neither you nor any third party retains the ability to install
326 | modified object code on the User Product (for example, the work has
327 | been installed in ROM).
328 | 
329 |   The requirement to provide Installation Information does not include a
330 | requirement to continue to provide support service, warranty, or updates
331 | for a work that has been modified or installed by the recipient, or for
332 | the User Product in which it has been modified or installed.  Access to a
333 | network may be denied when the modification itself materially and
334 | adversely affects the operation of the network or violates the rules and
335 | protocols for communication across the network.
336 | 
337 |   Corresponding Source conveyed, and Installation Information provided,
338 | in accord with this section must be in a format that is publicly
339 | documented (and with an implementation available to the public in
340 | source code form), and must require no special password or key for
341 | unpacking, reading or copying.
342 | 
343 |   7. Additional Terms.
344 | 
345 |   "Additional permissions" are terms that supplement the terms of this
346 | License by making exceptions from one or more of its conditions.
347 | Additional permissions that are applicable to the entire Program shall
348 | be treated as though they were included in this License, to the extent
349 | that they are valid under applicable law.  If additional permissions
350 | apply only to part of the Program, that part may be used separately
351 | under those permissions, but the entire Program remains governed by
352 | this License without regard to the additional permissions.
353 | 
354 |   When you convey a copy of a covered work, you may at your option
355 | remove any additional permissions from that copy, or from any part of
356 | it.  (Additional permissions may be written to require their own
357 | removal in certain cases when you modify the work.)  You may place
358 | additional permissions on material, added by you to a covered work,
359 | for which you have or can give appropriate copyright permission.
360 | 
361 |   Notwithstanding any other provision of this License, for material you
362 | add to a covered work, you may (if authorized by the copyright holders of
363 | that material) supplement the terms of this License with terms:
364 | 
365 |     a) Disclaiming warranty or limiting liability differently from the
366 |     terms of sections 15 and 16 of this License; or
367 | 
368 |     b) Requiring preservation of specified reasonable legal notices or
369 |     author attributions in that material or in the Appropriate Legal
370 |     Notices displayed by works containing it; or
371 | 
372 |     c) Prohibiting misrepresentation of the origin of that material, or
373 |     requiring that modified versions of such material be marked in
374 |     reasonable ways as different from the original version; or
375 | 
376 |     d) Limiting the use for publicity purposes of names of licensors or
377 |     authors of the material; or
378 | 
379 |     e) Declining to grant rights under trademark law for use of some
380 |     trade names, trademarks, or service marks; or
381 | 
382 |     f) Requiring indemnification of licensors and authors of that
383 |     material by anyone who conveys the material (or modified versions of
384 |     it) with contractual assumptions of liability to the recipient, for
385 |     any liability that these contractual assumptions directly impose on
386 |     those licensors and authors.
387 | 
388 |   All other non-permissive additional terms are considered "further
389 | restrictions" within the meaning of section 10.  If the Program as you
390 | received it, or any part of it, contains a notice stating that it is
391 | governed by this License along with a term that is a further
392 | restriction, you may remove that term.  If a license document contains
393 | a further restriction but permits relicensing or conveying under this
394 | License, you may add to a covered work material governed by the terms
395 | of that license document, provided that the further restriction does
396 | not survive such relicensing or conveying.
397 | 
398 |   If you add terms to a covered work in accord with this section, you
399 | must place, in the relevant source files, a statement of the
400 | additional terms that apply to those files, or a notice indicating
401 | where to find the applicable terms.
402 | 
403 |   Additional terms, permissive or non-permissive, may be stated in the
404 | form of a separately written license, or stated as exceptions;
405 | the above requirements apply either way.
406 | 
407 |   8. Termination.
408 | 
409 |   You may not propagate or modify a covered work except as expressly
410 | provided under this License.  Any attempt otherwise to propagate or
411 | modify it is void, and will automatically terminate your rights under
412 | this License (including any patent licenses granted under the third
413 | paragraph of section 11).
414 | 
415 |   However, if you cease all violation of this License, then your
416 | license from a particular copyright holder is reinstated (a)
417 | provisionally, unless and until the copyright holder explicitly and
418 | finally terminates your license, and (b) permanently, if the copyright
419 | holder fails to notify you of the violation by some reasonable means
420 | prior to 60 days after the cessation.
421 | 
422 |   Moreover, your license from a particular copyright holder is
423 | reinstated permanently if the copyright holder notifies you of the
424 | violation by some reasonable means, this is the first time you have
425 | received notice of violation of this License (for any work) from that
426 | copyright holder, and you cure the violation prior to 30 days after
427 | your receipt of the notice.
428 | 
429 |   Termination of your rights under this section does not terminate the
430 | licenses of parties who have received copies or rights from you under
431 | this License.  If your rights have been terminated and not permanently
432 | reinstated, you do not qualify to receive new licenses for the same
433 | material under section 10.
434 | 
435 |   9. Acceptance Not Required for Having Copies.
436 | 
437 |   You are not required to accept this License in order to receive or
438 | run a copy of the Program.  Ancillary propagation of a covered work
439 | occurring solely as a consequence of using peer-to-peer transmission
440 | to receive a copy likewise does not require acceptance.  However,
441 | nothing other than this License grants you permission to propagate or
442 | modify any covered work.  These actions infringe copyright if you do
443 | not accept this License.  Therefore, by modifying or propagating a
444 | covered work, you indicate your acceptance of this License to do so.
445 | 
446 |   10. Automatic Licensing of Downstream Recipients.
447 | 
448 |   Each time you convey a covered work, the recipient automatically
449 | receives a license from the original licensors, to run, modify and
450 | propagate that work, subject to this License.  You are not responsible
451 | for enforcing compliance by third parties with this License.
452 | 
453 |   An "entity transaction" is a transaction transferring control of an
454 | organization, or substantially all assets of one, or subdividing an
455 | organization, or merging organizations.  If propagation of a covered
456 | work results from an entity transaction, each party to that
457 | transaction who receives a copy of the work also receives whatever
458 | licenses to the work the party's predecessor in interest had or could
459 | give under the previous paragraph, plus a right to possession of the
460 | Corresponding Source of the work from the predecessor in interest, if
461 | the predecessor has it or can get it with reasonable efforts.
462 | 
463 |   You may not impose any further restrictions on the exercise of the
464 | rights granted or affirmed under this License.  For example, you may
465 | not impose a license fee, royalty, or other charge for exercise of
466 | rights granted under this License, and you may not initiate litigation
467 | (including a cross-claim or counterclaim in a lawsuit) alleging that
468 | any patent claim is infringed by making, using, selling, offering for
469 | sale, or importing the Program or any portion of it.
470 | 
471 |   11. Patents.
472 | 
473 |   A "contributor" is a copyright holder who authorizes use under this
474 | License of the Program or a work on which the Program is based.  The
475 | work thus licensed is called the contributor's "contributor version".
476 | 
477 |   A contributor's "essential patent claims" are all patent claims
478 | owned or controlled by the contributor, whether already acquired or
479 | hereafter acquired, that would be infringed by some manner, permitted
480 | by this License, of making, using, or selling its contributor version,
481 | but do not include claims that would be infringed only as a
482 | consequence of further modification of the contributor version.  For
483 | purposes of this definition, "control" includes the right to grant
484 | patent sublicenses in a manner consistent with the requirements of
485 | this License.
486 | 
487 |   Each contributor grants you a non-exclusive, worldwide, royalty-free
488 | patent license under the contributor's essential patent claims, to
489 | make, use, sell, offer for sale, import and otherwise run, modify and
490 | propagate the contents of its contributor version.
491 | 
492 |   In the following three paragraphs, a "patent license" is any express
493 | agreement or commitment, however denominated, not to enforce a patent
494 | (such as an express permission to practice a patent or covenant not to
495 | sue for patent infringement).  To "grant" such a patent license to a
496 | party means to make such an agreement or commitment not to enforce a
497 | patent against the party.
498 | 
499 |   If you convey a covered work, knowingly relying on a patent license,
500 | and the Corresponding Source of the work is not available for anyone
501 | to copy, free of charge and under the terms of this License, through a
502 | publicly available network server or other readily accessible means,
503 | then you must either (1) cause the Corresponding Source to be so
504 | available, or (2) arrange to deprive yourself of the benefit of the
505 | patent license for this particular work, or (3) arrange, in a manner
506 | consistent with the requirements of this License, to extend the patent
507 | license to downstream recipients.  "Knowingly relying" means you have
508 | actual knowledge that, but for the patent license, your conveying the
509 | covered work in a country, or your recipient's use of the covered work
510 | in a country, would infringe one or more identifiable patents in that
511 | country that you have reason to believe are valid.
512 | 
513 |   If, pursuant to or in connection with a single transaction or
514 | arrangement, you convey, or propagate by procuring conveyance of, a
515 | covered work, and grant a patent license to some of the parties
516 | receiving the covered work authorizing them to use, propagate, modify
517 | or convey a specific copy of the covered work, then the patent license
518 | you grant is automatically extended to all recipients of the covered
519 | work and works based on it.
520 | 
521 |   A patent license is "discriminatory" if it does not include within
522 | the scope of its coverage, prohibits the exercise of, or is
523 | conditioned on the non-exercise of one or more of the rights that are
524 | specifically granted under this License.  You may not convey a covered
525 | work if you are a party to an arrangement with a third party that is
526 | in the business of distributing software, under which you make payment
527 | to the third party based on the extent of your activity of conveying
528 | the work, and under which the third party grants, to any of the
529 | parties who would receive the covered work from you, a discriminatory
530 | patent license (a) in connection with copies of the covered work
531 | conveyed by you (or copies made from those copies), or (b) primarily
532 | for and in connection with specific products or compilations that
533 | contain the covered work, unless you entered into that arrangement,
534 | or that patent license was granted, prior to 28 March 2007.
535 | 
536 |   Nothing in this License shall be construed as excluding or limiting
537 | any implied license or other defenses to infringement that may
538 | otherwise be available to you under applicable patent law.
539 | 
540 |   12. No Surrender of Others' Freedom.
541 | 
542 |   If conditions are imposed on you (whether by court order, agreement or
543 | otherwise) that contradict the conditions of this License, they do not
544 | excuse you from the conditions of this License.  If you cannot convey a
545 | covered work so as to satisfy simultaneously your obligations under this
546 | License and any other pertinent obligations, then as a consequence you may
547 | not convey it at all.  For example, if you agree to terms that obligate you
548 | to collect a royalty for further conveying from those to whom you convey
549 | the Program, the only way you could satisfy both those terms and this
550 | License would be to refrain entirely from conveying the Program.
551 | 
552 |   13. Use with the GNU Affero General Public License.
553 | 
554 |   Notwithstanding any other provision of this License, you have
555 | permission to link or combine any covered work with a work licensed
556 | under version 3 of the GNU Affero General Public License into a single
557 | combined work, and to convey the resulting work.  The terms of this
558 | License will continue to apply to the part which is the covered work,
559 | but the special requirements of the GNU Affero General Public License,
560 | section 13, concerning interaction through a network will apply to the
561 | combination as such.
562 | 
563 |   14. Revised Versions of this License.
564 | 
565 |   The Free Software Foundation may publish revised and/or new versions of
566 | the GNU General Public License from time to time.  Such new versions will
567 | be similar in spirit to the present version, but may differ in detail to
568 | address new problems or concerns.
569 | 
570 |   Each version is given a distinguishing version number.  If the
571 | Program specifies that a certain numbered version of the GNU General
572 | Public License "or any later version" applies to it, you have the
573 | option of following the terms and conditions either of that numbered
574 | version or of any later version published by the Free Software
575 | Foundation.  If the Program does not specify a version number of the
576 | GNU General Public License, you may choose any version ever published
577 | by the Free Software Foundation.
578 | 
579 |   If the Program specifies that a proxy can decide which future
580 | versions of the GNU General Public License can be used, that proxy's
581 | public statement of acceptance of a version permanently authorizes you
582 | to choose that version for the Program.
583 | 
584 |   Later license versions may give you additional or different
585 | permissions.  However, no additional obligations are imposed on any
586 | author or copyright holder as a result of your choosing to follow a
587 | later version.
588 | 
589 |   15. Disclaimer of Warranty.
590 | 
591 |   THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
592 | APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
593 | HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
594 | OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
595 | THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
596 | PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
597 | IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
598 | ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
599 | 
600 |   16. Limitation of Liability.
601 | 
602 |   IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
603 | WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
604 | THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
605 | GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
606 | USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
607 | DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
608 | PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
609 | EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
610 | SUCH DAMAGES.
611 | 
612 |   17. Interpretation of Sections 15 and 16.
613 | 
614 |   If the disclaimer of warranty and limitation of liability provided
615 | above cannot be given local legal effect according to their terms,
616 | reviewing courts shall apply local law that most closely approximates
617 | an absolute waiver of all civil liability in connection with the
618 | Program, unless a warranty or assumption of liability accompanies a
619 | copy of the Program in return for a fee.
620 | 
621 |                      END OF TERMS AND CONDITIONS
622 | 
623 |             How to Apply These Terms to Your New Programs
624 | 
625 |   If you develop a new program, and you want it to be of the greatest
626 | possible use to the public, the best way to achieve this is to make it
627 | free software which everyone can redistribute and change under these terms.
628 | 
629 |   To do so, attach the following notices to the program.  It is safest
630 | to attach them to the start of each source file to most effectively
631 | state the exclusion of warranty; and each file should have at least
632 | the "copyright" line and a pointer to where the full notice is found.
633 | 
634 |     {one line to give the program's name and a brief idea of what it does.}
635 |     Copyright (C) {year}  {name of author}
636 | 
637 |     This program is free software: you can redistribute it and/or modify
638 |     it under the terms of the GNU General Public License as published by
639 |     the Free Software Foundation, either version 3 of the License, or
640 |     (at your option) any later version.
641 | 
642 |     This program is distributed in the hope that it will be useful,
643 |     but WITHOUT ANY WARRANTY; without even the implied warranty of
644 |     MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
645 |     GNU General Public License for more details.
646 | 
647 |     You should have received a copy of the GNU General Public License
648 |     along with this program.  If not, see <http://www.gnu.org/licenses/>.
649 | 
650 | Also add information on how to contact you by electronic and paper mail.
651 | 
652 |   If the program does terminal interaction, make it output a short
653 | notice like this when it starts in an interactive mode:
654 | 
655 |     {project}  Copyright (C) {year}  {fullname}
656 |     This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
657 |     This is free software, and you are welcome to redistribute it
658 |     under certain conditions; type `show c' for details.
659 | 
660 | The hypothetical commands `show w' and `show c' should show the appropriate
661 | parts of the General Public License.  Of course, your program's commands
662 | might be different; for a GUI interface, you would use an "about box".
663 | 
664 |   You should also get your employer (if you work as a programmer) or school,
665 | if any, to sign a "copyright disclaimer" for the program, if necessary.
666 | For more information on this, and how to apply and follow the GNU GPL, see
667 | <http://www.gnu.org/licenses/>.
668 | 
669 |   The GNU General Public License does not permit incorporating your program
670 | into proprietary programs.  If your program is a subroutine library, you
671 | may consider it more useful to permit linking proprietary applications with
672 | the library.  If this is what you want to do, use the GNU Lesser General
673 | Public License instead of this License.  But first, please read
674 | <http://www.gnu.org/philosophy/why-not-lgpl.html>.
675 | 


--------------------------------------------------------------------------------
/Module.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace onmotion\gallery;
 4 | 
 5 | /**
 6 |  * gallery module definition class
 7 |  */
 8 | class Module extends \yii\base\Module
 9 | {
10 |     /**
11 |      * @inheritdoc
12 |      */
13 |     public $controllerNamespace = 'onmotion\gallery\controllers';
14 | 
15 |     /**
16 |      * @inheritdoc
17 |      */
18 |     public function init()
19 |     {
20 |         parent::init();
21 |         $view = \Yii::$app->getView();
22 |         FileInputAsset::register($view);
23 |         GalleryAsset::register($view);
24 |         ModuleAsset::register($view);
25 |     }
26 | 
27 | }
28 | 


--------------------------------------------------------------------------------
/ModuleAsset.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: kozhevnikov
 5 |  * Date: 31.03.2016
 6 |  * Time: 14:47
 7 |  */
 8 | 
 9 | namespace onmotion\gallery;
10 | 
11 | use yii\web\AssetBundle;
12 | 
13 | /**
14 |  * Class GalleryAsset
15 |  * @package onmotion\gallery
16 |  */
17 | class ModuleAsset extends AssetBundle
18 | {
19 |     public $sourcePath = __DIR__ . '/assets';
20 |     public $css = [
21 |         'css/onmotion-gallery.css',
22 |     ];
23 |     public $js = [
24 |         'js/onmotion-bootstrap-modal.js',
25 |         'js/onmotion-gallery.js',
26 |     ];
27 |     public $depends = [
28 |         'onmotion\gallery\FileInputAsset',
29 |     ];
30 | }
31 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Yii2 Gallery module
 2 | ===================
 3 | blueimp gallery in your Yii2 application with fileupload
 4 | 
 5 | [![Latest Stable Version](https://poser.pugx.org/onmotion/yii2-gallery/v/stable)](https://packagist.org/packages/onmotion/yii2-gallery)
 6 | [![Total Downloads](https://poser.pugx.org/onmotion/yii2-gallery/downloads)](https://packagist.org/packages/onmotion/yii2-gallery)
 7 | [![Monthly Downloads](https://poser.pugx.org/onmotion/yii2-gallery/d/monthly)](https://packagist.org/packages/onmotion/yii2-gallery)
 8 | [![License](https://poser.pugx.org/onmotion/yii2-gallery/license)](https://packagist.org/packages/onmotion/yii2-gallery)
 9 | 
10 | Installation
11 | ------------
12 | 
13 | The preferred way to install this extension is through [composer](http://getcomposer.org/download/).
14 | 
15 | Either run
16 | 
17 | ```
18 | php composer.phar require --prefer-dist onmotion/yii2-gallery "*"
19 | ```
20 | 
21 | or add
22 | 
23 | ```
24 | "onmotion/yii2-gallery": "*"
25 | ```
26 | 
27 | to the require section of your `composer.json` file.
28 | 
29 | 
30 | Usage
31 | -----
32 | 
33 | 1. You must add to your config:
34 | ```
35 | 'modules' => [
36 | 		//...
37 |         'gallery' => [
38 |             'class' => 'onmotion\gallery\Module',
39 |         ],
40 |         //...
41 |     ]
42 | ```
43 | 
44 | 1. Apply migration, run:
45 | ```
46 | php yii migrate --migrationPath=@vendor/onmotion/yii2-gallery/migrations
47 | ```
48 | 
49 | 1. Go to your application in your browser
50 | ```
51 | http://your-host/gallery
52 | ```
53 | If you want change the view, you can add to your config:
54 | ```
55 |  'components' => [
56 |         //...
57 |         'view' => [
58 |             'theme' => [
59 |                 'pathMap' => [
60 |                     '@vendor/onmotion/yii2-gallery/views/default' => '@app/views/gallery', // example: @app/views/gallery/default/index.php
61 |                 ],
62 |             ],
63 |         ],
64 |         //...
65 |     ],
66 | ```
67 | then you need to copy directory 'default' from @vendor/onmotion/yii2-gallery/views to @app/views/gallery and change it as you want.
68 | 
69 | 
70 | ![](https://raw.githubusercontent.com/onmotion/yii2-gallery/master/samples/sample1.png)
71 | 
72 | ![](https://raw.githubusercontent.com/onmotion/yii2-gallery/master/samples/sample2.png)
73 | 
74 | More samples how it works you can see at [blueimp gallery page](https://github.com/blueimp/Gallery/blob/master/README.md)
75 | 


--------------------------------------------------------------------------------
/assets/css/onmotion-gallery.css:
--------------------------------------------------------------------------------
  1 | #preloader{position:fixed;width:100%;height:100%;left:0;z-index:2000;top:0}
  2 | #preloader img{display:block;margin:0 auto;top:50%;position:relative}[data-loader='circle-side']{position:relative;margin:auto;width:80px;height:80px;-webkit-animation:circle infinite .75s linear;animation:circle infinite .75s linear;border:2px solid rgba(0,0,0,0.2);border-left-color:#fff;border-radius:100%}@-webkit-keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
  3 | .block {
  4 |     width: 25%;
  5 |     position: relative;
  6 |     top: 50%;
  7 |     height: 100%;
  8 |     margin: 0 auto;
  9 |     text-align: center;
 10 | }
 11 | #gallery-listview > div[data-key] {
 12 |     display: inline-block;
 13 |     margin: 10px 0 10px 0;
 14 |     vertical-align: top;
 15 |     height: 285px; }
 16 | #gallery-listview > ul {
 17 |     display: block;
 18 |     height: 35px; }
 19 | #gallery-listview .gallery-item {
 20 |     margin: 20px 40px 20px 40px;
 21 |     max-width: 200px; }
 22 | #gallery-listview .gallery-item .change-btns {
 23 |     display: none;
 24 |     position: absolute;
 25 |     margin: 3px;
 26 |     padding: 3px 12px;
 27 |     right: 0;
 28 |     border-radius: 3px;
 29 |     font-size: 16px;
 30 |     background-color: rgba(255, 255, 255, 0.7); }
 31 | #gallery-listview .gallery-item .change-btns > a {
 32 |     color: #16a085;
 33 |     -webkit-transition: color .2s;
 34 |     transition: color .2s; }
 35 | #gallery-listview .gallery-item .change-btns > a:first-child {
 36 |     color: #e74c3c;
 37 |     letter-spacing: 8px; }
 38 | #gallery-listview .gallery-item .change-btns > a:hover {
 39 |     color: #0b3e6f; }
 40 | #gallery-listview .gallery-item .image {
 41 |     -webkit-transition: all 0.2s ease-out;
 42 |     transition: all 0.2s ease-out;
 43 |     position: relative;
 44 |     width: 200px;
 45 |     height: 200px;
 46 |     background-color: #ccc;
 47 |     box-shadow: 0 0 8px #333; }
 48 | #gallery-listview .gallery-item .image .image-wrap {
 49 |     width: 100%;
 50 |     height: 100%;
 51 |     display: block; }
 52 | #gallery-listview .gallery-item .image .image-wrap img{
 53 |     width: 100px;  }
 54 | #gallery-listview .gallery-item .image:hover {
 55 |     -webkit-transform: scale(1.03);
 56 |     -ms-transform: scale(1.03);
 57 |     transform: scale(1.03); }
 58 | #gallery-listview .gallery-item .image:hover .change-btns {
 59 |     display: inline-block; }
 60 | #gallery-listview .gallery-item .name {
 61 |     padding-top: 5px;
 62 |     text-align: center; }
 63 | #gallery-listview .gallery-item .name > span {
 64 |     font-weight: 500;
 65 |     font-size: 16px; }
 66 | #gallery-listview .gallery-item .name .date-gallery {
 67 |     font-weight: 400;
 68 |     font-size: 11px;
 69 |     display: block; }
 70 | 
 71 | #check-toggle.checked {
 72 |     background-color: #f39c12; }
 73 | 
 74 | #gallery-links > a {
 75 |     margin-left: -4px; }
 76 | #gallery-links > a img {
 77 |     -webkit-transition: all 0.2s ease-out;
 78 |     transition: all 0.2s ease-out; }
 79 | #gallery-links > a img:hover {
 80 |     -webkit-transform: scale(1.03);
 81 |     -ms-transform: scale(1.03);
 82 |     transform: scale(1.03); }
 83 | #gallery-links > a .checked {
 84 |     filter: opacity(0.5) grayscale(100%);
 85 |     -webkit-filter: opacity(0.5) grayscale(100%); }
 86 | #gallery-links > a .edit-mode {
 87 |     outline: 2px solid #ffff00;
 88 |     outline-offset: -2px; }
 89 | 
 90 | .gallery-view .panel-group {
 91 |     margin-bottom: 40px; }
 92 | 
 93 | .download-collapse {
 94 |     margin-top: 40px; }
 95 | 
 96 | .kv-fileinput-caption {
 97 |     background-color: #eef; }
 98 | #gallery-modal .preloader{
 99 |     height:20px}
100 | .modal-footer {
101 |     padding: 11px 16px !important;
102 | }
103 | .gallery-view .panel-default > .panel-heading{
104 |     color: #ecf0f1;
105 |     background: #34495e;
106 | }


--------------------------------------------------------------------------------
/assets/js/onmotion-bootstrap-modal.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Created by kozhevnikov on 04.04.2016.
  3 |  */
  4 | $(document).ready(function () {
  5 |     var $modal = $('#gallery-modal');
  6 |     var progressBar = '<div class="progress"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%"><span class="sr-only">100</span></div></div>';
  7 | 
  8 |     $('a[role="modal-toggle"]').on('click', function (e) {
  9 |         e.preventDefault();
 10 |         $modal.find('.modal-title').text($(this).attr('data-modal-title'));
 11 |         $modal.find('.modal-body').text($(this).attr('data-modal-body'));
 12 |         $modal.find('#modal-confirm-btn').attr('href', $(this).attr('href'));
 13 |         var method = $(this).attr('method');
 14 |         if (method == 'get') {
 15 |             $.ajax({
 16 |                 type: 'get',
 17 |                 url: $(this).attr('href'),
 18 |                 dataType: 'json',
 19 |                 beforeSend: function () {
 20 |                     $modal.find('.modal-body').html(progressBar);
 21 |                 },
 22 |                 success: function (data) {
 23 |                     $modal.find('.modal-title').text(data.content.title);
 24 |                     $modal.find('.modal-body').html(data.content);
 25 |                 },
 26 |                 error: function (xhr, textStatus, errorThrown) {
 27 |                     console.log(xhr);
 28 |                     console.log(textStatus);
 29 |                     console.log(errorThrown);
 30 |                     $modal.find('.modal-body').text(errorThrown);
 31 |                 }
 32 |             });
 33 |         }
 34 |         $modal.modal();
 35 |         return false;
 36 |     });
 37 | 
 38 |     $('#modal-confirm-btn').on('click', function (e) {
 39 |         e.preventDefault();
 40 |         var form = $(this).closest('.modal-content').find('form');  //try to find form
 41 |         if (form.length > 0){
 42 |             form.submit();
 43 |             return false;
 44 |         }
 45 |         var that = $(this);
 46 |         $.ajax({
 47 |             type: 'post',
 48 |             url: that.attr('href'),
 49 |             dataType: 'json',
 50 |             beforeSend: function () {
 51 |                 $modal.find('.modal-body').html(progressBar);
 52 |             },
 53 |             success: function (data) {
 54 |                 $modal.find('.modal-title').text(data.title);
 55 |                 $modal.find('.modal-body').html(data.content);
 56 |                 if(data.forceClose == true)
 57 |                     $modal.modal('hide');
 58 |                 if(data.forceReload == true)
 59 |                     location.reload();
 60 |                 if(data.hideActionButton == true)
 61 |                     that.hide();
 62 |                 return false;
 63 |             },
 64 |             error: function (xhr, textStatus, errorThrown) {
 65 |                 console.log(xhr);
 66 |                 console.log(textStatus);
 67 |                 console.log(errorThrown);
 68 |                 $modal.find('.modal-body').text(errorThrown);
 69 |             }
 70 |         });
 71 |         return false;
 72 |     });
 73 |     
 74 |     
 75 |     $(document).on("submit", '#gallery-modal form', function(e){
 76 |         e.preventDefault();
 77 |         var form = $modal.find('form');
 78 |         $.ajax({
 79 |             type: 'post',
 80 |             url: form.attr('action'),
 81 |             data: form.serialize(),
 82 |             dataType: 'json',
 83 |             beforeSend: function () {
 84 |                 $modal.find('.modal-body').html(progressBar);
 85 |             },
 86 |             success: function (data) {
 87 |                 $modal.find('.modal-title').text(data.title);
 88 |                 $modal.find('.modal-body').html(data.content);
 89 |                 if(data.forceClose == true)
 90 |                     $modal.modal('hide');
 91 |                 if(data.forceReload == true)
 92 |                     location.reload();
 93 |                 if(data.hideActionButton == true)
 94 |                     $('#modal-confirm-btn').hide();
 95 |                 return false;
 96 |             },
 97 |             error: function (xhr, textStatus, errorThrown) {
 98 |                 console.log(xhr);
 99 |                 console.log(textStatus);
100 |                 console.log(errorThrown);
101 |                 $modal.find('.modal-body').text(errorThrown);
102 |             }
103 |         });
104 |         return false;
105 |     });
106 | });
107 | 


--------------------------------------------------------------------------------
/assets/js/onmotion-gallery.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Created by kozhevnikov on 01.04.2016.
  3 |  */
  4 | var onmotion = {};
  5 | onmotion.gallery = function (id, extOptions) {
  6 |     document.getElementById('gallery-links').onclick = function (event) {
  7 |         event = event || window.event;
  8 |         var target = event.target || event.srcElement,
  9 |             options = typeof extOptions == 'object' ? extOptions : JSON.parse(extOptions),
 10 |             links = this.getElementsByTagName('a');
 11 |         options.index = target.src ? target.parentNode : target;
 12 |         options.event = event;
 13 |         blueimp.Gallery(links, options);
 14 |     };
 15 | };
 16 | 
 17 | $(document).ready(function () {
 18 |     var $galleryItem = $('.gallery-item > img');
 19 |     var count = 0;
 20 |     var $deleteBtn = $('#photos-delete-btn');
 21 |     var $resetBtn = $('#reset-all');
 22 |     var $checkAllBtn = $('#check-all');
 23 | 
 24 |     function editClick(e) {
 25 |         e.preventDefault();
 26 |         if ($(this).hasClass('checked')) {
 27 |             $(this).removeClass('checked');
 28 |             count--;
 29 |         } else {
 30 |             $(this).addClass('checked');
 31 |             count++;
 32 |         }
 33 |         (count > 0) ? $deleteBtn.show() : $deleteBtn.hide();
 34 |         return false;
 35 |     }
 36 | 
 37 |     $(document).on('click', '#check-toggle', function (e) {
 38 |         e.preventDefault();
 39 |         if ($(this).hasClass('checked')) {
 40 |             $(this).removeClass('checked');
 41 |             $galleryItem.off('click', editClick);
 42 |             $checkAllBtn.hide();
 43 |             $resetBtn.hide();
 44 |             $galleryItem.each(function () {
 45 |                 $(this).removeClass('edit-mode');
 46 |             });
 47 |         } else {
 48 |             $(this).addClass('checked');
 49 |             $galleryItem.on('click', editClick);
 50 |             $checkAllBtn.show();
 51 |             $resetBtn.show();
 52 |             $galleryItem.each(function () {
 53 |                 $(this).addClass('edit-mode');
 54 |             });
 55 |         }
 56 |     });
 57 | 
 58 |     $checkAllBtn.click(function (e) {
 59 |         e.preventDefault();
 60 |         $galleryItem.each(function () {
 61 |             $(this).trigger('click');
 62 |         });
 63 |     });
 64 | 
 65 |     $(document).on('click', '#reset-all', function (e) {
 66 |         e.preventDefault();
 67 |         $galleryItem.each(function () {
 68 |             $(this).removeClass('checked');
 69 |         });
 70 |         count = 0;
 71 |         $deleteBtn.hide();
 72 |     });
 73 | 
 74 | 
 75 |     $(document).on('click', '#photos-delete-confirm-btn', function (e) {
 76 |         e.preventDefault();
 77 |         var idForRemove = [];
 78 |         var $modal = $('#gallery-modal');
 79 |         $('img.checked').each(function () {
 80 |             idForRemove.push($(this).parent().attr('data-id'));
 81 |         });
 82 |         var dataForRemove = {};
 83 |         dataForRemove.ids = idForRemove;
 84 | 
 85 |         $.ajax({
 86 |             type: 'post',
 87 |             url: $(this).attr('href'),
 88 |             data: dataForRemove,
 89 |             beforeSend: function () {
 90 |                 $modal.find('.modal-body').html('<div class="progress"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%"><span class="sr-only">100</span></div></div>');
 91 |             },
 92 |             success: function (data, textStatus, xhr) {
 93 |                 $modal.find('.modal-body').html('Success!');
 94 |                 $(this).hide();
 95 |                 location.reload();
 96 |             },
 97 |             error: function (xhr, textStatus, errorThrown) {
 98 |                 console.log(xhr);
 99 |                 console.log(textStatus);
100 |                 console.log(errorThrown);
101 |                 $modal.find('.modal-body').html(xhr);
102 |             }
103 |         });
104 |     });
105 | });
106 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "onmotion/yii2-gallery",
 3 |     "description": "blueimp gallery with fileupload in your Yii2 application",
 4 |     "type": "yii2-extension",
 5 |     "keywords": ["yii2","gallery","module","blueimp","photo"],
 6 |     "license": "GPL-3.0",
 7 |     "authors": [
 8 |         {
 9 |             "name": "Alexandr Kozhevnikov",
10 |             "email": "onmotion1@gmail.com",
11 |             "homepage": "http://kozhevnikov.me",
12 |             "role": "Developer"
13 |         }
14 |     ],
15 |     "require": {
16 |         "yiisoft/yii2": ">=2.0.1",
17 |         "bower-asset/blueimp-gallery": ">=v2.17.0",
18 |         "npm-asset/bootstrap-fileinput": "^5.0",
19 |         "onmotion/yii2-helpers": "*"
20 |     },
21 |     "autoload": {
22 |         "psr-4": {
23 |             "onmotion\\gallery\\": ""
24 |         }
25 |     },
26 |      "extra": {
27 |         "asset-installer-paths": {
28 |             "npm-asset-library": "vendor/npm",
29 |             "bower-asset-library": "vendor/bower"
30 |         }
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/controllers/DefaultController.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | namespace onmotion\gallery\controllers;
  4 | 
  5 | 
  6 | use Imagick;
  7 | use onmotion\gallery\models\Gallery;
  8 | use onmotion\gallery\models\GalleryPhoto;
  9 | use onmotion\gallery\models\GallerySearch;
 10 | use onmotion\helpers\File;
 11 | use onmotion\helpers\Image;
 12 | use onmotion\helpers\ImagickExt;
 13 | use onmotion\helpers\Translator;
 14 | use Yii;
 15 | use yii\base\Exception;
 16 | use yii\base\UserException;
 17 | use yii\web\Controller;
 18 | use yii\web\NotFoundHttpException;
 19 | use yii\filters\VerbFilter;
 20 | use yii\web\Response;
 21 | use yii\helpers\Html;
 22 | 
 23 | ini_set('memory_limit', '512M');
 24 | 
 25 | 
 26 | class DefaultController extends Controller
 27 | {
 28 |     /**
 29 |      * @inheritdoc
 30 |      */
 31 |     public function behaviors()
 32 |     {
 33 |         return [
 34 |             'verbs' => [
 35 |                 'class' => VerbFilter::className(),
 36 |                 'actions' => [
 37 |                     'delete' => ['post'],
 38 |                     'photos-delete' => ['post'],
 39 |                 ],
 40 |             ],
 41 |         ];
 42 |     }
 43 | 
 44 |     /**
 45 |      * Lists all Gallery models.
 46 |      * @return mixed
 47 |      */
 48 |     public function actionIndex()
 49 |     {
 50 |         $searchModel = new GallerySearch();
 51 |         $dataProvider = $searchModel->search(Yii::$app->request->queryParams);
 52 | 
 53 |         return $this->render('index', [
 54 |             'searchModel' => $searchModel,
 55 |             'dataProvider' => $dataProvider,
 56 |         ]);
 57 |     }
 58 | 
 59 |     public function actionFileupload()
 60 |     {
 61 |         $extraData = Yii::$app->request->post();
 62 |         $model = new GalleryPhoto();
 63 | 
 64 |         if (!empty($_FILES) && $_FILES['image']['error'][0] == 0) {
 65 |             $imageTmpName = $_FILES["image"]["tmp_name"][0];
 66 |             $pathinfo = pathinfo($_FILES["image"]["name"][0]);
 67 |             $imageName = $pathinfo['filename'] . uniqid() . '.' . $pathinfo['extension'];
 68 |             list($width, $height) = getimagesize($imageTmpName);
 69 | 
 70 |             $ratio = $width / $height;
 71 |             $newWidth = ($width < 1500) ? $width : 1500;
 72 |             $newHeight = round($newWidth / $ratio);
 73 |             try {
 74 |                 $filepath = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit(Html::encode($extraData['gallery_name'])) . '/' . $imageName);
 75 |                 $thumbPath = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit(Html::encode($extraData['gallery_name'])) . '/thumb/' . $imageName);
 76 | 
 77 |                 $imageType = 'undefined';
 78 |                 $image_p = imagecreatetruecolor($newWidth, $newHeight);
 79 |                 $image_t = imagecreatetruecolor(110, 110);
 80 |                 try {
 81 |                     $image = imagecreatefrompng($imageTmpName);
 82 |                     $imageType = 'png';
 83 |                 } catch (\Exception $e){
 84 |                     try {
 85 |                         $image = imagecreatefromjpeg($imageTmpName);
 86 |                         $imageType = 'jpeg';
 87 |                     } catch (\Exception $e){
 88 |                         try {
 89 |                             $image = imagecreatefromgif($imageTmpName);
 90 |                             $imageType = 'gif';
 91 |                         } catch (\Exception $e){
 92 |                             throw new Exception($e->getMessage());
 93 |                         }
 94 |                     }
 95 |                 }
 96 | 
 97 |                 imagecopyresized($image_p, $image, 0, 0, 0, 0, $newWidth, $newHeight, $width, $height);
 98 | 
 99 |                 $w = 110;
100 |                 $h = 110;
101 | 
102 |                     if ($width > $height) {
103 |                         $r = $width / $height;
104 |                         imagecopyresampled($image_t, $image, 0, 0, 0, 0, ($w*$r), $h, $width, $height);
105 |                     } else {
106 |                         $r = $height/$width;
107 |                         imagecopyresampled($image_t, $image, 0, 0, 0, 0, $w, ($h*$r), $width, $height);
108 |                     }
109 | 
110 |                 try {
111 |                     Image::fix_orientation($image_p, $imageTmpName);
112 |                     Image::fix_orientation($image_t, $imageTmpName);
113 |                 } catch (\Exception $e){}
114 |                 switch ($imageType){
115 |                     case 'png':
116 |                         imagepng($image_p, $filepath);
117 |                         imagepng($image_t, $thumbPath);
118 |                         break;
119 |                     case 'jpeg':
120 |                         imagejpeg($image_p, $filepath);
121 |                         imagejpeg($image_t, $thumbPath);
122 |                         break;
123 |                     case 'gif':
124 |                         imagegif($image_p, $filepath);
125 |                         imagegif($image_t, $thumbPath);
126 |                         break;
127 |                     default:
128 |                         throw new UserException('unknown image type');
129 |                         break;
130 |                 }
131 | 
132 |             } catch (\Exception $e){
133 |                 throw new UserException('Upload error: ' . $e->getMessage());
134 |             }
135 |             try {
136 |                 $model->gallery_id = $extraData['gallery_id'];
137 |                 $model->name = $imageName;
138 |                 $model->validate();
139 |                 $model->save();
140 |             } catch (\Exception $e){
141 |                 return ('DB save error: ' . $e->getMessage());
142 |             }
143 | 
144 |             return true;
145 |         } else
146 |             return 'nothing to upload';
147 | 
148 |     }
149 | 
150 |     /**
151 |      * Displays a single Gallery model.
152 |      * @param string $id
153 |      * @return mixed
154 |      */
155 |     public function actionView($id)
156 |     {
157 | 
158 |         $photos = GalleryPhoto::find()->where(['gallery_id' => $id])->orderBy('name')->all();
159 | 
160 |         return $this->render('view', [
161 |             'model' => $this->findModel($id),
162 |             'photos' => $photos,
163 |         ]);
164 |     }
165 | 
166 |     /**
167 |      * Creates a new Gallery model.
168 |      * For ajax request will return json object
169 |      * and for non-ajax request if creation is successful, the browser will be redirected to the 'view' page.
170 |      * @return mixed
171 |      */
172 |     public function actionCreate()
173 |     {
174 |         $request = Yii::$app->request;
175 |         $model = new Gallery();
176 | 
177 |         if ($request->isAjax) {
178 |             /*
179 |             *   Process for ajax request
180 |             */
181 |             Yii::$app->response->format = Response::FORMAT_JSON;
182 |             if ($request->isGet) {
183 |                 return [
184 |                     'title' => "Create Gallery",
185 |                     'content' => $this->renderPartial('create', [
186 |                         'model' => $model,
187 |                     ]),
188 |                 ];
189 |             } else if ($model->load($request->post()) && $model->validate()) {
190 |                 $model->name = Html::encode($model->name);
191 |                 $model->date = date('Y-m-d H:i:s');
192 |                 if($model->save()) {
193 |                     $alias = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit($model->name));
194 |                     try {
195 |                         //если создавать рекурсивно, то работает через раз хз почему.
196 |                         $old = umask(0);
197 |                         mkdir($alias, 0777, true);
198 |                         chmod($alias, 0777);
199 |                         mkdir($alias . '/thumb', 0777);
200 |                         chmod($alias . '/thumb', 0777);
201 |                         umask($old);
202 |                     } catch (\Exception $e){
203 |                         return('Не удалось создать директорию ' . $alias . ' - ' . $e->getMessage());
204 |                     }
205 |                     return [
206 |                         'forceReload' => true,
207 |                         'forceClose' => true,
208 |                         'hideActionButton' => true,
209 |                         'title' => "Create Gallery",
210 |                         'content' => '<span class="text-success">Success!</span>'
211 |                     ];
212 |                 } else{
213 |                     return [
214 |                         'title' => "Create Gallery",
215 |                         'content' => $this->renderPartial('create', [
216 |                             'model' => $model,
217 |                         ]),
218 |                     ];
219 |                 }
220 |             } else {
221 |                 return [
222 |                     'title' => "Create Gallery",
223 |                     'content' => $this->renderPartial('create', [
224 |                         'model' => $model,
225 |                     ]),
226 |                 ];
227 |             }
228 |         } else {
229 |             /*
230 |             *   Process for non-ajax request
231 |             */
232 |             if ($model->load($request->post()) && $model->save()) {
233 |                 return $this->redirect(['view', 'id' => $model->gallery_id]);
234 |             } else {
235 |                 return $this->render('create', [
236 |                     'model' => $model,
237 |                 ]);
238 |             }
239 |         }
240 | 
241 |     }
242 | 
243 |     /**
244 |      * Updates an existing Gallery model.
245 |      * For ajax request will return json object
246 |      * and for non-ajax request if update is successful, the browser will be redirected to the 'view' page.
247 |      * @param string $id
248 |      * @return mixed
249 |      */
250 |     public function actionUpdate($id)
251 |     {
252 |         $request = Yii::$app->request;
253 |         $model = $this->findModel($id);
254 |         $oldName = $model->name;
255 | 
256 |         if ($request->isAjax) {
257 |             /*
258 |             *   Process for ajax request
259 |             */
260 |             Yii::$app->response->format = Response::FORMAT_JSON;
261 |             if ($request->isGet) {
262 |                 return [
263 |                     'title' => "Update Gallery",
264 |                     'content' => $this->renderPartial('update', [
265 |                         'model' => $model,
266 |                     ]),
267 |                 ];
268 |             } else if ($model->load($request->post()) && $model->validate()) {
269 |                 $model->name = Html::encode($model->name);
270 |                 if ($model->save()) {
271 |                     $oldAlias = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit($oldName));
272 |                     $newAlias = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit($model->name));
273 |                     if($oldAlias != $newAlias) {
274 |                         try {
275 |                             rename($oldAlias, $newAlias);
276 |                         } catch (\Exception $e) {
277 |                             return('Не удалось переименовать директорию ' . $oldAlias . ' - ' . $e->getMessage());
278 |                         }
279 |                     }
280 |                     return [
281 |                         'forceReload' => true,
282 |                         'hideActionButton' => true,
283 |                         'title' => "Gallery - " . $model->name,
284 |                         'content' => '<span class="text-success">Success!</span>',
285 |                     ];
286 |                 } else{
287 |                     return [
288 |                         'title' => "Редактирование Галереи - " . $model->name,
289 |                         'content' => $this->renderPartial('update', [
290 |                             'model' => $model,
291 |                         ]),
292 |                         'footer' => Html::button('Закрыть', ['class' => 'btn btn-default pull-left', 'data-dismiss' => "modal"]) .
293 |                             Html::button('Сохранить', ['class' => 'btn btn-primary', 'type' => "submit"])
294 |                     ];
295 |                 }
296 |             }else {
297 |                 return [
298 |                     'title' => "Gallery Edit - " . $model->name,
299 |                     'content' => $this->renderPartial('update', [
300 |                         'model' => $this->findModel($id),
301 |                     ]),
302 |                     'footer' => Html::button('Закрыть', ['class' => 'btn btn-default pull-left', 'data-dismiss' => "modal"]) .
303 |                         Html::button('Сохранить', ['class' => 'btn btn-primary', 'type' => "submit"])
304 |                 ];
305 |             }
306 |         } else {
307 |             /*
308 |             *   Process for non-ajax request
309 |             */
310 |             if ($model->load($request->post()) && $model->save()) {
311 |                 return $this->redirect(['view', 'id' => $model->gallery_id]);
312 |             } else {
313 |                 return $this->render('update', [
314 |                     'model' => $model,
315 |                 ]);
316 |             }
317 |         }
318 |     }
319 | 
320 |     /**
321 |      * Delete an existing Gallery model.
322 |      * For ajax request will return json object
323 |      * and for non-ajax request if deletion is successful, the browser will be redirected to the 'index' page.
324 |      * @param string $id
325 |      * @return mixed
326 |      */
327 |     public function actionDelete($id)
328 |     {
329 |         $request = Yii::$app->request;
330 |         $model = $this->findModel($id);
331 |         $galleryId = $model->gallery_id;
332 |         $dir = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit($model->name));
333 |         try{
334 |             File::removeDirectory($dir);
335 |         } catch (\Exception $e){
336 |             echo('Something went wrong... Error: ' . $dir . ' - ' . $e->getMessage());
337 |         }
338 |         if($model->delete()){
339 |             GalleryPhoto::deleteAll(['gallery_id' => $galleryId]);
340 |         }
341 | 
342 |         if ($request->isAjax) {
343 |             /*
344 |             *   Process for ajax request
345 |             */
346 |             Yii::$app->response->format = Response::FORMAT_JSON;
347 |             return ['forceClose' => false, 
348 |                 'forceReload' => true,
349 |                 'title' => "Deliting gallery",
350 |                 'content' => 'Success!',
351 |             'hideActionButton' => true
352 |             ];
353 |         } else {
354 |             /*
355 |             *   Process for non-ajax request
356 |             */
357 |             return $this->redirect(['index']);
358 |         }
359 |     }
360 | 
361 |     /**
362 |      * Delete multiple existing Gallery model.
363 |      * For ajax request will return json object
364 |      * and for non-ajax request if deletion is successful, the browser will be redirected to the 'index' page.
365 |      * @return mixed
366 |      */
367 |     public function actionPhotosDelete()
368 |     {
369 |         $request = Yii::$app->request;
370 |         $photoIds = $request->post('ids'); // Array or selected records primary keys
371 |         $photoModels = GalleryPhoto::findAll($photoIds);
372 |         if(empty($photoModels)) return null;
373 |         $galleryModel = $this->findModel($photoModels[0]->gallery_id);
374 |         $dir = Yii::getAlias('@app/web/img/gallery/' . Translator::rus2translit($galleryModel->name));
375 |         foreach ($photoModels as $photo){
376 |             try{
377 |                 unlink($dir . '/' . $photo->name);
378 |                 unlink($dir . '/thumb/' . $photo->name);
379 |             } catch (\Exception $e){
380 |                 echo('Не удалось удалить файл ' . $photo->name . ' - ' . $e->getMessage());
381 |             }
382 |         }
383 |         GalleryPhoto::deleteAll(['photo_id' => $photoIds]);
384 | 
385 |         if ($request->isAjax) {
386 |             Yii::$app->response->format = Response::FORMAT_JSON;
387 |             return true;
388 |         } else {
389 |             return $this->redirect(['index']);
390 |         }
391 | 
392 |     }
393 | 
394 |     /**
395 |      * Finds the Gallery model based on its primary key value.
396 |      * If the model is not found, a 404 HTTP exception will be thrown.
397 |      * @param string $id
398 |      * @return Gallery the loaded model
399 |      * @throws NotFoundHttpException if the model cannot be found
400 |      */
401 |     protected function findModel($id)
402 |     {
403 |         if (($model = Gallery::findOne($id)) !== null) {
404 |             return $model;
405 |         } else {
406 |             throw new NotFoundHttpException('Страница не найдена.');
407 |         }
408 |     }
409 | }
410 | 


--------------------------------------------------------------------------------
/migrations/m160406_120743_onmotion_yii2_gallery.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use yii\db\Migration;
 4 | use yii\db\Schema;
 5 | 
 6 | class m160406_120743_onmotion_yii2_gallery extends Migration
 7 | {
 8 |     public function up()
 9 |     {
10 |         $this->createTable('g_gallery', [
11 |             'gallery_id' => Schema::TYPE_PK,
12 |             'name' => Schema::TYPE_STRING . '(50) NOT NULL',
13 |             'descr' => Schema::TYPE_TEXT,
14 |             'date' => Schema::TYPE_DATETIME,
15 |         ]);
16 |         $this->createTable('g_photo', [
17 |             'photo_id' => Schema::TYPE_PK,
18 |             'gallery_id' => Schema::TYPE_INTEGER . ' NOT NULL',
19 |             'name' => Schema::TYPE_STRING . '(255) NOT NULL',
20 |         ]);
21 |     }
22 | 
23 |     public function down()
24 |     {
25 |         $this->dropTable('g_gallery');
26 |         $this->dropTable('g_photo');
27 |     }
28 | 
29 | }
30 | 


--------------------------------------------------------------------------------
/models/Gallery.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace onmotion\gallery\models;
 4 | 
 5 | use yii;
 6 | use yii\db\ActiveRecord;
 7 | 
 8 | /**
 9 |  * This is the model class for table "g_gallery".
10 |  *
11 |  * @property string $gallery_id
12 |  * @property string $name
13 |  * @property string $descr
14 |  * @property string $date
15 |  */
16 | class Gallery extends ActiveRecord
17 | {
18 |     /**
19 |      * @inheritdoc
20 |      */
21 |     public static function tableName()
22 |     {
23 |         return 'g_gallery';
24 |     }
25 | 
26 |     /**
27 |      * @inheritdoc
28 |      */
29 |     public function rules()
30 |     {
31 |         return [
32 |             [['descr'], 'string'],
33 |             [['date'], 'safe'],
34 |             [['name'], 'required'],
35 |             [['name'], 'string', 'max' => 30],
36 |             [['name'], 'unique', 'message' => 'Галерея с таким именем уже существует.']
37 |         ];
38 |     }
39 | 
40 |     /**
41 |      * @inheritdoc
42 |      */
43 |     public function attributeLabels()
44 |     {
45 |         return [
46 |             'gallery_id' => 'ID',
47 |             'name' => 'Gallery name',
48 |             'descr' => 'Description',
49 |             'date' => 'Date',
50 |         ];
51 |     }
52 |     public function getGalleryPhotos()
53 |     {
54 |         return $this->hasMany(GalleryPhoto::className(), ['gallery_id' => 'gallery_id'])->limit(4);
55 |     }
56 | }
57 | 


--------------------------------------------------------------------------------
/models/GalleryPhoto.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace onmotion\gallery\models;
 4 | 
 5 | use Yii;
 6 | 
 7 | /**
 8 |  * This is the model class for table "g_photo".
 9 |  *
10 |  * @property string $photo_id
11 |  * @property string $gallery_id
12 |  * @property string $name
13 |  */
14 | class GalleryPhoto extends \yii\db\ActiveRecord
15 | {
16 |     public $files;
17 | 
18 |     /**
19 |      * @inheritdoc
20 |      */
21 |     public static function tableName()
22 |     {
23 |         return 'g_photo';
24 |     }
25 | 
26 |     /**
27 |      * @inheritdoc
28 |      */
29 |     public function rules()
30 |     {
31 |         return [
32 |             [['gallery_id'], 'integer'],
33 |             [['name'], 'string', 'max' => 250],
34 |             [['files'], 'file', 'maxFiles' => 100, 'extensions' => 'png, jpg'],
35 |         ];
36 |     }
37 | 
38 |     /**
39 |      * @inheritdoc
40 |      */
41 |     public function attributeLabels()
42 |     {
43 |         return [
44 |             'photo_id' => 'ID',
45 |             'gallery_id' => 'Gallery_ID',
46 |             'name' => 'Name',
47 |         ];
48 |     }
49 | 
50 |     public function getGallery()
51 |     {
52 |         return $this->hasOne(Gallery::className(), ['gallery_id' => 'gallery_id']);
53 |     }
54 | }
55 | 


--------------------------------------------------------------------------------
/models/GallerySearch.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace onmotion\gallery\models;
 4 | 
 5 | use Yii;
 6 | use yii\base\Model;
 7 | use yii\data\ActiveDataProvider;
 8 | 
 9 | 
10 | /**
11 |  * GallerySearch represents the model behind the search form about `app\models\gallery\Gallery`.
12 |  */
13 | class GallerySearch extends Gallery
14 | {
15 |     /**
16 |      * @inheritdoc
17 |      */
18 |     public function rules()
19 |     {
20 |         return [
21 |             [['gallery_id'], 'integer'],
22 |             [['name', 'descr', 'date'], 'safe'],
23 |         ];
24 |     }
25 | 
26 |     /**
27 |      * @inheritdoc
28 |      */
29 |     public function scenarios()
30 |     {
31 |         // bypass scenarios() implementation in the parent class
32 |         return Model::scenarios();
33 |     }
34 | 
35 |     /**
36 |      * Creates data provider instance with search query applied
37 |      *
38 |      * @param array $params
39 |      *
40 |      * @return ActiveDataProvider
41 |      */
42 |     public function search($params)
43 |     {
44 |         $query = Gallery::find()->joinWith('galleryPhotos', false)->groupBy('g_gallery.gallery_id');
45 | 
46 |         $dataProvider = new ActiveDataProvider([
47 |             'query' => $query,
48 |             'sort'=> ['defaultOrder' => ['date'=>SORT_DESC]]
49 |         ]);
50 | 
51 |         $this->load($params);
52 | 
53 |         if (!$this->validate()) {
54 |             // uncomment the following line if you do not want to return any records when validation fails
55 |             // $query->where('0=1');
56 |             return $dataProvider;
57 |         }
58 | 
59 |         $query->andFilterWhere([
60 |             'gallery_id' => $this->gallery_id,
61 |             'date' => $this->date,
62 |         ]);
63 | 
64 |         $query->andFilterWhere(['like', 'name', $this->name])
65 |             ->andFilterWhere(['like', 'descr', $this->descr]);
66 | 
67 |         return $dataProvider;
68 |     }
69 | }
70 | 


--------------------------------------------------------------------------------
/samples/sample1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/onmotion/yii2-gallery/1a2e37d4ab48afab92725c849d069ee31e4ca320/samples/sample1.png


--------------------------------------------------------------------------------
/samples/sample2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/onmotion/yii2-gallery/1a2e37d4ab48afab92725c849d069ee31e4ca320/samples/sample2.png


--------------------------------------------------------------------------------
/views/default/_form.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | use yii\helpers\Html;
 3 | use yii\widgets\ActiveForm;
 4 | 
 5 | /* @var $this yii\web\View */
 6 | /* @var $form yii\widgets\ActiveForm */
 7 | ?>
 8 | 
 9 | <div class="gallery-form">
10 | 
11 |     <?php $form = ActiveForm::begin(); ?>
12 | 
13 |     <?= $form->field($model, 'name')->textInput(['maxlength' => true]) ?>
14 | 
15 |     <?= $form->field($model, 'descr')->textarea(['rows' => 6]) ?>
16 | 	
17 | 	<?php if (!Yii::$app->request->isAjax){ ?>
18 | 	  	<div class="form-group">
19 | 	        <?= Html::submitButton($model->isNewRecord ? 'Create' : 'Edit', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>
20 | 	    </div>
21 | 	<?php } ?>
22 | 
23 |     <?php ActiveForm::end(); ?>
24 |     
25 | </div>
26 | 


--------------------------------------------------------------------------------
/views/default/create.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /* @var $this yii\web\View */
 4 | 
 5 | 
 6 | ?>
 7 | <div class="gallery-create">
 8 |     <?= $this->render('_form', [
 9 |         'model' => $model,
10 |     ]) ?>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/views/default/galleryItem.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | /**
 3 |  * Created by PhpStorm.
 4 |  * User: kozhevnikov
 5 |  * Date: 17.03.2016
 6 |  * Time: 13:32
 7 |  */
 8 | 
 9 | use yii\helpers\Html;
10 | use yii\helpers\Url;
11 | use onmotion\helpers\Translator;
12 | 
13 | $date = new DateTime($model->date);
14 | 
15 | ?>
16 | 
17 | <div class="gallery-item">
18 |     <div class="image">
19 |         <?php
20 |             echo Html::beginTag('div', ['class' => 'change-btns']);
21 |             echo Html::a('<i class="glyphicon glyphicon-trash"></i>', Url::toRoute(["delete", 'id'=>$model->gallery_id]),
22 |                 ['title' => 'Delete',
23 |                     'class' => 'update-btn',
24 |                     'role' => 'modal-toggle',
25 |                     'data-modal-title'=>'Are you sure?',
26 |                     'data-modal-body'=>'This will permanently delete all the pictures are in the gallery.',
27 |                 ]);
28 |             echo Html::a('<i class="glyphicon glyphicon-pencil"></i>', Url::toRoute(["update", 'id'=>$model->gallery_id]), [
29 |                 'title' => 'Update',
30 |                 'method' => 'get',
31 |                 'class'=>"update-btn",
32 |                 'role'=>"modal-toggle",
33 |                 'data-modal-title'=>'Update',
34 |             ]);
35 |             echo Html::endTag('div');
36 |         ?>
37 | 
38 |         <a class="image-wrap" href="<?= Url::toRoute(["view", 'id'=>$model->gallery_id]) ?>">
39 |             <?php
40 |             foreach($model->galleryPhotos as $prevPhoto){
41 |                 echo \yii\helpers\Html::img('/img/gallery/' . Translator::rus2translit($model->name) . '/thumb/' . $prevPhoto->name);
42 |             };
43 |             ?>
44 |         </a>
45 |     </div>
46 |     <div class="name">
47 |         <span><?= $model->name ?></span>
48 |         <span class="date-gallery"><?= ' (' . $date->format('d.m.Y') . ')'  ?></span>
49 |     </div>
50 | </div>
51 | 


--------------------------------------------------------------------------------
/views/default/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | use yii\helpers\Url;
 3 | use yii\helpers\Html;
 4 | use yii\bootstrap\Modal;
 5 | 
 6 | /* @var $this yii\web\View */
 7 | /* @var $searchModel onmotion\gallery\models\GallerySearch */
 8 | /* @var $dataProvider yii\data\ActiveDataProvider */
 9 | 
10 | $this->title = 'Photo-gallery';
11 | $dataProvider->pagination->pageSize = 20;
12 | ?>
13 | <div class="gallery-index">
14 | 
15 |             <?php
16 |     echo Html::a('<i class="glyphicon glyphicon-plus"></i>', ['create'],
17 |         ['title' => 'Create Gallery', 'class' => 'btn btn-default',
18 |             'method' => 'get',
19 |             'role' => 'modal-toggle',
20 |             'data-modal-title'=>'Create Gallery',
21 |         ]);
22 |             
23 |     echo \yii\widgets\ListView::widget([
24 |         'id' => 'gallery-listview',
25 |         'dataProvider' => $dataProvider,
26 |         'layout' => "{items}\n{pager}\n{summary}",
27 |         'itemView' => function ($model) {
28 |             return $this->render('galleryItem',['model' => $model]);
29 |         },
30 |         'pager' => [
31 |             'firstPageLabel' => 'First',
32 |             'lastPageLabel' => 'Last',
33 |             'nextPageLabel' => '>',
34 |             'prevPageLabel' => '<',
35 |         ],
36 |         
37 |     ]);
38 | 
39 |     ?>
40 |     </div>
41 | 
42 | <?php
43 | Modal::begin([
44 |     "id" => "gallery-modal",
45 |     'header' => '<h4 class="modal-title"></h4>',
46 |     "footer" =>
47 |         Html::a('Close', ['#'],
48 |             ['title' => 'Cancel', 'class' => 'btn btn-default pull-left', 'data-dismiss' => "modal"]) .
49 |         Html::a('ОК', Url::to('#'),
50 |             ['title' => '', 'class' => 'btn btn-primary', 'id' => 'modal-confirm-btn']),
51 | ]);
52 | 
53 | echo Html::beginTag('div', ['class' => 'preloader']);
54 | echo Html::tag('div', Html::tag('span', '100', ['class' => 'sr-only']), ['class'=>"progress-bar progress-bar-striped active", 'role'=>"progressbar",
55 |   'aria-valuenow'=>"100", 'aria-valuemin'=>"0", 'aria-valuemax'=>"100", 'style'=>"width:100%"]);
56 | echo Html::endTag('div');
57 | Modal::end(); ?>
58 | 


--------------------------------------------------------------------------------
/views/default/update.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /* @var $this yii\web\View */
 4 | 
 5 | ?>
 6 | <div class="gallery-update">
 7 | 
 8 |     <?= $this->render('_form', [
 9 |         'model' => $model,
10 |     ]) ?>
11 | 
12 | </div>
13 | 


--------------------------------------------------------------------------------
/views/default/view.php:
--------------------------------------------------------------------------------
  1 | <?php
  2 | 
  3 | use kartik\file\FileInput;
  4 | use onmotion\gallery\Gallery;
  5 | use yii\bootstrap\Collapse;
  6 | use yii\bootstrap\Modal;
  7 | use yii\helpers\Html;
  8 | use yii\helpers\Url;
  9 | use yii\widgets\Breadcrumbs;
 10 | use onmotion\helpers\Translator;
 11 | 
 12 | /* @var $this yii\web\View */
 13 | /* @var $model onmotion\gallery\models\Gallery */
 14 | /* @var $photos onmotion\gallery\models\GalleryPhoto */
 15 | 
 16 | set_time_limit(60);
 17 | ini_set('memory_limit', '512M');
 18 | 
 19 | $this->params['breadcrumbs'][] = ['label' => 'Gallery', 'url' => ['/gallery']];
 20 | $this->params['breadcrumbs'][] = $model->name;
 21 | 
 22 | $this->registerJs(<<<JS
 23 | $('#preloader').show();
 24 | $('body').css('overflow', 'hidden');
 25 | window.onload = function() {
 26 | 	$('body').css('overflow', 'auto');
 27 |     $('#preloader').hide();
 28 |   };
 29 |    $("[data-toggle='tooltip']").tooltip();
 30 | JS
 31 | );
 32 |             echo Html::beginTag('div', ['class' => 'gallery-view']);
 33 |             echo \yii\bootstrap\Collapse::widget([
 34 |                 'items' => [
 35 |                     [
 36 |                         'label' => $model->name . ' (' . count((array)$photos) . ' photos)',
 37 |                         'content' => !empty($model->descr) ? $model->descr : ''
 38 |                     ]
 39 |                 ],
 40 |                 'options' => [
 41 |                     'class' => 'header-collapse'
 42 |                 ]
 43 |             ]);
 44 |             $galleryName = $model->name;
 45 | 
 46 |             if (!empty($photos)) {
 47 |                 foreach ($photos as $photo) {
 48 |                     $items[] =
 49 |                         [
 50 |                             'original' => '/img/gallery/' . Translator::rus2translit($galleryName) . '/' . $photo->name,
 51 |                             'thumbnail' => '/img/gallery/' . Translator::rus2translit($galleryName) . '/thumb/' . $photo->name,
 52 |                             'options' => [
 53 |                                 'title' => $galleryName,
 54 |                                 'data-id' => $photo->photo_id,
 55 |                             ],
 56 |                         ];
 57 |                 };
 58 |             } else {
 59 |                 echo 'There is no photos yet...';
 60 |             }
 61 |             ?>
 62 |             <div class="row">
 63 |                 <div class="col-md-1"></div>
 64 |                 <div class="col-md-10">
 65 |                     <?php
 66 |                     if (!empty($items))
 67 |                         echo Gallery::widget([
 68 |                             'id' => 'gallery-links',
 69 |                             'items' => $items,
 70 |                             'pluginOptions' => [
 71 |                                 'slideshowInterval' => 2000,
 72 |                                 'transitionSpeed' => 200,
 73 |                                 ],
 74 |                         ]);
 75 |                     ?>
 76 |                 </div>
 77 |                 <div class="col-md-1"></div>
 78 |             </div>
 79 |             <?php
 80 |             echo Collapse::widget([
 81 |                 'items' => [
 82 |                     [
 83 |                         'label' => 'Upload photo',
 84 |                         'content' => '<input id="input-1a" name="image[]" type="file"  class="file-loading" multiple>' .
 85 |                             ' <div id="errorBlock"><ul class="alert-warning-message"></ul></div>'
 86 |                     ]
 87 |                 ],
 88 |                 'options' => [
 89 |                     'class' => 'download-collapse'
 90 |                 ]
 91 |             ]);
 92 |                 echo Html::a('<i class="glyphicon glyphicon-pencil"></i>', ['#'],
 93 |                     ['title' => 'Edit mode', 'class' => 'btn btn-default', 'id' => 'check-toggle',
 94 |                         'data-toggle' => "tooltip", 'data-placement' => "top", 'data-trigger' => "hover"]);
 95 |                 echo Html::a('<i class="glyphicon glyphicon-check"></i>', ['#'],
 96 |                     ['title' => 'Check all', 'class' => 'btn btn-default', 'style' => "display:none", 'id' => 'check-all',
 97 |                         'data-toggle' => "tooltip", 'data-placement' => "top", 'data-trigger' => "hover"]);
 98 | 
 99 |                 echo Html::a('<i class="glyphicon glyphicon-repeat"></i>', ['#'],
100 |                     ['title' => 'Reset', 'class' => 'btn btn-default', 'style' => "display:none", 'id' => 'reset-all',
101 |                         'data-toggle' => "tooltip", 'data-placement' => "top", 'data-trigger' => "hover"]);
102 |                 echo Html::a('<i class="glyphicon glyphicon-trash"></i>', Url::toRoute('photos-delete'),
103 |                     ['title' => 'Delete photos', 'class' => 'btn btn-danger', 'style' => "display:none", 'id' => 'photos-delete-btn',
104 |                         'data-toggle' => "tooltip", 'data-placement' => "top", 'data-trigger' => "hover",
105 |                         'role' => 'modal-toggle',
106 |                         'data-modal-title'=>'Delete photos',
107 |                         'data-modal-body'=>'Are you sure?',
108 |                     ]);
109 | echo Html::endTag('div');
110 | 
111 | Modal::begin([
112 |     "id" => "gallery-modal",
113 |     'header' => '<h4 class="modal-title"></h4>',
114 |     "footer" =>
115 |         Html::a('Close', ['#'],
116 |             ['title' => 'Cancel', 'class' => 'btn btn-default pull-left', 'data-dismiss' => "modal"]) .
117 |         Html::a('ОК', Url::toRoute('photos-delete'),
118 |             ['title' => '', 'class' => 'btn btn-primary', 'id' => 'photos-delete-confirm-btn']),
119 | ]);
120 | 
121 | Modal::end();
122 | 
123 | echo Html::beginTag('div', ['class' => 'preloader']);
124 | echo Html::tag('div', Html::tag('span', '100', ['class' => 'sr-only']), ['class'=>"progress-bar progress-bar-striped active", 'role'=>"progressbar",
125 |     'aria-valuenow'=>"100", 'aria-valuemin'=>"0", 'aria-valuemax'=>"100", 'style'=>"width:100%"]);
126 | echo Html::endTag('div');
127 | 
128 | 
129 | $this->registerJs(<<<JS
130 | 
131 | $(document).ready(function() {
132 |     var inputField = $("#input-1a");
133 |     if (!inputField) {
134 |         console.log('input field not found.');
135 |         return;
136 |     } 
137 |     inputField.fileinput({
138 |         showPreview: false,
139 |         uploadUrl: 'fileupload',
140 |         uploadAsync: true,
141 |         uploadExtraData: {
142 |            'gallery_id': "$model->gallery_id",
143 |            'gallery_name': "$model->name",
144 |         },
145 |         maxFileCount: 1000,
146 |         allowedFileTypes: ['image'],
147 |         allowedFileExtensions: ['jpg', 'png'],
148 |         messageOptions: {
149 |            'class': 'alert-warning-message'
150 |         },
151 |         elErrorContainer: '#errorBlock'
152 |     });
153 |     
154 |     inputField.on('fileunlock', function(event, data, previewId, index) {
155 |         location.reload();
156 |     });
157 | });
158 | JS
159 | );
160 | ?>


--------------------------------------------------------------------------------