LazyLoad::init() - Code Metrics - Inspection of "Lazyload widget update" - luyadev/luya - Measure and Improve Code Quality continuously with Scrutinizer

Completed

Pull Request — master (#1868)

by Basil

created 2018-10-31 15:02 UTC

LazyLoad::init() B

↳ Parent: LazyLoad

Complexity

Conditions	3
Paths	3

Size

Total Lines

Duplication

Lines	0
Ratio	0 %

Importance

Changes

Metric	Value
dl	0
loc	72
rs	8.6109
c	0
b	0
f	0
cc	3
nc	3
nop	0

How to fix Long Method

<?php

namespace luya\lazyload;

use luya\base\Widget;
use yii\base\InvalidConfigException;
use yii\helpers\Html;
use luya\web\View;

/**
 * Image Lazy Loader.
 *
 * ```php
 * <?= LazyLoad::widget(['src' => 'http://www.zephir.ch/img/zephir-logo.png']); ?>
 * ```
 *
 * In order to read more visit the [[concept-lazyload.md]] guide section.
 *
 * @author Basil Suter <[email protected]>
 * @author Marc Stampfli <[email protected]>
 * @since 1.0.0
 */
class LazyLoad extends Widget
{
    const JS_ASSET_KEY = 'lazyload.js.register';

    const CSS_ASSET_KEY = 'lazyload.css.register';
    const CSS_ASSET_KEY_PLACEHOLDER = 'lazyload.placeholder.css.register';

    /**
     * @var string The path to the image you want to lazy load.
     */
    public $src;

    /**
     * @var string Path for the placeholder image that will be base64 encoded.
     * @since 1.0.14
     */
    public $placeholderSrc;

    /**
     * @var boolean Inline the placeholder source as base64 encoded string
     * @since 1.0.14
     */
    public $placeholderAsBase64 = false;

    /**
     * @var integer The width of the image, this information should be provided in order to display a placeholder.
     */
    public $width;

    /**
     * @var integer The height of the image, this information should be provided in order to display a placeholder.
     */
    public $height;

    /**
     * @var boolean Define whether a full image tag should be return or only the attributes. This can be applied when using the lazy loader in background images.
     */
    public $attributesOnly = false;

    /**
     * @var string Additional classes for the lazy load image.
     */
    public $extraClass;

    /**
     * @inheritdoc
     */
    public function init()
    {
        parent::init();

        if ($this->src === null) {
            throw new InvalidConfigException("The parameter src is required by the lazyload widget.");
        }

        // register the asset file
        LazyLoadAsset::register($this->view);

        // register js and css code with keys in order to ensure the registration is done only once
        $this->view->registerJs("$('.lazy-image').lazyLoad();", View::POS_READY, self::JS_ASSET_KEY);

        if ($this->placeholderSrc) {
            $this->view->registerCss("
                .lazyimage-wrapper {
                    display: block;
                    width: 100%;
                    position: relative;
                    overflow: hidden;
                }
                .lazyimage {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    bottom: 0;
                    right: 0;
                    opacity: 0;
                    height: 100%;
                    width: 100%;
                    -webkit-transition: 1s ease-in-out opacity;
                    transition: 1s ease-in-out opacity;
                    -webkit-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                    -o-object-fit: cover;
                    object-fit: cover;
                    -o-object-position: center center;
                    object-position: center center;
                    z-index: 20;
                }
                .lazyimage.loaded {
                    opacity: 1;
                }
                .lazyimage-placeholder-image {
                    display: block;
                    width: 100%;
                    height: auto;
                }
                .nojs .lazyimage,
                .nojs .lazyimage-placeholder-image,
                .no-js .lazyimage,
                .no-js .lazyimage-placeholder-image {
                    display: none;
                }
            ", [], self::CSS_ASSET_KEY_PLACEHOLDER);
        } else {
            $this->view->registerCss("
                .lazy-image {
                    display: none;
                }
                .lazy-image.loaded {
                    display: block;
                }
                .lazy-placeholder {
                    background-color: #f2f2f2;
                    position: relative;
                    display: block;
                }
            ", [], self::CSS_ASSET_KEY);
        }
    }

    /**
     * @inheritdoc
     */
    public function run()
    {
        $class = ($this->placeholderSrc ? 'lazyimage-wrapper' : 'lazy-image') . ' ' . $this->extraClass;

        if ($this->placeholderSrc && $this->placeholderAsBase64) {
            $this->placeholderSrc = 'data:image/jpg;base64,' . base64_encode(file_get_contents($this->placeholderSrc));
        }

        if ($this->attributesOnly && !$this->placeholderSrc) {
            return "class=\"{$class}\" data-src=\"$this->src\" data-width=\"$this->width\" data-height=\"$this->height\" data-as-background=\"1\"";
        }

        if ($this->placeholderSrc) {
            $tag = '<div class="' . $class . '">';
            $tag .= Html::tag('img', '', ['class' => 'lazy-image lazyimage', 'data-src' => $this->src]);
            $tag .= Html::tag('img', '', ['class' => 'lazyimage-placeholder-image', 'src' => $this->placeholderSrc]);
            $tag .= '<noscript><img class="lazyimage-image" src="' . $this->src . '" /></noscript>';
            $tag .= '</div>';
        } else {
            $tag = Html::tag('img', '', ['class' => $class, 'data-src' => $this->src, 'data-width' => $this->width, 'data-height' => $this->height]);
            $tag .= '<noscript><img class="'.$class.'" src="'.$this->src.'" /></noscript>';
        }

        return $tag;
    }
}


1			<?php
2
3			namespace luya\lazyload;
4
5			use luya\base\Widget;
6			use yii\base\InvalidConfigException;
7			use yii\helpers\Html;
8			use luya\web\View;
9
10			/**
11			* Image Lazy Loader.
12			*
13			* ```php
14			* <?= LazyLoad::widget(['src' => 'http://www.zephir.ch/img/zephir-logo.png']); ?>
15			* ```
16			*
17			* In order to read more visit the [[concept-lazyload.md]] guide section.
18			*
19			* @author Basil Suter <[email protected]>
20			* @author Marc Stampfli <[email protected]>
21			* @since 1.0.0
22			*/
23			class LazyLoad extends Widget
24			{
25			const JS_ASSET_KEY = 'lazyload.js.register';
26
27			const CSS_ASSET_KEY = 'lazyload.css.register';
28			const CSS_ASSET_KEY_PLACEHOLDER = 'lazyload.placeholder.css.register';
29
30			/**
31			* @var string The path to the image you want to lazy load.
32			*/
33			public $src;
34
35			/**
36			* @var string Path for the placeholder image that will be base64 encoded.
37			* @since 1.0.14
38			*/
39			public $placeholderSrc;
40
41			/**
42			* @var boolean Inline the placeholder source as base64 encoded string
43			* @since 1.0.14
44			*/
45			public $placeholderAsBase64 = false;
46
47			/**
48			* @var integer The width of the image, this information should be provided in order to display a placeholder.
49			*/
50			public $width;
51
52			/**
53			* @var integer The height of the image, this information should be provided in order to display a placeholder.
54			*/
55			public $height;
56
57			/**
58			* @var boolean Define whether a full image tag should be return or only the attributes. This can be applied when using the lazy loader in background images.
59			*/
60			public $attributesOnly = false;
61
62			/**
63			* @var string Additional classes for the lazy load image.
64			*/
65			public $extraClass;
66
67			/**
68			* @inheritdoc
69			*/
70			public function init()
71			{
72			parent::init();
73
74			if ($this->src === null) {
75			throw new InvalidConfigException("The parameter src is required by the lazyload widget.");
76			}
77
78			// register the asset file
79			LazyLoadAsset::register($this->view);
80
81			// register js and css code with keys in order to ensure the registration is done only once
82			$this->view->registerJs("$('.lazy-image').lazyLoad();", View::POS_READY, self::JS_ASSET_KEY);
83
84			if ($this->placeholderSrc) {
85			$this->view->registerCss("
86			.lazyimage-wrapper {
87			display: block;
88			width: 100%;
89			position: relative;
90			overflow: hidden;
91			}
92			.lazyimage {
93			position: absolute;
94			top: 50%;
95			left: 50%;
96			bottom: 0;
97			right: 0;
98			opacity: 0;
99			height: 100%;
100			width: 100%;
101			-webkit-transition: 1s ease-in-out opacity;
102			transition: 1s ease-in-out opacity;
103			-webkit-transform: translate(-50%,-50%);
104			transform: translate(-50%,-50%);
105			-o-object-fit: cover;
106			object-fit: cover;
107			-o-object-position: center center;
108			object-position: center center;
109			z-index: 20;
110			}
111			.lazyimage.loaded {
112			opacity: 1;
113			}
114			.lazyimage-placeholder-image {
115			display: block;
116			width: 100%;
117			height: auto;
118			}
119			.nojs .lazyimage,
120			.nojs .lazyimage-placeholder-image,
121			.no-js .lazyimage,
122			.no-js .lazyimage-placeholder-image {
123			display: none;
124			}
125			", [], self::CSS_ASSET_KEY_PLACEHOLDER);
126			} else {
127			$this->view->registerCss("
128			.lazy-image {
129			display: none;
130			}
131			.lazy-image.loaded {
132			display: block;
133			}
134			.lazy-placeholder {
135			background-color: #f2f2f2;
136			position: relative;
137			display: block;
138			}
139			", [], self::CSS_ASSET_KEY);
140			}
141			}
142
143			/**
144			* @inheritdoc
145			*/
146			public function run()
147			{
148			$class = ($this->placeholderSrc ? 'lazyimage-wrapper' : 'lazy-image') . ' ' . $this->extraClass;
149
150			if ($this->placeholderSrc && $this->placeholderAsBase64) {
151			$this->placeholderSrc = 'data:image/jpg;base64,' . base64_encode(file_get_contents($this->placeholderSrc));
152			}
153
154			if ($this->attributesOnly && !$this->placeholderSrc) {
155			return "class=\"{$class}\" data-src=\"$this->src\" data-width=\"$this->width\" data-height=\"$this->height\" data-as-background=\"1\"";
156			}
157
158			if ($this->placeholderSrc) {
159			$tag = '<div class="' . $class . '">';
160			$tag .= Html::tag('img', '', ['class' => 'lazy-image lazyimage', 'data-src' => $this->src]);
161			$tag .= Html::tag('img', '', ['class' => 'lazyimage-placeholder-image', 'src' => $this->placeholderSrc]);
162			$tag .= '<noscript><img class="lazyimage-image" src="' . $this->src . '" /></noscript>';
163			$tag .= '</div>';
164			} else {
165			$tag = Html::tag('img', '', ['class' => $class, 'data-src' => $this->src, 'data-width' => $this->width, 'data-height' => $this->height]);
166			$tag .= '<noscript><img class="'.$class.'" src="'.$this->src.'" /></noscript>';
167			}
168
169			return $tag;
170			}
171			}
172

luyadev / luya

Pull Request — master (#1868)

LazyLoad::init() B

Complexity

Size

Duplication

Importance

How to fix Long Method

Long Method

Duplication Side-by-Side

Filter issues like