One Hat Cyber Team

Edit File: aaca16e001c9b074e431a6dc75082e43.php

<?php $__env->startSection('title'); ?>
    <title><?php echo e(__('Install Addon')); ?></title>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('admin-content'); ?>
    
    <div class="main-content">
        <section class="section">
            <div class="section-header">
                <div class="section-header-back">
                    <a href="<?php echo e(route('admin.settings')); ?>" class="btn btn-icon"><i class="fas fa-arrow-left"></i></a>
                </div>
                <h1><?php echo e(__('Install Addon')); ?></h1>
                <div class="section-header-breadcrumb">
                    <div class="breadcrumb-item active"><a href="<?php echo e(route('admin.dashboard')); ?>"><?php echo e(__('Dashboard')); ?></a>
                    </div>
                    <div class="breadcrumb-item active"><a href="<?php echo e(route('admin.settings')); ?>"><?php echo e(__('Settings')); ?></a>
                    </div>
                    <div class="breadcrumb-item"><?php echo e(__('Install Addon')); ?></div>
                </div>
            </div>

<div class="section-body">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-header">
                                <h4><?php echo e(__('Install Addon')); ?></h4>
                                <div class="card-header-action">
                                    <?php if(auth()->guard('admin')->user()->can('addon.view')): ?>
                                        <a href="<?php echo e(route('admin.addons.view')); ?>" class="btn btn-success"><i
                                                class="fas fa-plug"></i>
                                            <?php echo e(__('Manage Addons')); ?></a>
                                    <?php endif; ?>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <?php if($addonFiles): ?>
                                        <div class="col-12">
                                            <hr>
                                            <?php $__currentLoopData = $addonFiles; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $fileName => $jsonInfo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <div class="card">
                                                    <div class="card-body">
                                                        <div class="row">
                                                            <div class="col-12">
                                                                <?php if(is_object($jsonInfo)): ?>
                                                                    <p><?php echo e(__('Name')); ?>: <?php echo e($jsonInfo->name); ?></p>
                                                                    <p><?php echo e(__('Description')); ?>:
                                                                        <?php echo e($jsonInfo->description); ?>

</p>
                                                                    <p><?php echo e(__('Author')); ?>:
                                                                        <?php echo e($jsonInfo?->author?->name); ?>

</p>
                                                                    <p><?php echo e(__('Email')); ?>:
                                                                        <?php echo e($jsonInfo?->author?->email); ?>

</p>
                                                                    <p><?php echo e(__('version')); ?>: <?php echo e($jsonInfo->version); ?></p>
                                                                    <p><?php echo e(__('Last Update')); ?>:
                                                                        <?php echo e($jsonInfo->last_update); ?>

</p>
                                                                <?php endif; ?>
                                                            </div>

<div class="col-12">
                                                                <div
                                                                    class="d-flex justify-items-center justify-content-between ">
                                                                    <form
                                                                        action="<?php echo e(route('admin.addons.install.start')); ?>"
                                                                        method="post" id="installForm" class="installForm">
                                                                        <?php echo csrf_field(); ?>
                                                                        <button class="btn btn-primary">
                                                                            <?php echo e(__('Start Install Process')); ?>

</button>
                                                                    </form>

<a href="javascript:;" data-toggle="modal"
                                                                        data-target="#deleteModal" onclick="deleteData()"
                                                                        class="btn btn-danger"><?php echo e(__('Delete Update File')); ?></a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </div>
                                    <?php else: ?>
                                        <div class="col-12">
                                            <div class="box">
                                                <form id="updateForm" method="POST"
                                                    enctype="multipart/form-data" class="d-flex justify-content-center">
                                                    <?php echo csrf_field(); ?>
                                                    <input class="drag-input" type="file" data_btn_text="Browse"
                                                        placeholder="drag and drop file here" accept="application/zip"
                                                        name="zip_file" />
                                                    <button type="submit" class="btn btn-primary upload-btn"><i class="fa fa-upload"></i>
                                                        <?php echo e(__('Upload')); ?></button>
                                                </form>
                                                <div class="progress mt-3 d-none">
                                                    <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="5"
                                                        aria-valuemin="0" aria-valuemax="100">0%</div>
                                                </div>
                                            </div>
                                        </div>
                                    <?php endif; ?>
                                </div>
                            </div>
                        </div>
                    </div>

