| Server IP : 66.29.137.217 / Your IP : 18.191.149.30 Web Server : LiteSpeed System : Linux premium294.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : gltevjme ( 1095) PHP Version : 7.0.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/gltevjme/bofirmacademy.com/resources/views/admin/version_update/addon/ |
Upload File : |
@extends('layouts.admin')
@push('style')
<style>
/* The total progress gets shown by event listeners */
#previews #total-progress {
opacity: 0;
height: 0;
transition: opacity 0.3s linear;
}
#previews .upload-completed {
height: 0;
opacity: 0;
}
#previews .dz-processing #total-progress {
opacity: 100;
height: 15px;
transition: opacity 0.3s linear;
}
#previews .file-upload.dz-success #total-progress {
opacity: 0;
height: 0;
transition: opacity 0.3s linear;
}
#previews .file-upload.dz-success .upload-completed {
opacity: 100;
height: 20px;
}
#previews .progress {
background-color: var(--bs-progress-bg) !important;
}
/* Hide the progress bar when finished */
#previews .file-upload.dz-success .progress {
opacity: 0;
height: 0;
transition: opacity 0.3s linear;
}
#previews .file-upload.dz-error .progress {
display: none;
}
/* Hide the delete button initially */
#previews .file-upload .delete-btn {
display: none;
}
/* Hide the start and cancel buttons and show the delete button */
#previews .file-upload.dz-success .start,
#previews .file-upload.dz-success .cancel {
display: none;
}
#previews .file-upload.dz-success .delete-btn {
display: block;
}
#previews .file-upload.dz-error .start-btn {
display: none;
}
.fs-7 {
font-size: 0.8rem;
}
</style>
@endpush
@section('content')
<!-- Page content area start -->
<div class="page-content">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="breadcrumb__content">
<div class="breadcrumb__content__left">
<div class="breadcrumb__title">
<h2>{{ $pageTitle }}</h2>
</div>
</div>
<div class="breadcrumb__content__right">
<nav aria-label="breadcrumb">
<ul class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ route('admin.dashboard') }}">{{ __('Dashboard')
}}</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ $pageTitle }}</li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<div class="row mtb-100">
@if(getCustomerAddonBuildVersion($code) == $buildVersion)
<div class="col-sm-12">
<div class="alert alert-info" type="info" icon="info-circle">
<i class="fa fa-info-circle"></i>
{{ __("You have the latest version of this addon.") }}
</div>
</div>
@endif
<div class="billing-center-area bg-off-white theme-border radius-4 p-25">
<div class="col-sm-12">
<div class="table-responsive">
<table class="table table-responsive table-style table-sm table-bordered">
<thead>
<tr>
<th colspan="2">{{ __('System Details') }}</th>
</tr>
</thead>
<tbody>
<tr>
<th>{{ __('Addon Current Version') }}</th>
<td>
@if (getCustomerAddonBuildVersion($code) == $buildVersion)
{{ get_option($code . '_current_version') }} <i
class="fa fa-check-circle text-success"></i>
@else
{{ get_option($code . '_current_version', 'Not installed') }}
<i data-bs-toggle="tooltip" data-bs-placement="top"
title="Addon Current Version"
class="fa fa-warning text-danger"></i>
<a target="__blank" href="{{ $codecanyon_url }}"
class="link-info">{{ __('Download Addon') }}</a>
@endif
</td>
</tr>
<tr class="d-none">
<th>{{ __('Addon Current Code Version') }}</th>
<td>
{{ getAddonCodeCurrentVersion($code) }}
</td>
</tr>
<tr class="d-none">
<th>{{ __('Addon Current DB Version') }}</th>
<td>
{{ getAddonCodeBuildVersion($code) }}
</td>
</tr>
<tr>
<th>{{ __('Application Required Version') }}</th>
<td>
{{ $appLatestVersion }}
</td>
</tr>
<tr>
<th>{{ __('Application Current Version') }}</th>
<td>
@if (getCustomerCurrentBuildVersion() == $appBuildVersion)
{{ get_option('current_version') }} <i
class="fa fa-check-circle text-success"></i>
@else
{{ get_option('current_version') }} <i data-bs-toggle="tooltip"
data-bs-placement="top" title="Application Current Version"
class="fa fa-warning text-danger"></i>
<a href="{{ route('admin.file-version-update') }}"
class="link-info">{{ __('Update') }}</a>
@endif
</td>
</tr>
</tbody>
</table>
</div>
</div>
@if (getCustomerAddonBuildVersion($code) < $buildVersion && $requiredVersion <= $appBuildVersion)
<div class="col-md-8 offset-md-2">
<div class="alert alert-danger" type="danger">
<ol class="mb-0">
<li>{{ __('Do not click install button if the application is customised. Your changes will be lost') }}.
</li>
<li>{{ __('Take backup all the files and database before install.') }}</li>
</ol>
</div>
<div class="table-responsive">
<table class="table table-bordered table-responsive table-style">
<tbody class="align-baseline">
<tr>
<td colspan="2">
<div class="d-flex justify-content-center">
<span class="btn btn-success mb-4 p-2" id="dz-clickable">
<i class="fa fa-upload"></i>
<span>{{ __('Upload Addon') }}</span>
</span>
<div class="files" id="previews">
<div id="template" class="file-upload row">
<div class="col-md-12">
<table class="table table-borderless mb-0">
<tr>
<td>
<span class="preview text-danger"><i
class="fa fa-file-archive h1"></i></span>
</td>
<td>
<p class="name" data-dz-name></p>
<strong
class="error text-danger error-message"
data-dz-errormessage></strong>
</td>
<td>
<p class="d-flex size" data-dz-size></p>
</td>
<td width="251px">
<div id="actions">
<button
class="btn btn-blue start start-btn p-2">
<i class="fa fa-upload"></i>
<span>{{ __('Start') }}</span>
</button>
<button id="cancel-btn"
class="btn btn-warning cancel p-2">
<i class="fa fa-cancel"></i>
<span>{{ __('Cancel') }}</span>
</button>
<a data-url="{{ route('admin.addon.execute') }}"
class="update-execute-btn btn btn-outline-success p-2 rounded-3 delete-btn">
<i
class="fa fa-download mr-1"></i>
{{ __('Install') }}
</a>
</div>
</td>
</tr>
</table>
</div>
<div class="progress progress-striped active col-md-12 p-0"
id="total-progress" role="progressbar"
aria-valuemin="0" aria-valuemax="100"
aria-valuenow="0">
<div class="progress-bar progress-bar-success"
style="width:0%;" data-dz-uploadprogress></div>
</div>
<div
class="bold fw-bold text-center text-success upload-completed">
<span>{{ __('Upload Completed') }}</span>
</div>
</div>
</div>
@if ($errors->has('update_file'))
<span class="text-danger"><i
class="fas fa-exclamation-triangle"></i>
{{ $errors->first('update_file') }}</span>
@endif
</div>
</td>
</tr>
@if ($uploadedFile != '')
<tr>
<td>
{{ $uploadedFile }}
<a data-url="{{ route('admin.addon.delete', $code) }}"
data-reload="true"
class="btn btn-outline-danger p-1 rounded-3 delete">
<i class="fa fa-trash mr-1"></i>
{{ __('Delete') }}
</a>
</td>
<td>
<a data-url="{{ route('admin.addon.execute') }}"
class="update-execute-btn btn btn-outline-success p-2 rounded-3">
<i class="fa fa-download mr-1"></i>
{{ __('Install') }}
</a>
</td>
</tr>
@endif
</tbody>
</table>
</div>
</div>
@endif
</div>
</div>
</div>
</div>
<!-- Modal Start-->
<div class="modal fade" id="addonUpdateModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" >
<div class="modal-content">
<div class="modal-header border-0">
<h4>{{ $pageTitle }}</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form class="ajax" action="{{ route('admin.addon.execute') }}" method="POST"
data-handler="getExecuteMessage">
@csrf
<input type="hidden" name="code" value="{{ $code }}">
<input type="hidden" name="licenseStatus" value="{{ $licenseStatus ? 1 : 0 }}">
@if ($licenseStatus == true)
<div class="row g-3">
<div class="col-md-6">
<label for="inputEmail" class="form-label">{{ __('Email') }}</label>
<input type="email" name="email" class="form-control" id="inputEmail"
placeholder="{{ __('Email') }}">
</div>
<div class="col-md-6">
<label for="purchase_code" class="form-label">Purchase Key</label>
<input type="text" name="purchase_code" class="form-control" id="purchase_code"
placeholder="{{ __('Purchase Code') }}">
</div>
</div>
@else
<div class="row g-3">
<div class="col-md-12">
<div class="alert alert-danger" type="danger">
<ol class="mb-0">
<li>{{ __('Do not click install button if the application is customised. Your changes will be lost') }}.
</li>
</ol>
</div>
</div>
</div>
@endif
<div class="modal-footer mt-lg-4">
<button type="button" class="btn btn-outline-warning me-2 p-2"
data-bs-dismiss="modal">{{ __('Close') }}</button>
<button type="submit" class="btn btn-primary p-2">{{ __('Install') }}</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal End-->
@endsection
@push('script')
<script src="{{asset('common/js/common.js')}}"></script>
<script src="https://unpkg.com/dropzone@5/dist/min/dropzone.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/dropzone@5/dist/min/dropzone.min.css" type="text/css" />
<script>
function getExecuteMessage(response) {
var output = '';
var type = 'error';
$('.error-message').remove();
$('.is-invalid').removeClass('is-invalid');
if (response.success == true) {
output = output + response['message'];
type = 'success';
toastr.success('Addon Installed Successfully')
location.reload()
} else {
commonHandler(response)
}
}
var previewNode = document.querySelector("#template");
previewNode.id = "";
var previewTemplate = previewNode.parentNode.innerHTML;
previewNode.parentNode.removeChild(previewNode);
var myDropzone = new Dropzone(document.body, { // Make the whole body a dropzone
url: "{{ route('admin.addon.store') }}", // Set the url
method: 'post',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
paramName: 'update_file',
thumbnailWidth: 80,
thumbnailHeight: 80,
parallelUploads: 1,
acceptedFiles: '.zip',
previewTemplate: previewTemplate,
autoQueue: false, // Make sure the files aren't queued until manually added
previewsContainer: "#previews", // Define the container to display the previews
clickable: "#dz-clickable" // Define the element that should be used as click trigger to select files.
});
myDropzone.on("sending", function(file, xhr, formData) {
formData.append("code", "{{ $code }}");
});
myDropzone.on("addedfile", function(file) {
// Hookup the start button
file.previewElement.querySelector(".start").onclick = function() {
myDropzone.enqueueFile(file);
};
$('#dz-clickable').addClass('d-none');
});
myDropzone.on("totaluploadprogress", function(progress) {
var progressbar = document.querySelector("#total-progress .progress-bar");
if (typeof progressbar != 'undefined' && progressbar != null) {
document.querySelector("#total-progress .progress-bar").style.width = progress + "%";
}
});
myDropzone.on("error", function(file, response) {
if (typeof response.errors != 'undefined') {
$('#previews .error-message').text(response.errors?.update_file[0]);
} else {
$('#previews .error-message').text(response.message);
}
});
$(document).on('click', '#cancel-btn', function() {
myDropzone.removeAllFiles(true);
$('#dz-clickable').removeClass('d-none');
});
$(document).on('click', '.update-execute-btn', function() {
var selector = $('#addonUpdateModal');
selector.modal('show');
})
</script>
@endpush