芝麻web文件管理V1.00

编辑当前文件:/home/sditechnicalteam/public_html/resources/views/app-settings/ajax/file-upload-setting.blade.php

.tags-look .tagify__dropdown__item {
        display: inline-block;
        border-radius: 3px;
        padding: .3em .5em;
        border: 1px solid #CCC;
        background: #F3F3F3;
        margin: .2em;
        font-size: .85em;
        color: black;
        transition: 0s;
    }

.tags-look .tagify__dropdown__item--active {
        color: white;
    }

.tags-look .tagify__dropdown__item:hover {
        background: var(--header_color);
    }

#datatable{
        margin-bottom: -20px;
    }

</style>

<label for="allowed_file_size" class="mt-3">
                @lang('modules.accountSettings.allowedFileSize') <sup class="f-14">*</sup>
            </label>

<x-forms.input-group>
                <input type="number" name="allowed_file_size" id="allowed_file_size"
                       value="{{ global_setting()->allowed_file_size }}"
                       placeholder="@lang('modules.emailSettings.mailPassword')"
                       class="form-control height-35 f-14"/>
                <x-slot name="preappend">
                    <label class="input-group-text border-grey bg-white height-35">MB</label>
                </x-slot>
            </x-forms.input-group>

</div>

<div class="col-lg-12 mt-4">
            <label for="allowed_file_types">
                @lang('modules.accountSettings.allowedFileType') <sup class="f-14">*</sup>
            </label>
            <textarea type="text" name="allowed_file_types" id="allowed_file_types"
                      placeholder="e.g. application/x-zip-compressed"
                      class="form-control f-14">{{ global_setting()->allowed_file_types }}</textarea>
        </div>

</div>
</div>

</x-setting-form-actions>
</div>

$(document).ready(function() {
        var input = document.querySelector('textarea[id=allowed_file_types]');
        console.log(input);

var whitelist = [
            'image/*', 'application/vnd.ms-excel',
            'application/vnd.openxmlformats-officedocument.wordprocessingml.document', 'application/docx',
            'application/pdf', 'text/plain', 'application/msword',
            'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', 'application/zip',
            'application/x-zip-compressed', 'application/x-compressed', 'multipart/x-zip', '.xlsx', 'video/x-flv',
            'video/mp4', 'application/x-mpegURL', 'video/MP2T', 'video/3gpp', 'video/quicktime', 'video/x-msvideo',
            'video/x-ms-wmv', 'application/sla', '.stl'
        ];
        // init Tagify script on the above inputs
        tagify = new Tagify(input, {
            whitelist: whitelist,
            userInput: false,
            dropdown: {
                classname: "tags-look",
                enabled: 0,
                closeOnSelect: false
            }
        });

$('body').on('click', '#save-file-upload-setting-form', function () {
            const url = "{{ route('app-settings.update', [company()->id]) }}?page=file-upload-setting";

$.easyAjax({
                url: url,
                container: '#editSettings',
                type: "POST",
                disableButton: true,
                buttonSelector: "#save-file-upload-setting-form",
                data: $('#editSettings').serialize(),
            })
        });
    });

</script>