</div>
            </div>
        </section>
    </div>
    <?php if (isset($component)) { $__componentOriginalaa3b824e4662c5ae30529397669d1c1d = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginalaa3b824e4662c5ae30529397669d1c1d = $attributes; } ?>
<?php $component = Illuminate\View\AnonymousComponent::resolve(['view' => 'components.admin.delete-modal','data' => []] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? (array) $attributes->getIterator() : [])); ?>
<?php $component->withName('admin.delete-modal'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag && $constructor = (new ReflectionClass(Illuminate\View\AnonymousComponent::class))->getConstructor()): ?>
<?php $attributes = $attributes->except(collect($constructor->getParameters())->map->getName()->all()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
<?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginalaa3b824e4662c5ae30529397669d1c1d)): ?>
<?php $attributes = $__attributesOriginalaa3b824e4662c5ae30529397669d1c1d; ?>
<?php unset($__attributesOriginalaa3b824e4662c5ae30529397669d1c1d); ?>
<?php endif; ?>
<?php if (isset($__componentOriginalaa3b824e4662c5ae30529397669d1c1d)): ?>
<?php $component = $__componentOriginalaa3b824e4662c5ae30529397669d1c1d; ?>
<?php unset($__componentOriginalaa3b824e4662c5ae30529397669d1c1d); ?>
<?php endif; ?>

<div tabindex="-1" role="dialog" id="verificationModal" class='modal fade'>
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="custom-modal-header mb-3">
                            <h5 class="modal-title"><?php echo e(__('Addon Purchase Key')); ?></h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <input type="text" name="purchase_key" class="form-control">
                    </div>
                </div>
                <div class="modal-footer bg-whitesmoke br">
                    <button type="button" class="btn btn-danger" data-dismiss="modal"><?php echo e(__('Close')); ?></button>
                    <button type="submit" class="btn btn-primary" id="verifyButton"><?php echo e(__('Install')); ?></button>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('css'); ?>
    <style>
        .kwt-file__drop-area {
            position: relative;
            display: flex;
            align-items: center;
            width: 280px;
            padding: 12px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);
            transition: 0.3s;
        }

.kwt-file__drop-area.is-active {
            background-color: #d1def0;
        }

.kwt-file__choose-file {
            flex-shrink: 0;
            background-color: #1d3557;
            margin-right: 10px;
            color: #ffffff;
            display: flex;
            align-items: center;
            justify-content: center;
        }

.kwt-file__choose-file.kwt-file_btn-text {
            border-radius: 4px;
            width: auto;
            height: auto;
            padding: 10px 20px;
            font-size: 14px;
        }

.kwt-file__msg {
            color: #1d3557;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.4;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.kwt-file__input {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            cursor: pointer;
            opacity: 0;
        }

.kwt-file__input:focus {
            outline: none;
        }

.kwt-file__delete {
            display: none;
            position: absolute;
            right: 10px;
            width: 18px;
            height: 18px;
            cursor: pointer;
        }

