Server : Apache/2.4.62 (Unix) OpenSSL/1.0.2k-fips System : Linux server1.richineiserver.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : fdshops ( 1003) PHP Version : 8.2.21 Disable Function : NONE Directory :  /home/fdshops/public_html/vendor/consoletvs/charts/src/Views/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

<div id="{{ $chart->id }}_loader" style="
    display: flex;
    justify-content: center;
    opacity: {{ $chart->loader ? '1' : '0' }};
    align-items: center;
    {{ $chart->height ? 'height: ' . $chart->height . 'px;' : '' }}
    {{ $chart->width ? 'width: ' . $chart->width . 'px;' : '' }}
">
    <svg width="50" height="50" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg">
        <defs>
            <linearGradient x1="8.042%" y1="0%" x2="65.682%" y2="23.865%" id="a">
                <stop stop-color="{{ $chart->loaderColor }}" stop-opacity="0" offset="0%"/>
                <stop stop-color="{{ $chart->loaderColor }}" stop-opacity=".631" offset="63.146%"/>
                <stop stop-color="{{ $chart->loaderColor }}" offset="100%"/>
            </linearGradient>
        </defs>
        <g fill="none" fill-rule="evenodd">
            <g transform="translate(1 1)">
                <path d="M36 18c0-9.94-8.06-18-18-18" id="Oval-2" stroke="url(#a)" stroke-width="2">
                    <animateTransform
                        attributeName="transform"
                        type="rotate"
                        from="0 18 18"
                        to="360 18 18"
                        dur="0.9s"
                        repeatCount="indefinite" />
                </path>
                <circle fill="{{ $chart->loaderColor }}" cx="36" cy="18" r="1">
                    <animateTransform
                        attributeName="transform"
                        type="rotate"
                        from="0 18 18"
                        to="360 18 18"
                        dur="0.9s"
                        repeatCount="indefinite" />
                </circle>
            </g>
        </g>
    </svg>
</div>