OneBot: Leantime 改造版源码（BOM/Univer 表格/AI 接管/品牌替换等）
This commit is contained in:
wangruiguo
307
app/Domain/Files/Templates/browse.blade.php
Normal file
307
app/Domain/Files/Templates/browse.blade.php
Normal file
@@ -0,0 +1,307 @@
|
||||
@extends($layout)
|
||||
@section('content')
|
||||
|
||||
@php
|
||||
$maxSize = \Leantime\Core\Files\FileManager::getMaximumFileUploadSize();
|
||||
$moduleId = session('currentProject');
|
||||
@endphp
|
||||
|
||||
<div class="pageheader">
|
||||
|
||||
<div class="pageicon"><span class="fa fa-fw fa-file"></span></div>
|
||||
<div class="pagetitle">
|
||||
<h5>{{ session('currentProjectName') }}</h5>
|
||||
<h1>{!! __('headlines.files') !!}</h1>
|
||||
</div>
|
||||
|
||||
</div><!--pageheader-->
|
||||
|
||||
<div class="maincontent">
|
||||
|
||||
|
||||
<div id="fileManager">
|
||||
<div class="maincontentinner">
|
||||
{!! $tpl->displayNotification() !!}
|
||||
<h5 class="subtitle">{!! __('headline.browse_files_headline') !!}</h5>
|
||||
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
<div class="uploadWrapper">
|
||||
|
||||
<x-global::forms.button tag="a" contentRole="default" id="cancelLink" link="javascript:void(0);" style="display:none;">{!! __('links.cancel') !!}</x-global::forms.button>
|
||||
<div class="extra" style="margin-top:5px;"></div>
|
||||
<div class="fileUploadDrop">
|
||||
<p><i>{!! __('text.drop_files') !!}</i></p>
|
||||
<div class="file-upload-input" style="margin:auto; display:inline-block"></div>
|
||||
<a href="javascript:void(0);" id="webcamClick">{!! __('label.webcam') !!}</a>
|
||||
<a href="javascript:void(0);" id="screencaptureLink">{!! __('label.screen_recording') !!}</a>
|
||||
</div>
|
||||
|
||||
<!-- Progress bar #1 -->
|
||||
<div class="input-progress"></div>
|
||||
|
||||
<div class="input-error"></div>
|
||||
|
||||
<form id="upload-form"></form>
|
||||
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
<div class="maincontentinner">
|
||||
|
||||
<div class='mediamgr'>
|
||||
|
||||
<div class="mediamgr_content">
|
||||
|
||||
<ul id='medialist' class='listfile'>
|
||||
@foreach ($files as $file)
|
||||
<li class="file-module-{{ $file['moduleId'] }}">
|
||||
<div class="inlineDropDownContainer dropright" style="float:right;">
|
||||
|
||||
<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown" data-toggle="dropdown">
|
||||
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-header">{!! __('subtitles.file') !!}</li>
|
||||
<li><a target="_blank" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">{!! __('links.download') !!}</a></li>
|
||||
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
<li>
|
||||
<form method="post" action="{{ BASE_URL }}/files/browse" class="deleteFile" onsubmit="return confirm('{{ __('text.confirm_delete') }}')">
|
||||
@csrf
|
||||
<input type="hidden" name="delFile" value="{{ $file['id'] }}" />
|
||||
<button type="submit" class="delete" style="background:none;border:none;cursor:pointer;padding:3px 20px;width:100%;text-align:left;"><i class="fa fa-trash"></i> {!! __('links.delete') !!}</button>
|
||||
</form>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<a class="imageLink" data-ext="{{ $file['extension'] }}" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">
|
||||
@if (in_array(strtolower($file['extension']), $imgExtensions))
|
||||
<img style='max-height: 50px; max-width: 70px;' src="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}" alt="" />
|
||||
@else
|
||||
<img style='max-height: 50px; max-width: 70px;' src='{{ BASE_URL }}/dist/images/doc.png' />
|
||||
@endif
|
||||
<span class="filename" title="{{ $file['realName'] }}.{{ $file['extension'] }}">{{ $file['realName'] }}.{{ $file['extension'] }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
<br class="clearall" />
|
||||
</ul>
|
||||
|
||||
<br class="clearall" />
|
||||
|
||||
</div><!--mediamgr_content-->
|
||||
|
||||
<br class="clearall" />
|
||||
</div><!--mediamgr-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@once
|
||||
@push('scripts')
|
||||
<script type='text/javascript'>
|
||||
jQuery(document).ready(function(){
|
||||
|
||||
jQuery('#widgetAction').click(function(){
|
||||
jQuery('.widgetList').toggle();
|
||||
});
|
||||
jQuery('#widgetAction2').click(function(){
|
||||
jQuery('.widgetList2').toggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function(){
|
||||
|
||||
let modalTypes = ["jpg", "jpeg", "png", "gif", "apng", "webp", "avif"];
|
||||
jQuery(".imageLink").each(function(i) {
|
||||
let ext = jQuery(this).attr("data-ext");
|
||||
if(modalTypes.includes(ext)) {
|
||||
jQuery(this).nyroModal();
|
||||
}
|
||||
});
|
||||
|
||||
//Replaces data-rel attribute to rel.
|
||||
//We use data-rel because of w3c validation issue
|
||||
jQuery('a[data-rel]').each(function() {
|
||||
jQuery(this).attr('rel', jQuery(this).data('rel'));
|
||||
});
|
||||
|
||||
//jQuery("#medialist a").colorbox();
|
||||
|
||||
@if (isset($_GET['modalPopUp']))
|
||||
|
||||
jQuery('#medialist a.imageLink').on("click", function(event){
|
||||
|
||||
event.preventDefault();
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
var url = jQuery(this).attr("href");
|
||||
|
||||
//File picker upload callback from editor
|
||||
window.filePickerCallback(url, {text: "file"});
|
||||
|
||||
jQuery.nmTop().close();
|
||||
});
|
||||
|
||||
jQuery(".deleteFile").nyroModal();
|
||||
|
||||
@endif
|
||||
|
||||
// Media Filter
|
||||
jQuery('#mediafilter a').on("click", function(){
|
||||
|
||||
var filter = (jQuery(this).attr('href') != 'all')? '.'+jQuery(this).attr('href') : '*';
|
||||
jQuery('#medialist').isotope({ filter: filter });
|
||||
|
||||
jQuery('#mediafilter li').removeClass('current');
|
||||
jQuery(this).parent().addClass('current');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
if (typeof uppy === 'undefined') {
|
||||
|
||||
|
||||
const uppy = new Uppy.Uppy({
|
||||
debug: false,
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: {{ $maxSize }}
|
||||
}
|
||||
});
|
||||
|
||||
uppy.use(Uppy.DropTarget, { target: '#fileManager' });
|
||||
|
||||
uppy.use(Uppy.FileInput, {
|
||||
target: '.file-upload-input',
|
||||
pretty: true,
|
||||
locale: {
|
||||
strings: {
|
||||
chooseFiles: ' Browse',
|
||||
}
|
||||
}
|
||||
});
|
||||
uppy.use(Uppy.XHRUpload, {
|
||||
endpoint: '{{ BASE_URL }}/api/files?module=project&moduleId={{ $moduleId }}',
|
||||
formData: true,
|
||||
fieldName: 'file',
|
||||
});
|
||||
|
||||
uppy.use(Uppy.StatusBar, {
|
||||
target: '.input-progress',
|
||||
hideUploadButton: true,
|
||||
hideAfterFinish: false,
|
||||
});
|
||||
|
||||
uppy.use(Uppy.Form, { target: '#upload-form' });
|
||||
uppy.use(Uppy.Compressor);
|
||||
|
||||
// Upload
|
||||
uppy.on("restriction-failed", (file, error) => {
|
||||
|
||||
jQuery(".input-error").html("<span class='label-important'>"+error+"</span>");
|
||||
return false
|
||||
});
|
||||
|
||||
uppy.on('upload-success', (file, response) => {
|
||||
|
||||
jQuery(".input-error").text('');
|
||||
|
||||
response = response.body;
|
||||
|
||||
if(response.hasOwnProperty("moduleId")){
|
||||
|
||||
let html = '<li class="file-module-'+response.moduleId+'">' +
|
||||
'<div class="inlineDropDownContainer dropright" style="float:right;">' +
|
||||
'<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown" data-toggle="dropdown">' +
|
||||
'<i class="fa fa-ellipsis-v" aria-hidden="true"></i>' +
|
||||
'</a>' +
|
||||
'<ul class="dropdown-menu">' +
|
||||
'<li class="nav-header">{!! __("subtitles.file") !!}</li>' +
|
||||
'<li><a target="_blank" href="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'">{!! str_replace("'", '"', __("links.download")) !!}</a></li>'+
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
'<li><form method="post" action="{{ BASE_URL }}/files/browse" class="deleteFile" onsubmit="return confirm(\'{{ __("text.confirm_delete") }}\')"><input type="hidden" name="_token" value="'+ jQuery('meta[name=csrf-token]').attr('content') +'" /><input type="hidden" name="delFile" value="'+ response.fileId +'" /><button type="submit" class="delete" style="background:none;border:none;cursor:pointer;padding:3px 20px;width:100%;text-align:left;"><i class="fa fa-trash"></i> {!! str_replace("'", '"', __("links.delete")) !!}</button></form></li>'+
|
||||
@endif
|
||||
'</ul>'+
|
||||
'</div>'+
|
||||
'<a class="imageLink" href="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'">'+
|
||||
'<img style="max-height: 50px; max-width: 70px;" src="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'" alt="" />'+
|
||||
|
||||
'<span class="filename" title="'+response.realName+'.'+response.extension+'">'+response.realName+'.'+response.extension+'</span>'+
|
||||
'</a>'+
|
||||
'</li>';
|
||||
|
||||
jQuery("#medialist").append(html);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
jQuery("#webcamClick").click(function(){
|
||||
jQuery(".uploadWrapper .extra").css("display", "flex");
|
||||
uppy.use(Uppy.Webcam, { target: '.extra' });
|
||||
jQuery("#cancelLink").show();
|
||||
});
|
||||
|
||||
jQuery("#screencaptureLink").click(function(){
|
||||
jQuery(".uploadWrapper .extra").css("display", "flex");
|
||||
uppy.use(Uppy.ScreenCapture,
|
||||
{
|
||||
displayMediaConstraints: {
|
||||
video: {
|
||||
width: 1280,
|
||||
height: 720,
|
||||
frameRate: {
|
||||
ideal: 3,
|
||||
max: 5,
|
||||
},
|
||||
cursor: 'motion',
|
||||
displaySurface: 'window',
|
||||
},
|
||||
},
|
||||
target: '.extra'
|
||||
});
|
||||
jQuery("#cancelLink").show();
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery("#cancelLink").click(function(){
|
||||
const instance = uppy.getPlugin('Webcam');
|
||||
if(instance) {
|
||||
uppy.removePlugin(instance);
|
||||
}
|
||||
|
||||
const instance2 = uppy.getPlugin('ScreenCapture');
|
||||
if(instance2) {
|
||||
uppy.removePlugin(instance2);
|
||||
}
|
||||
|
||||
jQuery("#cancelLink").hide();
|
||||
|
||||
jQuery(".uploadWrapper .extra").css("display", "none");
|
||||
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
@endpush
|
||||
@endonce
|
||||
|
||||
@endsection
|
||||
140
app/Domain/Files/Templates/showAll.blade.php
Normal file
140
app/Domain/Files/Templates/showAll.blade.php
Normal file
@@ -0,0 +1,140 @@
|
||||
@extends($layout)
|
||||
@section('content')
|
||||
|
||||
<div id="fileManager">
|
||||
<div>
|
||||
|
||||
{!! $tpl->displayNotification() !!}
|
||||
|
||||
<div class='mediamgr'>
|
||||
<div class='mediamgr_left'>
|
||||
<div class="mediamgr_category">
|
||||
|
||||
<form action='{{ BASE_URL }}/files/showAll{{ isset($_GET['modalPopUp']) ? '?modalPopUp=true' : '' }}' method='post' enctype="multipart/form-data" class="fileModal" >
|
||||
<div class="par f-left" style="margin-right: 15px;">
|
||||
|
||||
<div class='fileupload fileupload-new' data-provides='fileupload'>
|
||||
<input type="hidden" />
|
||||
<div class="input-append">
|
||||
<div class="uneditable-input span3">
|
||||
<i class="fa-file fileupload-exists"></i><span class="fileupload-preview"></span>
|
||||
</div>
|
||||
<span class="btn btn-file">
|
||||
<span class="fileupload-new">Select file</span>
|
||||
<span class='fileupload-exists'>Change</span>
|
||||
<input type='file' name='file' />
|
||||
</span>
|
||||
|
||||
<a href='#' class='btn fileupload-exists' data-dismiss='fileupload'>Remove</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<x-global::forms.button tag="input" inputType="submit" contentRole="primary" :labelText="__('UPLOAD')" name="upload" />
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="mediamgr_content">
|
||||
|
||||
<ul id='medialist' class='listfile'>
|
||||
@foreach ($files as $file)
|
||||
<li class="{{ $file['moduleId'] }}">
|
||||
<div class="inlineDropDownContainer dropright" style="float:right;">
|
||||
|
||||
<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown" data-toggle="dropdown">
|
||||
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-header">{!! __('subtitles.file') !!}</li>
|
||||
<li><a target="_blank" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">{!! __('links.download') !!}</a></li>
|
||||
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
<li>
|
||||
<form method="post" action="{{ BASE_URL }}/files/showAll" class="deleteFile" onsubmit="return confirm('{{ __('text.confirm_delete') }}')">
|
||||
@csrf
|
||||
<input type="hidden" name="delFile" value="{{ $file['id'] }}" />
|
||||
<button type="submit" class="delete" style="background:none;border:none;cursor:pointer;padding:3px 20px;width:100%;text-align:left;"><i class="fa fa-trash"></i> {!! __('links.delete') !!}</button>
|
||||
</form>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<a class="imageLink" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">
|
||||
@if (in_array(strtolower($file['extension']), $imgExtensions))
|
||||
<img style='max-height: 50px; max-width: 70px;' src="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}" alt="" />
|
||||
@else
|
||||
<img style='max-height: 50px; max-width: 70px;' src='{{ BASE_URL }}/dist/images/thumbs/doc.png' />
|
||||
@endif
|
||||
<span class="filename" title="{{ $file['realName'] }}.{{ $file['extension'] }}">{{ $file['realName'] }}.{{ $file['extension'] }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
<br class="clearall" />
|
||||
</ul>
|
||||
<br class="clearall" />
|
||||
|
||||
</div><!--mediamgr_content-->
|
||||
|
||||
</div><!--mediamgr_left -->
|
||||
|
||||
|
||||
<br class="clearall" />
|
||||
</div><!--mediamgr-->
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@once
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function(){
|
||||
|
||||
//Replaces data-rel attribute to rel.
|
||||
//We use data-rel because of w3c validation issue
|
||||
jQuery('a[data-rel]').each(function() {
|
||||
jQuery(this).attr('rel', jQuery(this).data('rel'));
|
||||
});
|
||||
|
||||
//jQuery("#medialist a").colorbox();
|
||||
|
||||
@if (isset($_GET['modalPopUp']))
|
||||
jQuery('#medialist a.imageLink').on("click", function(event){
|
||||
|
||||
event.preventDefault();
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
var url = jQuery(this).attr("href");
|
||||
|
||||
//File picker upload callback from editor
|
||||
window.filePickerCallback(url, {text: "file"});
|
||||
|
||||
jQuery.nmTop().close();
|
||||
});
|
||||
|
||||
@endif
|
||||
|
||||
// Media Filter
|
||||
jQuery('#mediafilter a').on("click", function(){
|
||||
|
||||
var filter = (jQuery(this).attr('href') != 'all')? '.'+jQuery(this).attr('href') : '*';
|
||||
jQuery('#medialist').isotope({ filter: filter });
|
||||
|
||||
jQuery('#mediafilter li').removeClass('current');
|
||||
jQuery(this).parent().addClass('current');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery(".deleteFile").nyroModal();
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@endonce
|
||||
|
||||
@endsection
|
||||
306
app/Domain/Files/Templates/submodules/showAll.blade.php
Normal file
306
app/Domain/Files/Templates/submodules/showAll.blade.php
Normal file
@@ -0,0 +1,306 @@
|
||||
@php
|
||||
$module = \Leantime\Core\Controller\Frontcontroller::getModuleName('');
|
||||
$maxSize = \Leantime\Core\Files\FileManager::getMaximumFileUploadSize();
|
||||
$moduleId = $_GET['id'] ?? '';
|
||||
@endphp
|
||||
<div id="fileManager">
|
||||
|
||||
{!! $tpl->displayNotification() !!}
|
||||
|
||||
<div class="uploadWrapper">
|
||||
|
||||
<x-global::forms.button tag="a" contentRole="default" id="cancelLink" link="javascript:void(0);" style="display:none;">{!! __('links.cancel') !!}</x-global::forms.button>
|
||||
<div class="extra" style="margin-top:5px;"></div>
|
||||
<div class="fileUploadDrop">
|
||||
<p><i>{!! __('text.drop_files') !!}</i></p>
|
||||
<div class="file-upload-input" style="margin:auto; display:inline-block"></div>
|
||||
<a href="javascript:void(0);" id="webcamClick">{!! __('label.webcam') !!}</a>
|
||||
<a href="javascript:void(0);" id="screencaptureLink">{!! __('label.screen_recording') !!}</a>
|
||||
</div>
|
||||
|
||||
<!-- Progress bar #1 -->
|
||||
<div class="input-progress"></div>
|
||||
|
||||
<div class="input-error"></div>
|
||||
|
||||
<form id="upload-form"></form>
|
||||
|
||||
</div>
|
||||
|
||||
<div class='mediamgr'>
|
||||
|
||||
<div class="mediamgr_content">
|
||||
|
||||
<ul id='medialist' class='listfile'>
|
||||
@foreach ($files as $file)
|
||||
<li class="file-module-{{ $file['moduleId'] }}">
|
||||
<div class="inlineDropDownContainer dropright" style="float:right;">
|
||||
|
||||
<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown" data-toggle="dropdown">
|
||||
<i class="fa fa-ellipsis-v" aria-hidden="true"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li class="nav-header">{!! __('subtitles.file') !!}</li>
|
||||
<li><a target="_blank" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">{!! __('links.download') !!}</a></li>
|
||||
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
<li>
|
||||
<form method="post" action="{{ BASE_URL }}/files/showAll" class="deleteFile" onsubmit="return confirm('{{ __('text.confirm_delete') }}')">
|
||||
@csrf
|
||||
<input type="hidden" name="delFile" value="{{ $file['id'] }}" />
|
||||
<button type="submit" class="delete" style="background:none;border:none;cursor:pointer;padding:3px 20px;width:100%;text-align:left;"><i class="fa fa-trash"></i> {!! __('links.delete') !!}</button>
|
||||
</form>
|
||||
</li>
|
||||
@endif
|
||||
|
||||
</ul>
|
||||
</div>
|
||||
<a class="imageLink" data-ext="{{ $file['extension'] }}" href="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}">
|
||||
@if (in_array(strtolower($file['extension']), $imgExtensions ?? []))
|
||||
<img style='max-height: 50px; max-width: 70px;' src="{{ BASE_URL }}/files/get?module={{ $file['module'] }}&encName={{ $file['encName'] }}&ext={{ $file['extension'] }}&realName={{ $file['realName'] }}" alt="" />
|
||||
@else
|
||||
<img style='max-height: 50px; max-width: 70px;' src='{{ BASE_URL }}/dist/images/doc.png' />
|
||||
@endif
|
||||
<span class="filename" title="{{ $file['realName'] }}.{{ $file['extension'] }}">{{ $file['realName'] }}.{{ $file['extension'] }}</span>
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
|
||||
<br class="clearall" />
|
||||
</ul>
|
||||
|
||||
<br class="clearall" />
|
||||
|
||||
</div><!--mediamgr_content-->
|
||||
|
||||
<br class="clearall" />
|
||||
</div><!--mediamgr-->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script type='text/javascript'>
|
||||
jQuery(document).ready(function(){
|
||||
|
||||
jQuery('#widgetAction').click(function(){
|
||||
jQuery('.widgetList').toggle();
|
||||
});
|
||||
jQuery('#widgetAction2').click(function(){
|
||||
jQuery('.widgetList2').toggle();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function(){
|
||||
|
||||
let modalTypes = ["jpg", "jpeg", "png", "gif", "apng", "webp", "avif"];
|
||||
|
||||
jQuery(".imageLink").each(function(i) {
|
||||
let ext = jQuery(this).attr("data-ext");
|
||||
if(modalTypes.includes(ext)) {
|
||||
jQuery(this).nyroModal();
|
||||
}
|
||||
});
|
||||
|
||||
//Replaces data-rel attribute to rel.
|
||||
//We use data-rel because of w3c validation issue
|
||||
jQuery('a[data-rel]').each(function() {
|
||||
jQuery(this).attr('rel', jQuery(this).data('rel'));
|
||||
});
|
||||
|
||||
//jQuery("#medialist a").colorbox();
|
||||
|
||||
@if (isset($_GET['modalPopUp']))
|
||||
jQuery('#medialist a.imageLink').on("click", function(event){
|
||||
|
||||
event.preventDefault();
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
var url = jQuery(this).attr("href");
|
||||
|
||||
//File picker upload callback from editor
|
||||
window.filePickerCallback(url, {text: "file"});
|
||||
|
||||
jQuery.nmTop().close();
|
||||
});
|
||||
|
||||
@endif
|
||||
|
||||
// Media Filter
|
||||
jQuery('#mediafilter a').on("click", function(){
|
||||
|
||||
var filter = (jQuery(this).attr('href') != 'all')? '.'+jQuery(this).attr('href') : '*';
|
||||
jQuery('#medialist').isotope({ filter: filter });
|
||||
|
||||
jQuery('#mediafilter li').removeClass('current');
|
||||
jQuery(this).parent().addClass('current');
|
||||
|
||||
return false;
|
||||
});
|
||||
|
||||
jQuery(".deleteFile").nyroModal();
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<script>
|
||||
|
||||
if (typeof uppy === 'undefined') {
|
||||
|
||||
|
||||
const uppy = new Uppy.Uppy({
|
||||
debug: false,
|
||||
autoProceed: true,
|
||||
restrictions: {
|
||||
maxFileSize: {{ $maxSize }}
|
||||
}
|
||||
});
|
||||
|
||||
uppy.use(Uppy.DropTarget, { target: '#fileManager' });
|
||||
|
||||
uppy.use(Uppy.FileInput, {
|
||||
target: '.file-upload-input',
|
||||
pretty: true,
|
||||
locale: {
|
||||
strings: {
|
||||
chooseFiles: ' Browse',
|
||||
}
|
||||
}
|
||||
});
|
||||
uppy.use(Uppy.XHRUpload, {
|
||||
endpoint: '{{ BASE_URL }}/api/files?module={{ $module }}&moduleId={{ $moduleId }}',
|
||||
formData: true,
|
||||
});
|
||||
|
||||
uppy.use(Uppy.StatusBar, {
|
||||
target: '.input-progress',
|
||||
hideUploadButton: true,
|
||||
hideAfterFinish: false,
|
||||
});
|
||||
|
||||
//uppy.use(Uppy.Webcam, { target: '.extra' });
|
||||
//uppy.use(Uppy.ProgressBar, { target: '.input-progress', hideAfterFinish: true });
|
||||
|
||||
//uppy.use(Uppy.Audio, { target: '.extra', showRecordingLength: true });
|
||||
//uppy.use(Uppy.ScreenCapture, { target: '.extra' });
|
||||
|
||||
uppy.use(Uppy.Form, { target: '#upload-form' });
|
||||
//uppy.use(Uppy.ImageEditor, { target: '.extra' });
|
||||
// Allow dropping files on any element or the whole document
|
||||
// Optimize images
|
||||
uppy.use(Uppy.Compressor);
|
||||
|
||||
/*
|
||||
uppy.use(Uppy.ThumbnailGenerator, {
|
||||
id: 'ThumbnailGenerator',
|
||||
thumbnailWidth: 200,
|
||||
thumbnailHeight: 200,
|
||||
thumbnailType: 'image/jpeg',
|
||||
waitForThumbnailsBeforeUpload: false,
|
||||
});
|
||||
|
||||
uppy.on('thumbnail:generated', (file, preview) => {
|
||||
const img = document.createElement('img')
|
||||
img.src = preview;
|
||||
img.width = 100;
|
||||
document.body.appendChild(img);
|
||||
|
||||
});*/
|
||||
|
||||
// Upload
|
||||
uppy.on("restriction-failed", (file, error) => {
|
||||
|
||||
jQuery(".input-error").html("<span class='label-important'>"+error+"</span>");
|
||||
return false
|
||||
});
|
||||
|
||||
uppy.on('upload-success', (file, response) => {
|
||||
|
||||
jQuery(".input-error").text('');
|
||||
|
||||
response = response.body;
|
||||
|
||||
if(response.hasOwnProperty("moduleId")){
|
||||
/*
|
||||
//window.location.hash = "files";
|
||||
//window.location.reload();*/
|
||||
|
||||
let html = '<li class="file-module-'+response.moduleId+'">' +
|
||||
'<div class="inlineDropDownContainer dropright" style="float:right;">' +
|
||||
'<a href="javascript:void(0);" class="dropdown-toggle ticketDropDown" data-toggle="dropdown">' +
|
||||
'<i class="fa fa-ellipsis-v" aria-hidden="true"></i>' +
|
||||
'</a>' +
|
||||
'<ul class="dropdown-menu">' +
|
||||
'<li class="nav-header">{!! __('subtitles.file') !!}</li>' +
|
||||
'<li><a target="_blank" href="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'">{!! str_replace("'", '"', __('links.download')) !!}</a></li>'+
|
||||
@if ($login::userIsAtLeast($roles::$editor))
|
||||
'<li><form method="post" action="{{ BASE_URL }}/files/showAll" class="deleteFile" onsubmit="return confirm(\'{{ __("text.confirm_delete") }}\')"><input type="hidden" name="_token" value="'+ jQuery('meta[name=csrf-token]').attr('content') +'" /><input type="hidden" name="delFile" value="'+ response.fileId +'" /><button type="submit" class="delete" style="background:none;border:none;cursor:pointer;padding:3px 20px;width:100%;text-align:left;"><i class="fa fa-trash"></i> {!! str_replace("'", '"', __("links.delete")) !!}</button></form></li>'+
|
||||
@endif
|
||||
'</ul>'+
|
||||
'</div>'+
|
||||
'<a class="imageLink" href="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'">'+
|
||||
'<img style="max-height: 50px; max-width: 70px;" src="{{ BASE_URL }}/files/get?module='+ response.module +'&encName='+ response.encName +'&ext='+ response.extension +'&realName='+ response.realName +'" alt="" />'+
|
||||
|
||||
'<span class="filename" title="'+response.realName+'.'+response.extension+'">'+response.realName+'.'+response.extension+'</span>'+
|
||||
'</a>'+
|
||||
'</li>';
|
||||
|
||||
jQuery("#medialist").append(html);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
jQuery("#webcamClick").click(function(){
|
||||
jQuery(".uploadWrapper .extra").css("display", "flex");
|
||||
uppy.use(Uppy.Webcam, { target: '.extra' });
|
||||
jQuery("#cancelLink").show();
|
||||
});
|
||||
|
||||
jQuery("#screencaptureLink").click(function(){
|
||||
jQuery(".uploadWrapper .extra").css("display", "flex");
|
||||
uppy.use(Uppy.ScreenCapture,
|
||||
{
|
||||
displayMediaConstraints: {
|
||||
video: {
|
||||
width: 1280,
|
||||
height: 720,
|
||||
frameRate: {
|
||||
ideal: 3,
|
||||
max: 5,
|
||||
},
|
||||
cursor: 'motion',
|
||||
displaySurface: 'window',
|
||||
},
|
||||
},
|
||||
target: '.extra'
|
||||
});
|
||||
jQuery("#cancelLink").show();
|
||||
});
|
||||
|
||||
|
||||
|
||||
jQuery("#cancelLink").click(function(){
|
||||
const instance = uppy.getPlugin('Webcam');
|
||||
if(instance) {
|
||||
uppy.removePlugin(instance);
|
||||
}
|
||||
|
||||
const instance2 = uppy.getPlugin('ScreenCapture');
|
||||
if(instance2) {
|
||||
uppy.removePlugin(instance2);
|
||||
}
|
||||
|
||||
jQuery("#cancelLink").hide();
|
||||
|
||||
jQuery(".uploadWrapper .extra").css("display", "none");
|
||||
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user