.kwt-file__delete:before {
            content: "";
            position: absolute;
            left: 0;
            transition: 0.3s;
            top: 0;
            z-index: 1;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='%231d3557' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 438.5 438.5'%3e%3cpath d='M417.7 75.7A8.9 8.9 0 00411 73H323l-20-47.7c-2.8-7-8-13-15.4-18S272.5 0 264.9 0h-91.3C166 0 158.5 2.5 151 7.4c-7.4 5-12.5 11-15.4 18l-20 47.7H27.4a9 9 0 00-6.6 2.6 9 9 0 00-2.5 6.5v18.3c0 2.7.8 4.8 2.5 6.6a8.9 8.9 0 006.6 2.5h27.4v271.8c0 15.8 4.5 29.3 13.4 40.4a40.2 40.2 0 0032.3 16.7H338c12.6 0 23.4-5.7 32.3-17.2a64.8 64.8 0 0013.4-41V109.6h27.4c2.7 0 4.9-.8 6.6-2.5a8.9 8.9 0 002.6-6.6V82.2a9 9 0 00-2.6-6.5zm-248.4-36a8 8 0 014.9-3.2h90.5a8 8 0 014.8 3.2L283.2 73H155.3l14-33.4zm177.9 340.6a32.4 32.4 0 01-6.2 19.3c-1.4 1.6-2.4 2.4-3 2.4H100.5c-.6 0-1.6-.8-3-2.4a32.5 32.5 0 01-6.1-19.3V109.6h255.8v270.7z'/%3e%3cpath d='M137 347.2h18.3c2.7 0 4.9-.9 6.6-2.6a9 9 0 002.5-6.6V173.6a9 9 0 00-2.5-6.6 8.9 8.9 0 00-6.6-2.6H137c-2.6 0-4.8.9-6.5 2.6a8.9 8.9 0 00-2.6 6.6V338c0 2.7.9 4.9 2.6 6.6a8.9 8.9 0 006.5 2.6zM210.1 347.2h18.3a8.9 8.9 0 009.1-9.1V173.5c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a8.9 8.9 0 00-9.1 9.1V338a8.9 8.9 0 009.1 9.1zM283.2 347.2h18.3c2.7 0 4.8-.9 6.6-2.6a8.9 8.9 0 002.5-6.6V173.6c0-2.7-.8-4.9-2.5-6.6a8.9 8.9 0 00-6.6-2.6h-18.3a9 9 0 00-6.6 2.6 8.9 8.9 0 00-2.5 6.6V338a9 9 0 002.5 6.6 9 9 0 006.6 2.6z'/%3e%3c/svg%3e");
        }

.kwt-file__delete:after {
            content: "";
            position: absolute;
            opacity: 0;
            left: 50%;
            top: 50%;
            width: 100%;
            height: 100%;
            transform: translate(-50%, -50%) scale(0);
            background-color: #1d3557;
            border-radius: 50%;
            transition: 0.3s;
        }

