Drupal: modul za lazy load.
This commit is contained in:
parent
9293a7b579
commit
3137848fc0
339
frontend/drupal/sites/all/modules/lazy/LICENSE.txt
Normal file
339
frontend/drupal/sites/all/modules/lazy/LICENSE.txt
Normal file
@ -0,0 +1,339 @@
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
Version 2, June 1991
|
||||
|
||||
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
|
||||
Everyone is permitted to copy and distribute verbatim copies
|
||||
of this license document, but changing it is not allowed.
|
||||
|
||||
Preamble
|
||||
|
||||
The licenses for most software are designed to take away your
|
||||
freedom to share and change it. By contrast, the GNU General Public
|
||||
License is intended to guarantee your freedom to share and change free
|
||||
software--to make sure the software is free for all its users. This
|
||||
General Public License applies to most of the Free Software
|
||||
Foundation's software and to any other program whose authors commit to
|
||||
using it. (Some other Free Software Foundation software is covered by
|
||||
the GNU Lesser General Public License instead.) You can apply it to
|
||||
your programs, too.
|
||||
|
||||
When we speak of free software, we are referring to freedom, not
|
||||
price. Our General Public Licenses are designed to make sure that you
|
||||
have the freedom to distribute copies of free software (and charge for
|
||||
this service if you wish), that you receive source code or can get it
|
||||
if you want it, that you can change the software or use pieces of it
|
||||
in new free programs; and that you know you can do these things.
|
||||
|
||||
To protect your rights, we need to make restrictions that forbid
|
||||
anyone to deny you these rights or to ask you to surrender the rights.
|
||||
These restrictions translate to certain responsibilities for you if you
|
||||
distribute copies of the software, or if you modify it.
|
||||
|
||||
For example, if you distribute copies of such a program, whether
|
||||
gratis or for a fee, you must give the recipients all the rights that
|
||||
you have. You must make sure that they, too, receive or can get the
|
||||
source code. And you must show them these terms so they know their
|
||||
rights.
|
||||
|
||||
We protect your rights with two steps: (1) copyright the software, and
|
||||
(2) offer you this license which gives you legal permission to copy,
|
||||
distribute and/or modify the software.
|
||||
|
||||
Also, for each author's protection and ours, we want to make certain
|
||||
that everyone understands that there is no warranty for this free
|
||||
software. If the software is modified by someone else and passed on, we
|
||||
want its recipients to know that what they have is not the original, so
|
||||
that any problems introduced by others will not reflect on the original
|
||||
authors' reputations.
|
||||
|
||||
Finally, any free program is threatened constantly by software
|
||||
patents. We wish to avoid the danger that redistributors of a free
|
||||
program will individually obtain patent licenses, in effect making the
|
||||
program proprietary. To prevent this, we have made it clear that any
|
||||
patent must be licensed for everyone's free use or not licensed at all.
|
||||
|
||||
The precise terms and conditions for copying, distribution and
|
||||
modification follow.
|
||||
|
||||
GNU GENERAL PUBLIC LICENSE
|
||||
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||
|
||||
0. This License applies to any program or other work which contains
|
||||
a notice placed by the copyright holder saying it may be distributed
|
||||
under the terms of this General Public License. The "Program", below,
|
||||
refers to any such program or work, and a "work based on the Program"
|
||||
means either the Program or any derivative work under copyright law:
|
||||
that is to say, a work containing the Program or a portion of it,
|
||||
either verbatim or with modifications and/or translated into another
|
||||
language. (Hereinafter, translation is included without limitation in
|
||||
the term "modification".) Each licensee is addressed as "you".
|
||||
|
||||
Activities other than copying, distribution and modification are not
|
||||
covered by this License; they are outside its scope. The act of
|
||||
running the Program is not restricted, and the output from the Program
|
||||
is covered only if its contents constitute a work based on the
|
||||
Program (independent of having been made by running the Program).
|
||||
Whether that is true depends on what the Program does.
|
||||
|
||||
1. You may copy and distribute verbatim copies of the Program's
|
||||
source code as you receive it, in any medium, provided that you
|
||||
conspicuously and appropriately publish on each copy an appropriate
|
||||
copyright notice and disclaimer of warranty; keep intact all the
|
||||
notices that refer to this License and to the absence of any warranty;
|
||||
and give any other recipients of the Program a copy of this License
|
||||
along with the Program.
|
||||
|
||||
You may charge a fee for the physical act of transferring a copy, and
|
||||
you may at your option offer warranty protection in exchange for a fee.
|
||||
|
||||
2. You may modify your copy or copies of the Program or any portion
|
||||
of it, thus forming a work based on the Program, and copy and
|
||||
distribute such modifications or work under the terms of Section 1
|
||||
above, provided that you also meet all of these conditions:
|
||||
|
||||
a) You must cause the modified files to carry prominent notices
|
||||
stating that you changed the files and the date of any change.
|
||||
|
||||
b) You must cause any work that you distribute or publish, that in
|
||||
whole or in part contains or is derived from the Program or any
|
||||
part thereof, to be licensed as a whole at no charge to all third
|
||||
parties under the terms of this License.
|
||||
|
||||
c) If the modified program normally reads commands interactively
|
||||
when run, you must cause it, when started running for such
|
||||
interactive use in the most ordinary way, to print or display an
|
||||
announcement including an appropriate copyright notice and a
|
||||
notice that there is no warranty (or else, saying that you provide
|
||||
a warranty) and that users may redistribute the program under
|
||||
these conditions, and telling the user how to view a copy of this
|
||||
License. (Exception: if the Program itself is interactive but
|
||||
does not normally print such an announcement, your work based on
|
||||
the Program is not required to print an announcement.)
|
||||
|
||||
These requirements apply to the modified work as a whole. If
|
||||
identifiable sections of that work are not derived from the Program,
|
||||
and can be reasonably considered independent and separate works in
|
||||
themselves, then this License, and its terms, do not apply to those
|
||||
sections when you distribute them as separate works. But when you
|
||||
distribute the same sections as part of a whole which is a work based
|
||||
on the Program, the distribution of the whole must be on the terms of
|
||||
this License, whose permissions for other licensees extend to the
|
||||
entire whole, and thus to each and every part regardless of who wrote it.
|
||||
|
||||
Thus, it is not the intent of this section to claim rights or contest
|
||||
your rights to work written entirely by you; rather, the intent is to
|
||||
exercise the right to control the distribution of derivative or
|
||||
collective works based on the Program.
|
||||
|
||||
In addition, mere aggregation of another work not based on the Program
|
||||
with the Program (or with a work based on the Program) on a volume of
|
||||
a storage or distribution medium does not bring the other work under
|
||||
the scope of this License.
|
||||
|
||||
3. You may copy and distribute the Program (or a work based on it,
|
||||
under Section 2) in object code or executable form under the terms of
|
||||
Sections 1 and 2 above provided that you also do one of the following:
|
||||
|
||||
a) Accompany it with the complete corresponding machine-readable
|
||||
source code, which must be distributed under the terms of Sections
|
||||
1 and 2 above on a medium customarily used for software interchange; or,
|
||||
|
||||
b) Accompany it with a written offer, valid for at least three
|
||||
years, to give any third party, for a charge no more than your
|
||||
cost of physically performing source distribution, a complete
|
||||
machine-readable copy of the corresponding source code, to be
|
||||
distributed under the terms of Sections 1 and 2 above on a medium
|
||||
customarily used for software interchange; or,
|
||||
|
||||
c) Accompany it with the information you received as to the offer
|
||||
to distribute corresponding source code. (This alternative is
|
||||
allowed only for noncommercial distribution and only if you
|
||||
received the program in object code or executable form with such
|
||||
an offer, in accord with Subsection b above.)
|
||||
|
||||
The source code for a work means the preferred form of the work for
|
||||
making modifications to it. For an executable work, complete source
|
||||
code means all the source code for all modules it contains, plus any
|
||||
associated interface definition files, plus the scripts used to
|
||||
control compilation and installation of the executable. However, as a
|
||||
special exception, the source code distributed need not include
|
||||
anything that is normally distributed (in either source or binary
|
||||
form) with the major components (compiler, kernel, and so on) of the
|
||||
operating system on which the executable runs, unless that component
|
||||
itself accompanies the executable.
|
||||
|
||||
If distribution of executable or object code is made by offering
|
||||
access to copy from a designated place, then offering equivalent
|
||||
access to copy the source code from the same place counts as
|
||||
distribution of the source code, even though third parties are not
|
||||
compelled to copy the source along with the object code.
|
||||
|
||||
4. You may not copy, modify, sublicense, or distribute the Program
|
||||
except as expressly provided under this License. Any attempt
|
||||
otherwise to copy, modify, sublicense or distribute the Program is
|
||||
void, and will automatically terminate your rights under this License.
|
||||
However, parties who have received copies, or rights, from you under
|
||||
this License will not have their licenses terminated so long as such
|
||||
parties remain in full compliance.
|
||||
|
||||
5. You are not required to accept this License, since you have not
|
||||
signed it. However, nothing else grants you permission to modify or
|
||||
distribute the Program or its derivative works. These actions are
|
||||
prohibited by law if you do not accept this License. Therefore, by
|
||||
modifying or distributing the Program (or any work based on the
|
||||
Program), you indicate your acceptance of this License to do so, and
|
||||
all its terms and conditions for copying, distributing or modifying
|
||||
the Program or works based on it.
|
||||
|
||||
6. Each time you redistribute the Program (or any work based on the
|
||||
Program), the recipient automatically receives a license from the
|
||||
original licensor to copy, distribute or modify the Program subject to
|
||||
these terms and conditions. You may not impose any further
|
||||
restrictions on the recipients' exercise of the rights granted herein.
|
||||
You are not responsible for enforcing compliance by third parties to
|
||||
this License.
|
||||
|
||||
7. If, as a consequence of a court judgment or allegation of patent
|
||||
infringement or for any other reason (not limited to patent issues),
|
||||
conditions are imposed on you (whether by court order, agreement or
|
||||
otherwise) that contradict the conditions of this License, they do not
|
||||
excuse you from the conditions of this License. If you cannot
|
||||
distribute so as to satisfy simultaneously your obligations under this
|
||||
License and any other pertinent obligations, then as a consequence you
|
||||
may not distribute the Program at all. For example, if a patent
|
||||
license would not permit royalty-free redistribution of the Program by
|
||||
all those who receive copies directly or indirectly through you, then
|
||||
the only way you could satisfy both it and this License would be to
|
||||
refrain entirely from distribution of the Program.
|
||||
|
||||
If any portion of this section is held invalid or unenforceable under
|
||||
any particular circumstance, the balance of the section is intended to
|
||||
apply and the section as a whole is intended to apply in other
|
||||
circumstances.
|
||||
|
||||
It is not the purpose of this section to induce you to infringe any
|
||||
patents or other property right claims or to contest validity of any
|
||||
such claims; this section has the sole purpose of protecting the
|
||||
integrity of the free software distribution system, which is
|
||||
implemented by public license practices. Many people have made
|
||||
generous contributions to the wide range of software distributed
|
||||
through that system in reliance on consistent application of that
|
||||
system; it is up to the author/donor to decide if he or she is willing
|
||||
to distribute software through any other system and a licensee cannot
|
||||
impose that choice.
|
||||
|
||||
This section is intended to make thoroughly clear what is believed to
|
||||
be a consequence of the rest of this License.
|
||||
|
||||
8. If the distribution and/or use of the Program is restricted in
|
||||
certain countries either by patents or by copyrighted interfaces, the
|
||||
original copyright holder who places the Program under this License
|
||||
may add an explicit geographical distribution limitation excluding
|
||||
those countries, so that distribution is permitted only in or among
|
||||
countries not thus excluded. In such case, this License incorporates
|
||||
the limitation as if written in the body of this License.
|
||||
|
||||
9. The Free Software Foundation may publish revised and/or new versions
|
||||
of the General Public License from time to time. Such new versions will
|
||||
be similar in spirit to the present version, but may differ in detail to
|
||||
address new problems or concerns.
|
||||
|
||||
Each version is given a distinguishing version number. If the Program
|
||||
specifies a version number of this License which applies to it and "any
|
||||
later version", you have the option of following the terms and conditions
|
||||
either of that version or of any later version published by the Free
|
||||
Software Foundation. If the Program does not specify a version number of
|
||||
this License, you may choose any version ever published by the Free Software
|
||||
Foundation.
|
||||
|
||||
10. If you wish to incorporate parts of the Program into other free
|
||||
programs whose distribution conditions are different, write to the author
|
||||
to ask for permission. For software which is copyrighted by the Free
|
||||
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||
make exceptions for this. Our decision will be guided by the two goals
|
||||
of preserving the free status of all derivatives of our free software and
|
||||
of promoting the sharing and reuse of software generally.
|
||||
|
||||
NO WARRANTY
|
||||
|
||||
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||
REPAIR OR CORRECTION.
|
||||
|
||||
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
||||
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
||||
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
|
||||
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
|
||||
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
||||
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
||||
POSSIBILITY OF SUCH DAMAGES.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
How to Apply These Terms to Your New Programs
|
||||
|
||||
If you develop a new program, and you want it to be of the greatest
|
||||
possible use to the public, the best way to achieve this is to make it
|
||||
free software which everyone can redistribute and change under these terms.
|
||||
|
||||
To do so, attach the following notices to the program. It is safest
|
||||
to attach them to the start of each source file to most effectively
|
||||
convey the exclusion of warranty; and each file should have at least
|
||||
the "copyright" line and a pointer to where the full notice is found.
|
||||
|
||||
<one line to give the program's name and a brief idea of what it does.>
|
||||
Copyright (C) <year> <name of author>
|
||||
|
||||
This program is free software; you can redistribute it and/or modify
|
||||
it under the terms of the GNU General Public License as published by
|
||||
the Free Software Foundation; either version 2 of the License, or
|
||||
(at your option) any later version.
|
||||
|
||||
This program is distributed in the hope that it will be useful,
|
||||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
You should have received a copy of the GNU General Public License along
|
||||
with this program; if not, write to the Free Software Foundation, Inc.,
|
||||
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
|
||||
|
||||
Also add information on how to contact you by electronic and paper mail.
|
||||
|
||||
If the program is interactive, make it output a short notice like this
|
||||
when it starts in an interactive mode:
|
||||
|
||||
Gnomovision version 69, Copyright (C) year name of author
|
||||
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||
This is free software, and you are welcome to redistribute it
|
||||
under certain conditions; type `show c' for details.
|
||||
|
||||
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||
parts of the General Public License. Of course, the commands you use may
|
||||
be called something other than `show w' and `show c'; they could even be
|
||||
mouse-clicks or menu items--whatever suits your program.
|
||||
|
||||
You should also get your employer (if you work as a programmer) or your
|
||||
school, if any, to sign a "copyright disclaimer" for the program, if
|
||||
necessary. Here is a sample; alter the names:
|
||||
|
||||
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
||||
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
||||
|
||||
<signature of Ty Coon>, 1 April 1989
|
||||
Ty Coon, President of Vice
|
||||
|
||||
This General Public License does not permit incorporating your program into
|
||||
proprietary programs. If your program is a subroutine library, you may
|
||||
consider it more useful to permit linking proprietary applications with the
|
||||
library. If this is what you want to do, use the GNU Lesser General
|
||||
Public License instead of this License.
|
147
frontend/drupal/sites/all/modules/lazy/README.md
Normal file
147
frontend/drupal/sites/all/modules/lazy/README.md
Normal file
@ -0,0 +1,147 @@
|
||||
[Lazy-load][1] is a simple Drupal module which integrates [bLazy][2]
|
||||
lazy-loading script via image field *display formatters* and *input-filters* for
|
||||
inline images and iframes.
|
||||
|
||||
There is another contributed module utilizing its namesake, [Blazy][3]. Make
|
||||
sure to check it out, especially if you need more advanced features and support
|
||||
for many features out of the box.
|
||||
|
||||
This module started to fill-in the only area Blazy module lacks of;
|
||||
**inline-images** and **inline-iframes**. Now, Lazy-load can also be enabled for
|
||||
each image field as well.
|
||||
|
||||
You can use [Lazy-load][1] module tandem with [Blazy][3], though that is not a
|
||||
requirement.
|
||||
|
||||
## Requirements
|
||||
|
||||
* **[Libraries API][5]** module (Drupal 7 only)
|
||||
* **bLazy v1.8.2** script as a library item
|
||||
|
||||
## Installing Manually
|
||||
|
||||
- [Download bLazy][4] from https://github.com/dinbror/blazy
|
||||
- Extract the downloaded file,
|
||||
- rename *blazy-master* directory to *blazy*,
|
||||
- copy the folder into one of the following places that *Libraries API*
|
||||
module supports, `sites/all/libraries` (or site-specific libraries folder):
|
||||
i.e.: `sites/all/libraries/blazy/blazy.min.js`
|
||||
|
||||
## Installing via Composer
|
||||
|
||||
- Run `composer require --prefer-dist composer/installers` to ensure that you
|
||||
have the `composer/installers` package installed. This package facilitates the
|
||||
installation of packages into directories other than `/vendor`
|
||||
(e.g. `/libraries`) using Composer.
|
||||
|
||||
- If your `composer.json` doesn’t already have a definition for the libraries
|
||||
path, define one similar to the one below, depending on your setup:
|
||||
|
||||
``` json
|
||||
"extra": {
|
||||
"installer-paths": {
|
||||
"web/sites/all/libraries/{$name}": ["type:drupal-library"]
|
||||
}
|
||||
}
|
||||
```
|
||||
|
||||
- Add following to the “repositories” section of `composer.json`:
|
||||
|
||||
``` json
|
||||
"repositories": [
|
||||
|
||||
{
|
||||
"type": "package",
|
||||
"package": {
|
||||
"name": "dinbror/blazy",
|
||||
"version": "1.8.2",
|
||||
"type": "drupal-library",
|
||||
"extra": {
|
||||
"installer-name": "blazy"
|
||||
},
|
||||
"source": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/dinbror/blazy",
|
||||
"reference": "1.8.2"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
]
|
||||
```
|
||||
|
||||
- Install the required **Blazy** library:
|
||||
`composer require 'dinbror/blazy:1.8.2'`
|
||||
|
||||
- Install this module:
|
||||
`composer require 'drupal/lazy:^1.0'`
|
||||
|
||||
## Usage
|
||||
There are two options to set up for your site to lazy-load images. And both options share the same [settings](/admin/config/content/lazy).
|
||||
|
||||
1. Image fields
|
||||
2. Inline images and Iframes managed in rich-text fields (ckeditor)
|
||||
|
||||
### Image Fields
|
||||
|
||||
1. Go to **Manage display** page of the entity type you want to enable lazy-loading. *i.e. Article*
|
||||
2. Select the **display** you want the change. *i.e. Teaser*
|
||||
3. Change the format from `Image` to
|
||||
`Lazy-load image` to enable lazy-loading for the selected field.
|
||||
The `Image` formatter settings for
|
||||
_image style_ and _link image to_ should remain unchanged.
|
||||
|
||||
### Inline images and Iframes
|
||||
1. **Configure** the [text format](/admin/config/content/formats) you want to enable lazy-loading. *i.e. Full HTML*
|
||||
2. Check **Lazy-load images and IFRAMEs via bLazy** option to enable the filter, and save configuration.
|
||||
3. Go to [Lazy-load settings](/admin/config/content/lazy).
|
||||
4. Check the boxes for the inline elements to be lazy-loaded via filter `<img>` `<iframe>`
|
||||
5. Save configuration
|
||||
|
||||
*Repeat steps 1-2 for each text-format you want to enable lazy-loading.*
|
||||
|
||||
To disable lazy-loading for specific image or iframes, add **skip-class** to the
|
||||
class attribute. Default value (no-b-lazy) can be changed in the configuration.
|
||||
|
||||
``` html
|
||||
<img class="no-b-lazy" src="this-image-will-load-normal" alt="">
|
||||
```
|
||||
|
||||
### Blazy plugin can be manupulated in your theme/module javascript:
|
||||
|
||||
The options in **Blazy configuration** section of the settings form are the default options of the Blazy library. Refer to [Blazy plugin documentation][5] for each setting.
|
||||
|
||||
#### Get Blazy plugin options.
|
||||
```js
|
||||
let opt = Drupal.settings.lazy ? Drupal.settings.lazy : {};
|
||||
```
|
||||
|
||||
#### Access Blazy's public functions:
|
||||
| Function | Description |
|
||||
|:--|:--|
|
||||
| `Drupal.lazy.revalidate();` | Revalidates document for visible images. Useful if you add images with scripting or ajax |
|
||||
| `Drupal.lazy.load(element(s), force);` | Forces the given element(s) to load if not collapsed. If you also want to load a collapsed/hidden elements you can add true as the second parameter. You can pass a single element or a list of elements. Tested with getElementById, getElementsByClassName, querySelectorAll, querySelector and jQuery selector. |
|
||||
| `Drupal.lazy.destroy();` | Unbind events and resets image array |
|
||||
|
||||
|
||||
## Use Case
|
||||
|
||||
If you have numerous images and/or iframes in your content, it could become
|
||||
a challenge to update that content to make compatible for lazy-loading. In
|
||||
most cases those updates needs to be handled manually, because most of the time
|
||||
if not all, the body content (HTML) doesn't follow a pattern to update
|
||||
them programmatically.
|
||||
|
||||
This is the main reason I created this module, to avoid a need for altering body
|
||||
content manually while making them easy to lazy-load.
|
||||
|
||||
**The *Lazy-load* filter doesn't make any changes to existing content.** It only
|
||||
rewrites the `<img>` and/or `<iframe>` tags in already rendered output to have
|
||||
them compatible for bLazy script to lazy-load. Since the filtered output is
|
||||
cached, there should not be any changes in performance.
|
||||
|
||||
[1]: https://www.drupal.org/project/lazy
|
||||
[2]: http://dinbror.dk/blazy/
|
||||
[3]: https://www.drupal.org/project/blazy
|
||||
[4]: https://github.com/dinbror/blazy/archive/master.zip
|
||||
[5]: https://www.drupal.org/project/libraries
|
174
frontend/drupal/sites/all/modules/lazy/lazy.admin.inc
Normal file
174
frontend/drupal/sites/all/modules/lazy/lazy.admin.inc
Normal file
@ -0,0 +1,174 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Configuration form for Lazy-load.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Lazy-load configuration form.
|
||||
*/
|
||||
function lazy_configuration_form($form, $form_state) {
|
||||
$defaults = variable_get('lazy_filter_defaults');
|
||||
$filter_enabled = lazy_is_filter_enabled();
|
||||
|
||||
$form['settings'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Global settings'),
|
||||
'#collapsible' => FALSE,
|
||||
);
|
||||
|
||||
$form['settings']['lazy_filter_alter_tag'] = array(
|
||||
'#type' => 'checkboxes',
|
||||
'#title' => t('Select the inline elements to be lazy-loaded via filter.'),
|
||||
'#options' => array(
|
||||
'img' => t('Images (%img tags)', array('%img' => '<img>')),
|
||||
'iframe' => t('Iframes (%iframe tags)', array('%iframe' => '<iframe>')),
|
||||
),
|
||||
'#default_value' => variable_get('lazy_filter_alter_tag', $defaults['lazy_filter_alter_tag']),
|
||||
'#description' => t('Only selected tags will be lazy-loaded in activated text-formats.'),
|
||||
'#disabled' => !$filter_enabled,
|
||||
);
|
||||
|
||||
$form['settings']['lazy_filter_placeholderSrc'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Placeholder image URL'),
|
||||
'#description' => t('Default is %val', array('%val' => $defaults['lazy_filter_placeholderSrc'])),
|
||||
'#default_value' => variable_get('lazy_filter_placeholderSrc', $defaults['lazy_filter_placeholderSrc']),
|
||||
'#size' => 100,
|
||||
);
|
||||
|
||||
$form['paths'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('Disabled pages'),
|
||||
'#description' => t('<p>There could be pages Lazy-loading should be disabled; set them here.</p>'),
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
);
|
||||
$form['paths']['lazy_disabled_paths'] = array(
|
||||
'#type' => 'textarea',
|
||||
'#title' => t('Lazy-loading is disabled for both <em>image fields</em> and <em>inline images/iframes</em> in content on following pages'),
|
||||
'#default_value' => variable_get('lazy_disabled_paths', $defaults['lazy_disabled_paths']),
|
||||
'#description' => t('Specify pages by using their paths. Enter one path per line.'),
|
||||
);
|
||||
|
||||
$form['blazy'] = array(
|
||||
'#type' => 'fieldset',
|
||||
'#title' => t('bLazy configuration'),
|
||||
'#description' => t('<p><a href="!url">bLazy</a> is a lightweight lazy loading and multi-serving image script created by Bjoern Klinggaard. See its website for usage details and demos.</p>', array(
|
||||
'!url' => 'http://dinbror.dk/blog/blazy/',
|
||||
)),
|
||||
'#collapsible' => TRUE,
|
||||
'#collapsed' => TRUE,
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_loadInvisible'] = array(
|
||||
'#type' => 'checkbox',
|
||||
'#title' => t('loadInvisible'),
|
||||
'#description' => t('If checked loads invisible (hidden) elements. Default is %val', array('%val' => ($defaults['lazy_filter_loadInvisible']) ? 'checked' : 'unchecked')),
|
||||
'#default_value' => variable_get('lazy_filter_loadInvisible', $defaults['lazy_filter_loadInvisible']),
|
||||
'#return_value' => TRUE,
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_offset'] = array(
|
||||
'#type' => module_exists('elements') ? 'numberfield' : 'textfield',
|
||||
'#title' => t('offset'),
|
||||
'#description' => t('The offset controls how early you want the elements to be loaded before they’re visible. Default is %val, so %val pixel before an element is visible it’ll start loading.', array('%val' => $defaults['lazy_filter_offset'])),
|
||||
'#default_value' => variable_get('lazy_filter_offset', $defaults['lazy_filter_offset']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_saveViewportOffsetDelay'] = array(
|
||||
'#type' => module_exists('elements') ? 'numberfield' : 'textfield',
|
||||
'#title' => t('saveViewportOffsetDelay'),
|
||||
'#description' => t('Delay for how often it should call the saveViewportOffset function on resize. Default is %val', array('%val' => $defaults['lazy_filter_saveViewportOffsetDelay'])),
|
||||
'#default_value' => variable_get('lazy_filter_saveViewportOffsetDelay', $defaults['lazy_filter_saveViewportOffsetDelay']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_validateDelay'] = array(
|
||||
'#type' => module_exists('elements') ? 'numberfield' : 'textfield',
|
||||
'#title' => t('validateDelay'),
|
||||
'#description' => t('Delay for how often it should call the validate function on scroll/resize. Default is %val', array('%val' => $defaults['lazy_filter_validateDelay'])),
|
||||
'#default_value' => variable_get('lazy_filter_validateDelay', $defaults['lazy_filter_validateDelay']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_selector'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('Selector class'),
|
||||
'#description' => t('Element selector for elements that should lazy load. Do not include a leading period. Default is %val', array('%val' => $defaults['lazy_filter_selector'])),
|
||||
'#default_value' => variable_get('lazy_filter_selector', $defaults['lazy_filter_selector']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_skipClass'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('skipClass'),
|
||||
'#description' => t('Elements having this class name will be ignored. Default is %val', array('%val' => $defaults['lazy_filter_skipClass'])),
|
||||
'#default_value' => variable_get('lazy_filter_skipClass', $defaults['lazy_filter_skipClass']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_errorClass'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('errorClass'),
|
||||
'#description' => t('The classname an element will get if something goes wrong. Default is %val', array('%val' => $defaults['lazy_filter_errorClass'])),
|
||||
'#default_value' => variable_get('lazy_filter_errorClass', $defaults['lazy_filter_errorClass']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_successClass'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('successClass'),
|
||||
'#description' => t('The classname an element will get when loaded. Default is %val', array('%val' => $defaults['lazy_filter_successClass'])),
|
||||
'#default_value' => variable_get('lazy_filter_successClass', $defaults['lazy_filter_successClass']),
|
||||
);
|
||||
|
||||
$form['blazy']['lazy_filter_src'] = array(
|
||||
'#type' => 'textfield',
|
||||
'#title' => t('src'),
|
||||
'#description' => t('Attribute where the original element source will be assigned. Do not change this unless attribute is used for other purposes. Default is %val', array('%val' => $defaults['lazy_filter_src'])),
|
||||
'#default_value' => variable_get('lazy_filter_src', $defaults['lazy_filter_src']),
|
||||
);
|
||||
|
||||
$form['submit'] = array(
|
||||
'#type' => 'submit',
|
||||
'#value' => t('Save configuration'),
|
||||
);
|
||||
|
||||
// Notify the user if the library is not available, and disable the form.
|
||||
$library_installed = variable_get('lazy_library_installed');
|
||||
if (!$library_installed) {
|
||||
drupal_set_message(t('The bLazy library could not be found.'), 'warning');
|
||||
drupal_set_message(t('Follow the instructions in the README.md file or in the <a href="!url">help</a> page for installing the bLazy library.', array('!url' => url('admin/help/lazy'))), 'status');
|
||||
|
||||
$form['submit']['#attributes']['disabled'] = TRUE;
|
||||
}
|
||||
|
||||
return $form;
|
||||
}
|
||||
|
||||
/**
|
||||
* Submit handler for lazy_configuration_form().
|
||||
*/
|
||||
function lazy_configuration_form_submit($form, &$form_state) {
|
||||
$int_value = array(
|
||||
'lazy_filter_offset',
|
||||
'lazy_filter_saveViewportOffsetDelay',
|
||||
'lazy_filter_validateDelay',
|
||||
);
|
||||
$bool_value = array(
|
||||
'lazy_filter_loadInvisible',
|
||||
);
|
||||
|
||||
// Exclude unnecessary elements.
|
||||
form_state_values_clean($form_state);
|
||||
foreach ($form_state['values'] as $key => $value) {
|
||||
if (in_array($key, $int_value)) {
|
||||
$value = intval($value);
|
||||
}
|
||||
if (in_array($key, $bool_value)) {
|
||||
$value = !!$value;
|
||||
}
|
||||
if ('string' === gettype($value)) {
|
||||
$value = trim($value);
|
||||
}
|
||||
variable_set($key, $value);
|
||||
}
|
||||
drupal_set_message(t('The configuration options have been saved.'));
|
||||
}
|
13
frontend/drupal/sites/all/modules/lazy/lazy.info
Normal file
13
frontend/drupal/sites/all/modules/lazy/lazy.info
Normal file
@ -0,0 +1,13 @@
|
||||
name = Lazy-load
|
||||
description = "This module integrates bLazy script via image field display formatters and input-filters for inline images and iframes."
|
||||
core = 7.x
|
||||
dependencies[] = drupal:filter
|
||||
dependencies[] = libraries
|
||||
package = "Input filters"
|
||||
configure = admin/config/content/lazy
|
||||
|
||||
; Information added by Drupal.org packaging script on 2019-04-22
|
||||
version = "7.x-1.4"
|
||||
core = "7.x"
|
||||
project = "lazy"
|
||||
datestamp = "1555908787"
|
212
frontend/drupal/sites/all/modules/lazy/lazy.install
Normal file
212
frontend/drupal/sites/all/modules/lazy/lazy.install
Normal file
@ -0,0 +1,212 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Install, update, and uninstall functions for the Lazy-load module.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Implements hook_install().
|
||||
*/
|
||||
function lazy_install() {
|
||||
$defaults = array(
|
||||
'lazy_filter_errorClass' => 'b-error',
|
||||
'lazy_filter_loadInvisible' => FALSE,
|
||||
'lazy_filter_offset' => 100,
|
||||
'lazy_filter_saveViewportOffsetDelay' => 50,
|
||||
'lazy_filter_selector' => 'b-lazy',
|
||||
'lazy_filter_alter_tag' => array('img' => 'img', 'iframe' => 'iframe'),
|
||||
'lazy_filter_skipClass' => 'no-b-lazy',
|
||||
'lazy_filter_src' => 'data-src',
|
||||
'lazy_filter_successClass' => 'b-loaded',
|
||||
'lazy_filter_validateDelay' => 25,
|
||||
'lazy_filter_placeholderSrc' => 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==',
|
||||
'lazy_disabled_paths' => 'rss.xml',
|
||||
);
|
||||
|
||||
variable_set('lazy_filter_defaults', $defaults);
|
||||
foreach ($defaults as $key => $value) {
|
||||
variable_set($key, $value);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_enable().
|
||||
*/
|
||||
function lazy_enable() {
|
||||
$options = array(
|
||||
'!config' => url('admin/config/content/lazy'),
|
||||
'%filter' => 'Lazy-load',
|
||||
'!path' => url('admin/config/content/formats'),
|
||||
);
|
||||
$message = t('The <a href="!config">Lazy-load</a> module was installed. The new %filter filter should be enabled in desired <a href="!path">text-formats</a>.', $options);
|
||||
drupal_set_message($message, 'warning');
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_uninstall().
|
||||
*/
|
||||
function lazy_uninstall() {
|
||||
variable_del('lazy_filter_defaults');
|
||||
variable_del('lazy_filter_errorClass');
|
||||
variable_del('lazy_filter_loadInvisible');
|
||||
variable_del('lazy_filter_offset');
|
||||
variable_del('lazy_filter_saveViewportOffsetDelay');
|
||||
variable_del('lazy_filter_selector');
|
||||
variable_del('lazy_filter_alter_tag');
|
||||
variable_del('lazy_filter_skipClass');
|
||||
variable_del('lazy_filter_src');
|
||||
variable_del('lazy_filter_successClass');
|
||||
variable_del('lazy_filter_validateDelay');
|
||||
variable_del('lazy_filter_placeholderSrc');
|
||||
variable_del('lazy_filter_image_fields');
|
||||
variable_del('lazy_library_installed');
|
||||
variable_del('lazy_disabled_paths');
|
||||
|
||||
$module = 'lazy';
|
||||
$name = 'lazy_filter';
|
||||
db_delete('filter')
|
||||
->condition('module', $module)
|
||||
->condition('name', $name)
|
||||
->execute();
|
||||
|
||||
// Revert image field formatters back to `image`.
|
||||
$lazy_enabled_fields = array();
|
||||
$field_map = field_info_field_map();
|
||||
$i = 1;
|
||||
$max_messages = 10;
|
||||
foreach ($field_map as $field_name => $field) {
|
||||
if ($field['type'] === 'image') {
|
||||
foreach ($field['bundles'] as $entity_type => $bundle) {
|
||||
$field_instance = field_info_instance($entity_type, $field_name, $bundle[0]);
|
||||
foreach ($field_instance['display'] as $display_name => $display) {
|
||||
if ($field_instance['display'][$display_name]['module'] === 'lazy') {
|
||||
$field_instance['display'][$display_name]['type'] = 'image';
|
||||
$field_instance['display'][$display_name]['module'] = 'image';
|
||||
field_update_instance($field_instance);
|
||||
if ($i <= $max_messages) {
|
||||
drupal_set_message(t('The %label (<code>!field_name</code>) field in %bundle (!entity_type) type is reverted back in the %display display mode.', array(
|
||||
'%label' => $field_instance['label'],
|
||||
'!field_name' => $field_instance['field_name'],
|
||||
'%bundle' => $field_instance['bundle'],
|
||||
'!entity_type' => $field_instance['entity_type'],
|
||||
'%display' => $display_name,
|
||||
)),
|
||||
'warning',
|
||||
TRUE
|
||||
);
|
||||
}
|
||||
$i++;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if ($i > $max_messages) {
|
||||
drupal_set_message(t('Also reverted back %no other image fields.', array('%no' => $i - $max_messages)));
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_requirements().
|
||||
*/
|
||||
function lazy_requirements($phase) {
|
||||
$requirements = array();
|
||||
$t = get_t();
|
||||
|
||||
if ($phase == 'runtime') {
|
||||
$blazy = libraries_detect('blazy');
|
||||
$requirements['blazy'] = array(
|
||||
'title' => $t('bLazy'),
|
||||
);
|
||||
if ($blazy['installed']) {
|
||||
$requirements['blazy']['value'] = $blazy['version'];
|
||||
$requirements['blazy']['severity'] = REQUIREMENT_OK;
|
||||
}
|
||||
else {
|
||||
$requirements['blazy']['value'] = $blazy['error'];
|
||||
$requirements['blazy']['description'] = $blazy['error message'];
|
||||
$requirements['blazy']['severity'] = REQUIREMENT_ERROR;
|
||||
}
|
||||
|
||||
variable_set('lazy_library_installed', $blazy['installed']);
|
||||
}
|
||||
|
||||
return $requirements;
|
||||
}
|
||||
|
||||
/**
|
||||
* Update module default values.
|
||||
*/
|
||||
function lazy_update_7100() {
|
||||
// Get current default values.
|
||||
$defaults = variable_get('lazy_filter_defaults');
|
||||
|
||||
// Update it from old string value to new array value.
|
||||
$defaults['lazy_filter_alter_tag'] = array('img' => 'img', 'iframe' => 'iframe');
|
||||
// Fix already existing value with new format.
|
||||
$lazy_filter_alter_tag = variable_get('lazy_filter_alter_tag');
|
||||
switch ($lazy_filter_alter_tag) {
|
||||
case 'img':
|
||||
variable_set('lazy_filter_alter_tag', array('img' => 'img', 'iframe' => 0));
|
||||
break;
|
||||
|
||||
case 'iframe':
|
||||
variable_set('lazy_filter_alter_tag', array('img' => 0, 'iframe' => 'iframe'));
|
||||
break;
|
||||
|
||||
default:
|
||||
variable_set('lazy_filter_alter_tag', $defaults['lazy_filter_alter_tag']);
|
||||
break;
|
||||
}
|
||||
|
||||
// Add new setting to support image fields.
|
||||
$defaults['lazy_filter_image_fields'] = FALSE;
|
||||
|
||||
// Update the defaults with new values.
|
||||
variable_set('lazy_filter_defaults', $defaults);
|
||||
variable_set('lazy_filter_image_fields', $defaults['lazy_filter_image_fields']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Disable module, if bLazy library is not installed yet.
|
||||
*/
|
||||
function lazy_update_7101() {
|
||||
$blazy = libraries_detect('blazy');
|
||||
variable_set('lazy_library_installed', $blazy['installed']);
|
||||
}
|
||||
|
||||
/**
|
||||
* New configuration option to set which pages should disable Lazy-loading.
|
||||
*/
|
||||
function lazy_update_7102() {
|
||||
$defaults = variable_get('lazy_filter_defaults');
|
||||
$defaults['lazy_disabled_paths'] = 'rss.xml';
|
||||
variable_set('lazy_filter_defaults', $defaults);
|
||||
variable_set('lazy_disabled_paths', $defaults['lazy_disabled_paths']);
|
||||
}
|
||||
|
||||
/**
|
||||
* Image fields now use display formatter to enable lazy-loading per field.
|
||||
*/
|
||||
function lazy_update_7103() {
|
||||
$image_fields = variable_get('lazy_filter_image_fields');
|
||||
if ($image_fields) {
|
||||
$field_map = field_info_field_map();
|
||||
foreach ($field_map as $field_name => $field) {
|
||||
if ($field['type'] === 'image') {
|
||||
foreach ($field['bundles'] as $entity_type => $bundle) {
|
||||
$field_instance = field_info_instance($entity_type, $field_name, $bundle[0]);
|
||||
foreach ($field_instance['display'] as $display_name => $display) {
|
||||
if ($field_instance['display'][$display_name]['type'] === 'image') {
|
||||
$field_instance['display'][$display_name]['type'] = 'lazy';
|
||||
$field_instance['display'][$display_name]['module'] = 'lazy';
|
||||
field_update_instance($field_instance);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
variable_del('lazy_filter_image_fields');
|
||||
}
|
12
frontend/drupal/sites/all/modules/lazy/lazy.js
Normal file
12
frontend/drupal/sites/all/modules/lazy/lazy.js
Normal file
@ -0,0 +1,12 @@
|
||||
(function ($) {
|
||||
|
||||
'use strict';
|
||||
|
||||
Drupal.behaviors.lazy = {
|
||||
attach: function (context, settings) {
|
||||
var options = settings.lazy ? settings.lazy : {};
|
||||
Drupal.lazy = new Blazy(options);
|
||||
}
|
||||
};
|
||||
|
||||
})(jQuery);
|
565
frontend/drupal/sites/all/modules/lazy/lazy.module
Normal file
565
frontend/drupal/sites/all/modules/lazy/lazy.module
Normal file
@ -0,0 +1,565 @@
|
||||
<?php
|
||||
|
||||
/**
|
||||
* @file
|
||||
* Module file for Lazy-load.
|
||||
*/
|
||||
|
||||
/**
|
||||
* Implements hook_menu().
|
||||
*/
|
||||
function lazy_menu() {
|
||||
return array(
|
||||
'admin/config/content/lazy' => array(
|
||||
'title' => 'Lazy-load',
|
||||
'description' => 'Configure how images and iframes are lazy-loaded.',
|
||||
'page callback' => 'drupal_get_form',
|
||||
'page arguments' => array('lazy_configuration_form'),
|
||||
'file' => 'lazy.admin.inc',
|
||||
'access arguments' => array('administer filters'),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_init().
|
||||
*/
|
||||
function lazy_init() {
|
||||
$library = lazy_is_library_installed();
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_help().
|
||||
*/
|
||||
function lazy_help($path, $arg) {
|
||||
switch ($path) {
|
||||
case 'admin/help#lazy':
|
||||
|
||||
$filepath = dirname(__FILE__) . '/README.md';
|
||||
if (file_exists($filepath)) {
|
||||
$readme = file_get_contents($filepath);
|
||||
}
|
||||
|
||||
if (!isset($readme)) {
|
||||
return NULL;
|
||||
}
|
||||
|
||||
if (module_exists('markdown')) {
|
||||
$filters = module_invoke('markdown', 'filter_info');
|
||||
$info = $filters['filter_markdown'];
|
||||
|
||||
if (function_exists($info['process callback'])) {
|
||||
$output = $info['process callback']($readme, NULL);
|
||||
}
|
||||
else {
|
||||
$output = '<pre>' . $readme . '</pre>';
|
||||
}
|
||||
}
|
||||
else {
|
||||
$output = '<pre>' . $readme . '</pre>';
|
||||
}
|
||||
|
||||
return $output;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_filter_info().
|
||||
*/
|
||||
function lazy_filter_info() {
|
||||
$filters['lazy_filter'] = array(
|
||||
'title' => t('Lazy-load images and IFRAMEs via bLazy'),
|
||||
'default settings' => _filter_lazy_defaults(),
|
||||
'process callback' => '_filter_lazy_process',
|
||||
'cache' => TRUE,
|
||||
'tips callback' => '_filter_lazy_tips',
|
||||
'weight' => 20,
|
||||
);
|
||||
|
||||
return $filters;
|
||||
}
|
||||
|
||||
/**
|
||||
* Callback to return configuration defaults.
|
||||
*/
|
||||
function _filter_lazy_defaults() {
|
||||
return array(
|
||||
'lazy_filter_errorClass' => variable_get('lazy_filter_errorClass'),
|
||||
'lazy_filter_loadInvisible' => variable_get('lazy_filter_loadInvisible'),
|
||||
'lazy_filter_offset' => variable_get('lazy_filter_offset'),
|
||||
'lazy_filter_saveViewportOffsetDelay' => variable_get('lazy_filter_saveViewportOffsetDelay'),
|
||||
'lazy_filter_selector' => variable_get('lazy_filter_selector'),
|
||||
'lazy_filter_alter_tag' => variable_get('lazy_filter_alter_tag'),
|
||||
'lazy_filter_skipClass' => variable_get('lazy_filter_skipClass'),
|
||||
'lazy_filter_src' => variable_get('lazy_filter_src'),
|
||||
'lazy_filter_successClass' => variable_get('lazy_filter_successClass'),
|
||||
'lazy_filter_validateDelay' => variable_get('lazy_filter_validateDelay'),
|
||||
'lazy_filter_placeholderSrc' => variable_get('lazy_filter_placeholderSrc'),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements callback_filter_process().
|
||||
*/
|
||||
function _filter_lazy_process($text, $filter) {
|
||||
$opt_skipClass = variable_get('lazy_filter_skipClass');
|
||||
$opt_selector = ltrim(variable_get('lazy_filter_selector'), '.');
|
||||
$opt_tags = variable_get('lazy_filter_alter_tag');
|
||||
$opt_src = (variable_get('lazy_filter_src') !== 'src') ? variable_get('lazy_filter_src') : 'data-filterlazy-src';
|
||||
$opt_placeholderSrc = variable_get('lazy_filter_placeholderSrc');
|
||||
$library_installed = variable_get('lazy_library_installed');
|
||||
$disabled_paths = preg_split("/\s+/", variable_get('lazy_disabled_paths'));
|
||||
|
||||
if ($library_installed && !in_array(drupal_get_path_alias(), $disabled_paths)) {
|
||||
$html_dom = filter_dom_load($text);
|
||||
|
||||
foreach ($opt_tags as $tag) {
|
||||
$matches = $html_dom->getElementsByTagName($tag);
|
||||
foreach ($matches as $element) {
|
||||
$classes = $element->getAttribute('class');
|
||||
$classes = (strlen($classes) > 0) ? explode(' ', $classes) : [];
|
||||
|
||||
if (!in_array($opt_skipClass, $classes)) {
|
||||
$classes[] = $opt_selector;
|
||||
$element->setAttribute('class', implode(' ', $classes));
|
||||
|
||||
$src = $element->getAttribute('src');
|
||||
$element->removeAttribute('src');
|
||||
|
||||
$element->setAttribute($opt_src, $src);
|
||||
$element->setAttribute('src', $opt_placeholderSrc);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$text = filter_dom_serialize($html_dom);
|
||||
}
|
||||
|
||||
return trim($text);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements callback_filter_tips().
|
||||
*/
|
||||
function _filter_lazy_tips($filter, $format, $long = FALSE) {
|
||||
$tags = variable_get('lazy_filter_alter_tag');
|
||||
$tags = implode(' ', $tags);
|
||||
$tags = trim(str_replace(array('0'), '', $tags));
|
||||
switch ($tags) {
|
||||
case 'img iframe':
|
||||
return t('Both %img and %iframe elements are lazy-loaded.', array('%img' => '<img>', '%iframe' => '<iframe>'));
|
||||
|
||||
case 'img':
|
||||
return t('%img elements are lazy-loaded.', array('%img' => '<img>', '%iframe' => '<iframe>'));
|
||||
|
||||
case 'iframe':
|
||||
return t('%iframe elements are lazy-loaded.', array('%img' => '<img>', '%iframe' => '<iframe>'));
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Is filter enabled for any of text-formats.
|
||||
*/
|
||||
function lazy_is_filter_enabled() {
|
||||
$options = array(
|
||||
':module' => 'lazy',
|
||||
':name' => 'lazy_filter',
|
||||
':status' => 1,
|
||||
);
|
||||
$enabled_formats = db_query('SELECT f.format, f.settings FROM {filter} f WHERE f.module = :module AND f.name = :name AND f.status = :status', $options)->fetchAllKeyed();
|
||||
|
||||
return count($enabled_formats) ? TRUE : FALSE;
|
||||
}
|
||||
|
||||
/**
|
||||
* Is any of the image fields using the `Lazy-load image` formatter?
|
||||
*/
|
||||
function lazy_is_field_enabled() {
|
||||
$lazy_enabled_fields = array();
|
||||
$field_map = field_info_field_map();
|
||||
foreach ($field_map as $field_name => $field) {
|
||||
if ($field['type'] === 'image') {
|
||||
foreach ($field['bundles'] as $entity_type => $bundle) {
|
||||
$field_instance = field_info_instance($entity_type, $field_name, $bundle[0]);
|
||||
foreach ($field_instance['display'] as $display_name => $display) {
|
||||
if ($field_instance['display'][$display_name]['type'] === 'lazy') {
|
||||
$lazy_enabled_fields[] = implode('-', array(
|
||||
$field_instance['entity_type'],
|
||||
$field_instance['field_name'],
|
||||
$display_name,
|
||||
));
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return !!count($lazy_enabled_fields);
|
||||
}
|
||||
|
||||
/**
|
||||
* Is Blazy library installed.
|
||||
*/
|
||||
function lazy_is_library_installed() {
|
||||
$blazy = libraries_detect('blazy');
|
||||
|
||||
$blazy_installed = variable_get('lazy_library_installed');
|
||||
if ($blazy['installed'] !== $blazy_installed) {
|
||||
variable_set('lazy_library_installed', $blazy['installed']);
|
||||
}
|
||||
|
||||
return $blazy['installed'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_page_build().
|
||||
*/
|
||||
function lazy_page_build(&$page) {
|
||||
$filter_enabled = lazy_is_filter_enabled();
|
||||
$field_enabled = lazy_is_field_enabled();
|
||||
$library_installed = variable_get('lazy_library_installed');
|
||||
|
||||
if ($library_installed) {
|
||||
if ($filter_enabled || $field_enabled) {
|
||||
$path = drupal_get_path('module', 'lazy');
|
||||
|
||||
$page['page_bottom']['lazy'] = array(
|
||||
'#attached' => array(),
|
||||
);
|
||||
$attached = &$page['page_bottom']['lazy']['#attached'];
|
||||
|
||||
$settings = array(
|
||||
'errorClass' => variable_get('lazy_filter_errorClass'),
|
||||
'loadInvisible' => variable_get('lazy_filter_loadInvisible'),
|
||||
'offset' => intval(variable_get('lazy_filter_offset')),
|
||||
'saveViewportOffsetDelay' => intval(variable_get('lazy_filter_saveViewportOffsetDelay')),
|
||||
'selector' => '.' . variable_get('lazy_filter_selector'),
|
||||
'src' => variable_get('lazy_filter_src'),
|
||||
'successClass' => variable_get('lazy_filter_successClass'),
|
||||
'validateDelay' => intval(variable_get('lazy_filter_validateDelay')),
|
||||
);
|
||||
$attached['js'][] = array(
|
||||
'data' => array('lazy' => $settings),
|
||||
'type' => 'setting',
|
||||
);
|
||||
$attached['libraries_load'][] = array('blazy');
|
||||
$attached['js'][$path . '/lazy.js'] = array('every_page' => TRUE);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_libraries_info().
|
||||
*/
|
||||
function lazy_libraries_info() {
|
||||
$libraries['blazy'] = array(
|
||||
'name' => 'bLazy',
|
||||
'vendor url' => 'https://github.com/dinbror/blazy/',
|
||||
'download url' => 'https://github.com/dinbror/blazy/archive/master.zip',
|
||||
'version callback' => 'lazy_library_get_version',
|
||||
'version arguments' => array(
|
||||
'file' => 'package.json',
|
||||
),
|
||||
'files' => array(
|
||||
'js' => array(
|
||||
'blazy.min.js' => array(
|
||||
'group' => JS_LIBRARY,
|
||||
'every_page' => TRUE,
|
||||
),
|
||||
),
|
||||
),
|
||||
'variants' => array(
|
||||
'source' => array(
|
||||
'files' => array(
|
||||
'js' => array(
|
||||
'blazy.js' => array(
|
||||
'group' => JS_LIBRARY,
|
||||
'every_page' => TRUE,
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
|
||||
return $libraries;
|
||||
}
|
||||
|
||||
/**
|
||||
* Callback function to return version from provided JSON file.
|
||||
*/
|
||||
function lazy_library_get_version($library, $options) {
|
||||
$file = DRUPAL_ROOT . '/' . $library['library path'] . '/' . $options['file'];
|
||||
if (empty($options['file']) || !file_exists($file)) {
|
||||
return;
|
||||
}
|
||||
$file_content = file_get_contents($file);
|
||||
$json = json_decode($file_content, TRUE);
|
||||
|
||||
return $json['version'];
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_field_formatter_info().
|
||||
*/
|
||||
function lazy_field_formatter_info() {
|
||||
$formatters = array(
|
||||
'lazy' => array(
|
||||
'label' => t('Lazy-load image'),
|
||||
'field types' => array(
|
||||
'image',
|
||||
),
|
||||
'settings' => array(
|
||||
'image_style' => '',
|
||||
'image_link' => '',
|
||||
),
|
||||
),
|
||||
);
|
||||
return $formatters;
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_field_formatter_settings_form().
|
||||
*/
|
||||
function lazy_field_formatter_settings_form($field, $instance, $view_mode, $form, &$form_state) {
|
||||
$display = $instance['display'][$view_mode];
|
||||
$settings = $display['settings'];
|
||||
$image_styles = image_style_options(FALSE, PASS_THROUGH);
|
||||
$element['image_style'] = array(
|
||||
'#title' => t('Image style'),
|
||||
'#type' => 'select',
|
||||
'#default_value' => $settings['image_style'],
|
||||
'#empty_option' => t('None (original image)'),
|
||||
'#options' => $image_styles,
|
||||
);
|
||||
$link_types = array(
|
||||
'content' => t('Content'),
|
||||
'file' => t('File'),
|
||||
);
|
||||
$element['image_link'] = array(
|
||||
'#title' => t('Link image to'),
|
||||
'#type' => 'select',
|
||||
'#default_value' => $settings['image_link'],
|
||||
'#empty_option' => t('Nothing'),
|
||||
'#options' => $link_types,
|
||||
);
|
||||
return $element;
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_field_formatter_settings_summary().
|
||||
*/
|
||||
function lazy_field_formatter_settings_summary($field, $instance, $view_mode) {
|
||||
$display = $instance['display'][$view_mode];
|
||||
$settings = $display['settings'];
|
||||
$summary = array();
|
||||
$image_styles = image_style_options(FALSE, PASS_THROUGH);
|
||||
|
||||
// Unset possible 'No defined styles' option.
|
||||
unset($image_styles['']);
|
||||
|
||||
// Styles could be lost because of enabled/disabled modules that defines
|
||||
// their styles in code.
|
||||
if (isset($image_styles[$settings['image_style']])) {
|
||||
$summary[] = t('Image style: @style', array(
|
||||
'@style' => $image_styles[$settings['image_style']],
|
||||
));
|
||||
}
|
||||
else {
|
||||
$summary[] = t('Original image');
|
||||
}
|
||||
$link_types = array(
|
||||
'content' => t('Linked to content'),
|
||||
'file' => t('Linked to file'),
|
||||
);
|
||||
|
||||
// Display this setting only if image is linked.
|
||||
if (isset($link_types[$settings['image_link']])) {
|
||||
$summary[] = $link_types[$settings['image_link']];
|
||||
}
|
||||
return implode('<br />', $summary);
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_field_formatter_view().
|
||||
*/
|
||||
function lazy_field_formatter_view($entity_type, $entity, $field, $instance, $langcode, $items, $display) {
|
||||
$element = array();
|
||||
|
||||
// Check if the formatter involves a link.
|
||||
if ($display['settings']['image_link'] == 'content') {
|
||||
$uri = entity_uri($entity_type, $entity);
|
||||
}
|
||||
elseif ($display['settings']['image_link'] == 'file') {
|
||||
$link_file = TRUE;
|
||||
}
|
||||
// Check if the formatter is set to lazy-load.
|
||||
// if ($display['type'] === 'lazy') {}
|
||||
foreach ($items as $delta => $item) {
|
||||
if (isset($link_file)) {
|
||||
$uri = array(
|
||||
'path' => file_create_url($item['uri']),
|
||||
'options' => array(),
|
||||
);
|
||||
}
|
||||
$element[$delta] = array(
|
||||
'#theme' => 'lazy_image_formatter',
|
||||
'#item' => $item,
|
||||
'#image_style' => $display['settings']['image_style'],
|
||||
'#path' => isset($uri) ? $uri : '',
|
||||
);
|
||||
}
|
||||
return $element;
|
||||
}
|
||||
|
||||
/**
|
||||
* Implements hook_theme().
|
||||
*/
|
||||
function lazy_theme() {
|
||||
return array(
|
||||
'lazy_image' => array(
|
||||
'variables' => array(
|
||||
'style_name' => NULL,
|
||||
'path' => NULL,
|
||||
'width' => NULL,
|
||||
'height' => NULL,
|
||||
'alt' => '',
|
||||
'title' => NULL,
|
||||
'attributes' => array(),
|
||||
),
|
||||
),
|
||||
'lazy_image_formatter' => array(
|
||||
'variables' => array(
|
||||
'item' => NULL,
|
||||
'path' => NULL,
|
||||
'image_style' => NULL,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns HTML for an image.
|
||||
*
|
||||
* @param $variables
|
||||
* An associative array containing:
|
||||
* - path: Either the path of the image file (relative to base_path()) or a
|
||||
* full URL.
|
||||
* - width: The width of the image (if known).
|
||||
* - height: The height of the image (if known).
|
||||
* - alt: The alternative text for text-based browsers. HTML 4 and XHTML 1.0
|
||||
* always require an alt attribute. The HTML 5 draft allows the alt
|
||||
* attribute to be omitted in some cases. Therefore, this variable defaults
|
||||
* to an empty string, but can be set to NULL for the attribute to be
|
||||
* omitted. Usually, neither omission nor an empty string satisfies
|
||||
* accessibility requirements, so it is strongly encouraged for code
|
||||
* calling theme('image') to pass a meaningful value for this variable.
|
||||
* - http://www.w3.org/TR/REC-html40/struct/objects.html#h-13.8
|
||||
* - http://www.w3.org/TR/xhtml1/dtds.html
|
||||
* - http://dev.w3.org/html5/spec/Overview.html#alt
|
||||
* - title: The title text is displayed when the image is hovered in some
|
||||
* popular browsers.
|
||||
* - attributes: Associative array of attributes to be placed in the img tag.
|
||||
*/
|
||||
function theme_lazy_image($variables) {
|
||||
$opt_skipClass = variable_get('lazy_filter_skipClass');
|
||||
$opt_selector = ltrim(variable_get('lazy_filter_selector'), '.');
|
||||
$opt_src = (variable_get('lazy_filter_src') !== 'src') ? variable_get('lazy_filter_src') : 'data-filterlazy-src';
|
||||
$opt_placeholderSrc = variable_get('lazy_filter_placeholderSrc');
|
||||
$disabled_paths = preg_split("/\s+/", variable_get('lazy_disabled_paths'));
|
||||
|
||||
if ($variables['style_name']) {
|
||||
// Determine the dimensions of the styled image.
|
||||
$dimensions = array(
|
||||
'width' => $variables['width'],
|
||||
'height' => $variables['height'],
|
||||
);
|
||||
image_style_transform_dimensions($variables['style_name'], $dimensions);
|
||||
$variables['width'] = $dimensions['width'];
|
||||
$variables['height'] = $dimensions['height'];
|
||||
|
||||
// Determine the URL for the styled image.
|
||||
$variables['path'] = image_style_url($variables['style_name'], $variables['path']);
|
||||
}
|
||||
|
||||
// Skip Blazy rendering if...
|
||||
//
|
||||
// library is not available OR
|
||||
// viewing a page listed in disabled pages
|
||||
if (
|
||||
!variable_get('lazy_library_installed') ||
|
||||
in_array(drupal_get_path_alias(), $disabled_paths)
|
||||
) {
|
||||
return theme('image', $variables);
|
||||
}
|
||||
else {
|
||||
// $defaults = _filter_lazy_defaults();
|
||||
$attributes = $variables['attributes'];
|
||||
$attributes['src'] = $opt_placeholderSrc;
|
||||
$attributes[$opt_src] = file_create_url($variables['path']);
|
||||
$attributes['class'][] = $opt_selector;
|
||||
foreach (array(
|
||||
'width',
|
||||
'height',
|
||||
'alt',
|
||||
'title',
|
||||
) as $key) {
|
||||
if (isset($variables[$key])) {
|
||||
$attributes[$key] = $variables[$key];
|
||||
}
|
||||
}
|
||||
return '<img' . drupal_attributes($attributes) . ' />';
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Returns HTML for an image field formatter.
|
||||
*
|
||||
* @param $variables
|
||||
* An associative array containing:
|
||||
* - item: Associative array of image data, which may include "uri", "alt",
|
||||
* "width", "height", "title" and "attributes".
|
||||
* - image_style: An optional image style.
|
||||
* - path: An array containing the link 'path' and link 'options'.
|
||||
*
|
||||
* @ingroup themeable
|
||||
*/
|
||||
function theme_lazy_image_formatter($variables) {
|
||||
$item = $variables['item'];
|
||||
$image = array(
|
||||
'path' => $item['uri'],
|
||||
);
|
||||
if (array_key_exists('alt', $item)) {
|
||||
$image['alt'] = $item['alt'];
|
||||
}
|
||||
if (isset($item['attributes'])) {
|
||||
$image['attributes'] = $item['attributes'];
|
||||
}
|
||||
if (isset($item['width']) && isset($item['height'])) {
|
||||
$image['width'] = $item['width'];
|
||||
$image['height'] = $item['height'];
|
||||
}
|
||||
|
||||
// Do not output an empty 'title' attribute.
|
||||
if (isset($item['title']) && drupal_strlen($item['title']) > 0) {
|
||||
$image['title'] = $item['title'];
|
||||
}
|
||||
|
||||
if ($variables['image_style']) {
|
||||
$image['style_name'] = $variables['image_style'];
|
||||
}
|
||||
$output = theme('lazy_image', $image);
|
||||
|
||||
// The link path and link options are both optional, but for the options to be
|
||||
// processed, the link path must at least be an empty string.
|
||||
if (isset($variables['path']['path'])) {
|
||||
$path = $variables['path']['path'];
|
||||
$options = isset($variables['path']['options']) ? $variables['path']['options'] : array();
|
||||
|
||||
// When displaying an image inside a link, the html option must be TRUE.
|
||||
$options['html'] = TRUE;
|
||||
$output = l($output, $path, $options);
|
||||
}
|
||||
return $output;
|
||||
}
|
@ -152,6 +152,17 @@ function pro1ka_preprocess_html(&$variables) {
|
||||
drupal_add_js('https://www.google.com/recaptcha/api.js', array('group' => JS_THEME));
|
||||
drupal_add_js('https://js.stripe.com/v3/', array('group' => JS_THEME));
|
||||
|
||||
//// First, we must set up an array
|
||||
//$element = array(
|
||||
// '#tag' => 'script', // The #tag is the html tag -
|
||||
// '#attributes' => array( // Set up an array of attributes inside the tag
|
||||
// 'href' => 'https://www.google.com/recaptcha/api.js',
|
||||
// 'type' => 'text/javascript',
|
||||
//
|
||||
// ),
|
||||
//);
|
||||
//drupal_add_html_head($element, 'google_font_cardo');
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
|
Loading…
x
Reference in New Issue
Block a user