253 lines
11 KiB
PHP
253 lines
11 KiB
PHP
@extends('layouts.modules')
|
||
|
||
@section('title', trans_choice('general.modules', 2))
|
||
|
||
@section('content')
|
||
@include('partials.modules.bar')
|
||
|
||
<div class="col-md-12 no-padding-left">
|
||
<div class="col-md-8 no-padding-left">
|
||
<div class="content-header no-padding-left">
|
||
<h3>{{ $module->name }}</h3>
|
||
</div>
|
||
|
||
<div class="box box-success">
|
||
<div class="box-body">
|
||
<div>
|
||
<img src="{{ $module->cover->path_string }}" class="item-image" alt="{{ $module->name }}" width="800" height="140"/>
|
||
</div>
|
||
<div class="nav-tabs-custom">
|
||
<ul class="nav nav-tabs">
|
||
<li class="active"><a href="#description" data-toggle="tab" aria-expanded="true">{{ trans('general.description') }}</a></li>
|
||
<li class=""><a href="#faq" data-toggle="tab" aria-expanded="false">{{ trans('modules.faq') }}</a></li>
|
||
<li class=""><a href="#changelog" data-toggle="tab" aria-expanded="false">{{ trans('modules.changelog') }}</a></li>
|
||
</ul>
|
||
<div class="tab-content">
|
||
<div class="tab-pane active" id="description">
|
||
{!! $module->description !!}
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="faq">
|
||
{!! $module->faq !!}
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="changelog">
|
||
{!! $module->changelog !!}
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
</div>
|
||
<!-- /.tab-content -->
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
<!-- /.box -->
|
||
</div>
|
||
|
||
<div class="col-md-4 no-padding-right">
|
||
<div class="content-header no-padding-left">
|
||
<h3>Action</h3>
|
||
</div>
|
||
|
||
<div class="box box-success">
|
||
<div class="box-body">
|
||
<table class="table table-striped">
|
||
<tbody>
|
||
<tr>
|
||
<th>Price</th>
|
||
<td>
|
||
@if ($module->price == '0.0000')
|
||
{{ trans('modules.free') }}
|
||
@else
|
||
{{ $module->price }}
|
||
@endif
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
|
||
<div class="box-footer">
|
||
@if ($installed)
|
||
<a href="{{ url('modules/item/' . $module->slug . '/uninstall') }}" class="btn btn-block btn-danger">{{ trans('modules.button.uninstall') }}</a>
|
||
@if ($enable)
|
||
<a href="{{ url('modules/item/' . $module->slug . '/disabled') }}" class="btn btn-block btn-warning">{{ trans('modules.button.disable') }}</a>
|
||
@else
|
||
<a href="{{ url('modules/item/' . $module->slug . '/enabled') }}" class="btn btn-block btn-success">{{ trans('modules.button.enable') }}</a>
|
||
@endif
|
||
@else
|
||
<a href="{{ $module->action_url }}" class="btn btn-success btn-block" <?php echo ($module->install) ? 'id="install-module"' : 'target="_blank"'; ?>>
|
||
@if ($module->install)
|
||
{{ trans('modules.install') }}
|
||
@else
|
||
{{ trans('modules.buy_now') }}
|
||
@endif
|
||
</a>
|
||
@endif
|
||
</div>
|
||
<!-- /.box-footer -->
|
||
</div>
|
||
<!-- /.box -->
|
||
|
||
<div class="content-header no-padding-left">
|
||
<h3>About</h3>
|
||
</div>
|
||
|
||
<div class="box box-success">
|
||
<div class="box-body">
|
||
<table class="table table-striped">
|
||
<tbody>
|
||
<tr>
|
||
<th>Vendor</th>
|
||
<td><a href="{{ url('modules/vendor/' . $module->vendor->id) }}">{{ $module->vendor->first_name . ' ' . $module->vendor->last_name }}</a></td>
|
||
</tr>
|
||
<tr>
|
||
<th>Version</th>
|
||
<td>{{ $module->version }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th>Added</th>
|
||
<td>{{ Date::parse($module->created_at)->format($date_format) }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th>Updated</th>
|
||
<td>{{ Date::parse($module->updated_at)->diffForHumans() }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th>Compatibility</th>
|
||
<td>{{ $module->compatibility }}</td>
|
||
</tr>
|
||
<tr>
|
||
<th>Category</th>
|
||
<td><a href="{{ url('modules/category/' . $module->category->slug) }}">{{ $module->category->name }}</a></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
<!-- /.box -->
|
||
</div>
|
||
</div>
|
||
@endsection
|
||
|
||
@section('js')
|
||
<script type="text/javascript">
|
||
var step = new Array();
|
||
var total = 0;
|
||
var path = '';
|
||
|
||
$(document).ready(function() {
|
||
$('#install-module').on('click', function(e) {
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
|
||
path = $(this).attr('href');
|
||
|
||
startInstallation();
|
||
|
||
$.ajax({
|
||
url: '{{ url("modules/item/steps") }}',
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data: {name: '{{ $module->name }}', version: '{{ $module->version }}'},
|
||
headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
|
||
success: function(json) {
|
||
if (json['errorr']) {
|
||
$('#progress-bar').addClass('progress-bar-danger');
|
||
$('#progress-text').html('<div class="text-danger">' + json['error'] + '</div>');
|
||
}
|
||
|
||
if (json['step']) {
|
||
step = json['step'];
|
||
total = step.length;
|
||
|
||
next();
|
||
}
|
||
}
|
||
});
|
||
});
|
||
});
|
||
|
||
function next() {
|
||
data = step.shift();
|
||
|
||
if (data) {
|
||
$('#progress-bar').css('width', (100 - (step.length / total) * 100) + '%');
|
||
$('#progress-text').html('<span class="text-info">' + data['text'] + '</span>');
|
||
|
||
setTimeout(function() {
|
||
$.ajax({
|
||
url: data.url,
|
||
type: 'post',
|
||
dataType: 'json',
|
||
data: {path: path, version: '{{ $module->version }}'},
|
||
headers: { 'X-CSRF-TOKEN': '{{ csrf_token() }}' },
|
||
success: function(json) {
|
||
if (json['errors']) {
|
||
$('#progress-bar').addClass('progress-bar-danger');
|
||
$('#progress-text').html('<div class="text-danger">' + json['errors'] + '</div>');
|
||
}
|
||
|
||
if (json['success']) {
|
||
$('#progress-bar').removeClass('progress-bar-danger');
|
||
$('#progress-bar').addClass('progress-bar-success');
|
||
}
|
||
|
||
if (json['data']['path']) {
|
||
path = json['data']['path'];
|
||
}
|
||
|
||
if (!json['errors'] && !json['installed']) {
|
||
next();
|
||
}
|
||
|
||
if (json['installed']) {
|
||
window.location = '{{ url("modules/item/" . $module->slug) }}';
|
||
}
|
||
},
|
||
error: function(xhr, ajaxOptions, thrownError) {
|
||
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
|
||
}
|
||
});
|
||
}, 800);
|
||
}
|
||
}
|
||
|
||
function startInstallation() {
|
||
$('#modal-installation').remove();
|
||
|
||
modal = '<div class="modal fade" id="modal-installation" style="display: none;">';
|
||
modal += ' <div class="modal-dialog">';
|
||
modal += ' <div class="modal-content">';
|
||
modal += ' <div class="modal-header">';
|
||
modal += ' <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>';
|
||
modal += ' <h4 class="modal-title">{{ trans('modules.installation.header') }}</h4>';
|
||
modal += ' </div>';
|
||
modal += ' <div class="modal-body">';
|
||
modal += ' <p><span class="message">{{ trans("modules.installation.start", ['module' => $module->name]) }}</span></p>';
|
||
modal += ' <p></p>';
|
||
modal += ' <p>';
|
||
modal += ' <div class="progress">';
|
||
modal += ' <div id="progress-bar" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%">';
|
||
modal += ' <span class="sr-only">{{ trans('modules.installation.start', ['module' => $module->name]) }}</span>';
|
||
modal += ' </div>';
|
||
modal += ' </div>';
|
||
modal += ' <div id="progress-text"></div>';
|
||
modal += ' </p>';
|
||
modal += ' </div>';
|
||
modal += ' <div class="modal-footer">';
|
||
modal += ' <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button>';
|
||
modal += ' </div>';
|
||
modal += ' </div>';
|
||
modal += ' </div>';
|
||
modal += '</div>';
|
||
|
||
$('body').append(modal);
|
||
|
||
$('#modal-installation').modal('show');
|
||
}
|
||
</script>
|
||
@endsection
|