.kwt-file__delete:hover:after {
            transform: translate(-50%, -50%) scale(2.2);
            opacity: 0.1;
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startPush('js'); ?>
    <script src="<?php echo e(asset('backend/js/resumable.min.js')); ?>"></script>
    <script>
        "use strict";

function deleteData() {
            $("#deleteForm").attr("action", "<?php echo e(url('admin/settings/addons/delete')); ?>")
        }

let max_upload_size = "<?php echo e($max_upload_size); ?>";
        let chunk_upload_size = 2 * 1024 * 1024;

$('#updateForm').on('submit', function (e) {
            e.preventDefault();
            const formData = new FormData(this);
            const files = formData.getAll('zip_file');

if (files.length > 0 && files[1]?.name == 'Modules.zip') {
                resumable.addFile(files[1]);
            } else {
                toastr.error("<?php echo e(__('Invalid Addon File Structure')); ?>");
            }
        });
        resumable.on('fileAdded', function(file) {
            showProgress();
            resumable.upload();
        });

resumable.on('fileProgress', function(file) {
            updateProgress(Math.floor(file.progress() * 100));
        });

resumable.on('fileSuccess', function(file, response) {
            toastr.success("<?php echo e(__('Uploaded successfully.')); ?>");
            window.location.href = "<?php echo e(route('admin.addons.install')); ?>"
        });

resumable.on('fileError', function(file, response) {
            toastr.error("<?php echo e(__('Upload failed')); ?>");
        });

let progress = $('.progress');
        let upload_btn = $('.upload-btn');

function showProgress() {
            progress.find('.progress-bar').css('width', '0%');
            progress.find('.progress-bar').html('0%');
            progress.find('.progress-bar').removeClass('bg-success');
            progress.removeClass('d-none');
            upload_btn.attr('disabled',true).toggleClass('disabled');
        }

function updateProgress(value) {
            progress.find('.progress-bar').css('width', `${value}%`)
            progress.find('.progress-bar').html(`${value}%`)

if (value === 100) {
                progress.find('.progress-bar').addClass('bg-success');
            }
        }

function hideProgress() {
            progress.addClass('d-none');
            upload_btn.attr('disabled',false).toggleClass('disabled');
        }

//drag and drop script
        (function($) {
            /**
             * Create drag and drop element.
             */
            var customDragandDrop = function(element) {
                $(element).addClass("kwt-file__input");
                var element = $(element).wrap(
                    `<div class="kwt-file"><div class="kwt-file__drop-area"><span class='kwt-file__choose-file ${
				element.attributes.data_btn_text
					? "" === element.attributes.data_btn_text.textContent
						? ""
						: "kwt-file_btn-text"
					: ""
			}'>Browse</span>${element.outerHTML}</span><span class="kwt-file__msg">${
				"" === element.placeholder ? "or drop files here" : `${element.placeholder}`
			}</span><div class="kwt-file__delete"></div></div></div>`
                );
                var element = element.parents(".kwt-file");

// Add class on focus and drage enter event.
                element.on("dragenter focus click", ".kwt-file__input", function(e) {
                    $(this).parents(".kwt-file__drop-area").addClass("is-active");
                });

// Remove class on blur and drage leave event.
                element.on("dragleave blur drop", ".kwt-file__input", function(e) {
                    $(this).parents(".kwt-file__drop-area").removeClass("is-active");
                });

// Show filename when change file.
                element.on("change", ".kwt-file__input", function(e) {
                    let filesCount = $(this)[0].files.length;
                    let textContainer = $(this).next(".kwt-file__msg");
                    if (1 === filesCount) {
                        let fileName = $(this).val().split("\\").pop();
                        textContainer
                            .text(fileName)
                            .next(".kwt-file__delete")
                            .css("display", "block");
                    } else {
                        textContainer.text(
                            `${
						"" === this[0].placeholder
							? "or drop files here"
							: `${this[0].placeholder}`
					}`
                        );
                        $(this)
                            .parents(".kwt-file")
                            .find(".kwt-file__delete")
                            .css("display", "none");
                    }
                });

// Delete selected file.
                element.on("click", ".kwt-file__delete", function(e) {
                    let deleteElement = $(this);
                    deleteElement.parents(".kwt-file").find(`.kwt-file__input`).val(null);
                    deleteElement
                        .css("display", "none")
                        .prev(`.kwt-file__msg`)
                        .text(
                            `${
						"" ===
						$(this).parents(".kwt-file").find(".kwt-file__input")[0].placeholder
							? "or drop files here"
							: `${
                    									$(this).parents(".kwt-file").find(".kwt-file__input")[0].placeholder
                    							  }`
					}`
                        );
                });
            };

$.fn.kwtFileUpload = function(e) {
                var _this = $(this);
                $.each(_this, function(index, element) {
                    customDragandDrop(element);
                });
                return this;
            };
        })(jQuery);

// Plugin initialize
        jQuery(document).ready(function($) {
            $(".drag-input").kwtFileUpload();

$(document).on('submit', '#installForm', function(e) {
                e.preventDefault()
                $('#verificationModal').modal('show')
            })
            $(document).on('click', '#verifyButton', function(e) {
                e.preventDefault()
                const key = $('[name="purchase_key"]').val()
                $.ajax({
                    url: "<?php echo e(route('admin.addons.verify')); ?>",
                    type: 'POST',
                    data: {
                        _token: '<?php echo e(csrf_token()); ?>',
                        key: key
                    },
                    beforeSend: function() {
                        $('#verifyButton').attr('disabled', 'disabled')
                    },
                    success: function(response) {
                        if (response.success) {
                            toastr.success(response.message);
                            $('#installForm').removeAttr('id', 'installForm').submit()
                        } else {
                            $('#verificationModal').modal('hide')
                            toastr.error(response.message);
                        }
                        $('#verifyButton').removeAttr('disabled')
                    },
                    error: function (xhr, status, error) {
                        $('#verifyButton').removeAttr('disabled');
                        
                        if (xhr.responseJSON?.errors) {
                            $.each(xhr.responseJSON.errors, function (key, value) {
                                toastr.error(value);
                            });
                        } else if (xhr.responseJSON?.message) {
                            toastr.error(xhr.responseJSON.message);
                        }
                    }
                })
            })
        });
    </script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('admin.master_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/ctaacademy/public_html/Modules/GlobalSetting/resources/views/addons/install_addon.blade.php ENDPATH**/ ?>