ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / tbfguestbe.tbf.ro / resources / views / pdf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : resource_header.blade.php \| Size : 8.10 KB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> @page { margin: 50px 0px; } .first-page { position: absolute; page-break-after: always; top: -50px; width: 100%; margin: 0; } body { margin: 0in; font-family: 'DejaVu Sans', sans-serif; } .container { display: block; height: 100vh; } .half { height: 50%; } .image-container, .title-container { position: relative; } .image-container { background-color: {!! $hexColor !!}; position: relative; } .image-container img { max-width: 500px; height: auto; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .box-title { font-size: 0; white-space: nowrap; width: 70%; position: absolute; top: 20%; right: 0; } .box-title .container-title { position: relative; overflow: hidden; } .box-title .title-absolute { background-color: {!! $hexColor !!}; margin-left: 49px; } .box-title .title-absolute h1 { white-space: normal; margin: 0; font-size: 26px; padding: 10px; color: #FFF; } .triangle-img { width: 50px; height: 100%; position: absolute; top: -15px; bottom: 0; } .content-page { padding: 0 50px; } .item-tool { page-break-inside: avoid; } .item-table { margin: 30px 0; position: relative; height: 1px; } .item-table td { vertical-align: top; overflow: hidden; } .company-details { position: absolute; bottom: 0px; right: 50px; } .company-details p { margin: 0; text-align: right; } .company-details .logo-company { width: auto; height: 60px; display: block; margin-bottom: 10px; } .company-details .company-name { font-size: 16px; color: rgb(51, 65, 85); } .company-details .company-website { font-size: 14px; color: rgb(71, 85, 105); } .item-tool .number { min-width: 50px; min-height: 50px; width: 50px; height: 50px; max-width: 50px; max-height: 50px; border: 2px solid {!! $hexColor !!}; border-radius: 50%; } .relative { position: relative; } .item-tool .number-td .relative { /* height: 100%; / } .item-tool .number-td .relative::before { position: absolute; content: ""; width: 2px; background-color: {!! $hexColor !!}; bottom: 0; top: 54px; left: 50%; transform: translateX(-50%); } .item-tool .number-td .relative::after { position: absolute; / content: ""; */ width: 6px; height: 6px; border-radius: 50%; background-color: #FFF; border: 2px solid {!! $hexColor !!}; top: 100px; left: 50%; transform: translateX(-50%); } .item-tool .number p { text-align: center; font-size: 18px; font-weight: 700; margin: 0; line-height: 30px; color: {!! $hexColor !!}; } .item-tool .data { padding-left: 30px; } .item-tool .data h3 { margin-top: 10px; margin-bottom: 5px; color: {!! $hexColor !!}; } .item-tool .data p { margin: 0; color: rgb(51, 65, 85); } </style> </head> <body> <div class="first-page"> <div class="container"> <!-- Imagine --> <div class="image-container half"> <img src={{ env('APP_URL') . '/storage/tools-pdf.png' }} /> </div> <!-- Titlu --> <div class="title-container half"> <div class="box-title"> <div class="container-title"> {!! $imgTriangle !!} <div class="title-absolute"> <h1>{{ $title }}</h1> </div> </div> </div> <div class="company-details"> @if ($logo) <img class="logo-company" src={{ $logo }} /> @endif @if ($company['name']) <p class="company-name">{{ $company['name'] }}</p> @endif @if ($company['email']) <p class="company-website">{{ $company['email'] }}</p> @endif @if ($company['phone']) <p class="company-website">{{ $company['phone'] }}</p> @endif @if ($company['website']) <p class="company-website">{{ $company['website'] }}</p> @endif </div> </div> </div> </div> <div class="content-page"> @foreach ($items as $item) <div class="item-tool"> <table class="item-table"> <tr> <td class="number-td"> <div class="relative"> <div class="number"> <p>{{ $loop->iteration }}</p> </div> </div> </td> <td class="data"> <h3>{{ $item['title'] }}</h3> <p>{{ $item['description'] }}</p> </td> </tr> </table> </div> @endforeach </div> <script type="text/php"> if (isset($pdf)) { $script = ' if ($PAGE_NUM > 1) { $font = $fontMetrics->get_font("Arial, Helvetica, sans-serif", "normal"); $size = 12; // Culoarea trapezului $color = array({{ $rgb["r"] }}, {{ $rgb["g"] }}, {{ $rgb["b"] }}); $width = 1; // Definim coordonatele vârfurilor trapezului pentru header $pointsHeader = [ 220, 20, 226, 0, 596, 0, 596, 20 ]; $pdf->polygon($pointsHeader, $color, $width, [], true); // Definim coordonatele vârfurilor trapezului pentru footer $pageHeight = 842; // Înălțimea pentru formatul A4 în puncte $pointsFooter = [ 0, $pageHeight - 20, 0, $pageHeight, 382, $pageHeight, 376, $pageHeight - 20 ]; $pdf->polygon($pointsFooter, $color, $width, [], true); } '; $pdf->page_script($script); } </script> </body> </html> Back

Edit File : resource_header.blade.php | Size : 8.10 KB

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style>
        @page {
            margin: 50px 0px;
        }

.first-page {
            position: absolute;
            page-break-after: always;
            top: -50px;
            width: 100%;
            margin: 0;
        }

body {
            margin: 0in;
            font-family: 'DejaVu Sans', sans-serif;
        }

.container {
            display: block;
            height: 100vh;
        }

.half {
            height: 50%;
        }

.image-container,
        .title-container {
            position: relative;
        }

.image-container {
            background-color: {!! $hexColor !!};
            position: relative;
        }

.image-container img {
            max-width: 500px;
            height: auto;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
        }

.box-title {
            font-size: 0;
            white-space: nowrap;
            width: 70%;

position: absolute;
            top: 20%;
            right: 0;
        }

.box-title .container-title {
            position: relative;
            overflow: hidden;
        }

.box-title .title-absolute {
            background-color: {!! $hexColor !!};
            margin-left: 49px;
        }

.box-title .title-absolute h1 {
            white-space: normal;
            margin: 0;
            font-size: 26px;
            padding: 10px;
            color: #FFF;
        }

.triangle-img {
            width: 50px;
            height: 100%;
            position: absolute;
            top: -15px;
            bottom: 0;
        }

.content-page {
            padding: 0 50px;
        }

.item-tool {
            page-break-inside: avoid;
        }

.item-table {
            margin: 30px 0;
            position: relative;
            height: 1px;

}

.item-table td {
            vertical-align: top;
            overflow: hidden;
        }

.company-details {
            position: absolute;
            bottom: 0px;
            right: 50px;
        }

.company-details p {
            margin: 0;
            text-align: right;
        }

.company-details .logo-company {
            width: auto;
            height: 60px;
            display: block;
            margin-bottom: 10px;
        }

.company-details .company-name {
            font-size: 16px;
            color: rgb(51, 65, 85);
        }

.company-details .company-website {
            font-size: 14px;
            color: rgb(71, 85, 105);
        }

.item-tool .number {
            min-width: 50px;
            min-height: 50px;
            width: 50px;
            height: 50px;
            max-width: 50px;
            max-height: 50px;
            border: 2px solid {!! $hexColor !!};
            border-radius: 50%;
        }

.relative {
            position: relative;
        }

.item-tool .number-td .relative {
            /* height: 100%; */
        }

.item-tool .number-td .relative::before {
            position: absolute;
            content: "";
            width: 2px;
            background-color: {!! $hexColor !!};
            bottom: 0;
            top: 54px;
            left: 50%;
            transform: translateX(-50%);
        }

.item-tool .number-td .relative::after {
            position: absolute;
            /* content: ""; */
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #FFF;
            border: 2px solid {!! $hexColor !!};
            top: 100px;
            left: 50%;
            transform: translateX(-50%);
        }

.item-tool .number p {
            text-align: center;
            font-size: 18px;
            font-weight: 700;
            margin: 0;
            line-height: 30px;
            color: {!! $hexColor !!};
        }

.item-tool .data {
            padding-left: 30px;
        }

.item-tool .data h3 {
            margin-top: 10px;
            margin-bottom: 5px;
            color: {!! $hexColor !!};
        }

.item-tool .data p {
            margin: 0;
            color: rgb(51, 65, 85);
        }
    </style>
</head>

<div class="title-container half">
                <div class="box-title">
                    <div class="container-title">
                        {!! $imgTriangle !!}
                        <div class="title-absolute">
                            <h1>{{ $title }}</h1>
                        </div>
                    </div>
                </div>

<div class="company-details">
                    @if ($logo)
                        <img class="logo-company" src={{ $logo }} />
                    @endif
                    @if ($company['name'])
                        <p class="company-name">{{ $company['name'] }}</p>
                    @endif
                    @if ($company['email'])
                        <p class="company-website">{{ $company['email'] }}</p>
                    @endif
                    @if ($company['phone'])
                        <p class="company-website">{{ $company['phone'] }}</p>
                    @endif
                    @if ($company['website'])
                        <p class="company-website">{{ $company['website'] }}</p>
                    @endif
                </div>
            </div>
        </div>
    </div>

<div class="content-page">
        @foreach ($items as $item)
            <div class="item-tool">
                <table class="item-table">
                    <tr>
                        <td class="number-td">
                            <div class="relative">
                                <div class="number">
                                    <p>{{ $loop->iteration }}</p>
                                </div>
                            </div>
                        </td>
                        <td class="data">
                            <h3>{{ $item['title'] }}</h3>
                            <p>{{ $item['description'] }}</p>
                        </td>
                    </tr>
                </table>
            </div>
        @endforeach
    </div>

// Culoarea trapezului
                        $color = array({{ $rgb["r"] }}, {{ $rgb["g"] }}, {{ $rgb["b"] }});

$width = 1;

// Definim coordonatele vârfurilor trapezului pentru header
                        $pointsHeader = [
                            220, 20,
                            226, 0,
                            596, 0,
                            596, 20
                        ];

$pdf->polygon($pointsHeader, $color, $width, [], true);

// Definim coordonatele vârfurilor trapezului pentru footer
                        $pageHeight = 842;  // Înălțimea pentru formatul A4 în puncte
                        $pointsFooter = [
                            0, $pageHeight - 20,
                            0, $pageHeight,
                            382, $pageHeight,
                            376, $pageHeight - 20
                        ];

$pdf->polygon($pointsFooter, $color, $width, [], true);
                    }
                ';

$pdf->page_script($script);
            }
        </script>
</body>

</html>

Back