From 5ff38238c2c2d999834b2c9d08ffb58cf7138ab7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=92=8C=E5=B9=B3=E6=89=8D=E5=AD=90?= <8805354+peace-talent@user.noreply.gitee.com> Date: Thu, 25 Jan 2024 09:02:09 +0000 Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=96=87=E4=BB=B6=20ui.js?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ui.js | 4378 --------------------------------------------------------- 1 file changed, 4378 deletions(-) delete mode 100644 ui.js diff --git a/ui.js b/ui.js deleted file mode 100644 index 5f5ce0d..0000000 --- a/ui.js +++ /dev/null @@ -1,4378 +0,0 @@ -/** - * Roundcube webmail functions for the Elastic skin - * - * Copyright (c) The Roundcube Dev Team - * - * The contents are subject to the Creative Commons Attribution-ShareAlike - * License. It is allowed to copy, distribute, transmit and to adapt the work - * by keeping credits to the original autors in the README file. - * See http://creativecommons.org/licenses/by-sa/3.0/ for details. - * - * @license magnet:?xt=urn:btih:90dc5c0be029de84e523b9b3922520e79e0e6f08&dn=cc0.txt CC0-1.0 - */ - -"use strict"; - -function rcube_elastic_ui() -{ - var prefs, ref = this, - mode = 'normal', // one of: large, normal, small, phone - color_mode = 'light', // 'light' or 'dark' - touch = false, - ios = false, - popups_close_lock, - is_framed = rcmail.is_framed(), - env = { - config: { - standard_windows: rcmail.env.standard_windows, - message_extwin: rcmail.env.message_extwin, - compose_extwin: rcmail.env.compose_extwin, - help_open_extwin: rcmail.env.help_open_extwin - }, - checkboxes: 0, - small_screen_config: { - standard_windows: true, - message_extwin: false, - compose_extwin: false, - help_open_extwin: false - } - }, - menus = {}, - content_buttons = [], - frame_buttons = [], - layout = { - menu: $('#layout-menu'), - sidebar: $('#layout-sidebar'), - list: $('#layout-list'), - content: $('#layout-content'), - }, - buttons = { - menu: $('a.task-menu-button'), - back_sidebar: $('a.back-sidebar-button'), - back_list: $('a.back-list-button'), - back_content: $('a.back-content-button'), - }; - - - // Public methods - this.register_content_buttons = register_content_buttons; - this.menu_hide = menu_hide; - this.menu_toggle = menu_toggle; - this.menu_destroy = menu_destroy; - this.popup_init = popup_init; - this.about_dialog = about_dialog; - this.headers_dialog = headers_dialog; - this.import_dialog = import_dialog; - this.props_dialog = props_dialog; - this.headers_show = headers_show; - this.spellmenu = spellmenu; - this.searchmenu = searchmenu; - this.headersmenu = headersmenu; - this.header_reset = header_reset; - this.compose_status = compose_status; - this.attachmentmenu = attachmentmenu; - this.mailtomenu = mailtomenu; - this.recipient_selector = recipient_selector; - this.show_list = show_list; - this.show_sidebar = show_sidebar; - this.smart_field_init = smart_field_init; - this.smart_field_reset = smart_field_reset; - this.form_errors = form_errors; - this.switch_nav_list = switch_nav_list; - this.searchbar_init = searchbar_init; - this.pretty_checkbox = pretty_checkbox; - this.pretty_select = pretty_select; - this.datepicker_init = datepicker_init; - this.bootstrap_style = bootstrap_style; - this.toggle_list_selection = toggle_list_selection; - this.get_screen_mode = get_screen_mode; - this.is_mobile = is_mobile; - this.is_touch = is_touch; - - // Detect screen size/mode - screen_mode(); - - // Initialize layout - layout_init(); - - // Convert some elements to Bootstrap style - bootstrap_style(); - - // Initialize responsive toolbars (have to be before popups init) - toolbar_init(); - - // Initialize content frame and list handlers - content_frame_init(); - - // Initialize menu dropdowns - dropdowns_init(); - - // Setup various UI elements - setup(); - - // Update layout after initialization - resize(); - - - /** - * Setup procedure - */ - function setup() - { - var title, form, content_buttons = []; - - // Intercept jQuery-UI dialogs... - $.ui && $.widget('ui.dialog', $.ui.dialog, { - open: function() { - // ... to unify min width for iframe'd dialogs - if ($(this.element).is('.iframe')) { - this.options.width = Math.max(576, this.options.width); - } - this._super(); - // ... to re-style them on dialog open - dialog_open(this); - return this; - }, - close: function() { - this._super(); - // ... to close custom select dropdowns on dialog close - $('.select-menu:visible').remove(); - return this; - } - }); - - // menu/sidebar/list button - buttons.menu.on('click', function() { app_menu(true); return false; }); - buttons.back_sidebar.on('click', function() { show_sidebar(); return false; }); - buttons.back_list.on('click', function() { show_list(); return false; }); - buttons.back_content.on('click', function() { show_content(true); return false; }); - - // Initialize search forms - $('.searchbar').each(function() { searchbar_init(this); }); - - // Set content frame title in parent window (exclude ext-windows and dialog frames) - if (is_framed && !rcmail.env.extwin && !parent.$('.ui-dialog:visible').length) { - if (title = $('h1.voice').first().text()) { - parent.$('#layout-content > .header > .header-title:not(.constant)').text(title); - } - } - else if (!is_framed) { - title = layout.content.find('.boxtitle').first().detach().text(); - - if (!title) { - title = $('h1.voice').first().text(); - } - - if (title) { - layout.content.find('.header > .header-title').text(title); - } - } - - // Add content frame toolbar in the footer, for content buttons and navigation - if (!is_framed && layout.content.length && !layout.content.is('.no-navbar') - && !layout.content.children('.frame-content').length - ) { - env.frame_nav = $('
') - .append($(''), - target_id = target.attr('id') || new Date().getTime(), - button_id = target_id + '-clone', - btn_class = target[0].className + (add_class ? ' ' + add_class : ''); - - if (!menu_button) { - btn_class = btn_class.replace('btn-primary', 'primary').replace(/(btn[a-z-]*|button|disabled)/g, '').trim() - btn_class += ' button' + (!always_active ? ' disabled' : ''); - } - else if (popup = target.data('popup')) { - button.data({popup: popup, 'toggle-button': target.data('toggle-button')}); - popup_init(button[0]); - click = false; - rcmail.register_menu_button(button[0], popup); - } - - button.attr({id: button_id, href: '#', 'class': btn_class}) - .append($('').text(target.text())); - - if (click) { - button.on('click', function(e) { target.click(); }); - } - - if (is_framed && !menu_button) { - button.data('target', target); - frame_buttons.push($.extend({button_id: button_id}, find_button(target[0].id))); - } - else { - // Register the button to get active state updates - register_cloned_button(target_id, button_id, btn_class.replace(' disabled', '')); - } - - return button; - }; - - /** - * Finds an rcmail button - */ - function find_button(id) - { - var i, button, command; - - for (command in rcmail.buttons) { - for (i = 0; i < rcmail.buttons[command].length; i++) { - button = rcmail.buttons[command][i]; - if (button.id == id) { - return { - command: command, - index: i, - data: button - }; - } - } - } - }; - - /** - * Setup environment - */ - function layout_init() - { - // Initialize light/dark mode - color_mode_init(); - - // Select current layout element - env.last_selected = $('#layout > div.selected')[0]; - if (!env.last_selected && layout.content.length) { - $.each(['sidebar', 'list', 'content'], function() { - if (layout[this].length) { - env.last_selected = layout[this][0]; - layout[this].addClass('selected'); - return false; - } - }); - } - - // Register resize handler - $(window).on('resize', function() { - clearTimeout(env.resize_timeout); - env.resize_timeout = setTimeout(function() { resize(); }, 25); - }); - - // Enable rcmail.open_window intercepting - env.open_window = rcmail.open_window; - rcmail.open_window = window_open; - - rcmail - .addEventListener('message', message_displayed) - .addEventListener('menu-open', menu_toggle) - .addEventListener('menu-close', menu_toggle) - .addEventListener('editor-init', tinymce_init) - .addEventListener('autocomplete_create', rcmail_popup_init) - .addEventListener('googiespell_create', rcmail_popup_init) - .addEventListener('setquota', update_quota) - .addEventListener('enable-command', enable_command_handler) - .addEventListener('destroy-entity-selector', function(o) { menu_destroy(o.name); }) - .addEventListener('clonerow', pretty_checkbox_fix) - .addEventListener('init', init); - - // Create floating action button(s) - if ((layout.list.length || layout.content.length) && is_mobile()) { - var fabuttons = []; - - $('[data-fab]').each(function() { - var button = $(this), - task = button.data('fab-task') || '*', - action = button.data('fab-action') || '*'; - - if ((task == '*' || task == rcmail.env.task) - && (action == '*' || action == rcmail.env.action || (action == 'none' && !rcmail.env.action)) - ) { - fabuttons.push(create_cloned_button(button, false, false, true)); - } - }); - - if (fabuttons.length) { - $('
').append(fabuttons) - .appendTo(layout.list.length ? layout.list : layout.content); - } - } - - // Initialize column resizers (must be after floating buttons) - if (layout.sidebar.length) { - splitter_init(layout.sidebar); - } - - if (layout.list.length) { - splitter_init(layout.list); - } - }; - - /** - * rcmail 'init' event handler - */ - function init() - { - // Additional functionality on list widgets - $('[data-list]').filter('ul,table').each(function() { - var table = $(this), - list = table.data('list'); - - if (rcmail[list] && rcmail[list].multiselect) { - var repl, button, - parent = table.parents('layout-sidebar,#layout-list,#layout-content').last(), - header = parent.find('.header'), - toolbar = header.find('ul'); - - if (!toolbar.length) { - toolbar = header; - } - else if (button = toolbar.find('a.select').data('toggle-button')) { - button = $('#' + button); - } - - // Enable checkbox selection on list widgets - rcmail[list].enable_checkbox_selection(); - - if (get_pref('list-selection') === true) { - table.addClass('withselection'); - } - - // Add Select button to the list navigation bar - if (!button) { - button = $('').attr({'class': 'button selection disabled', role: 'button', title: rcmail.gettext('select')}) - .on('click', function() { UI.toggle_list_selection(this, table.attr('id')); }) - .append($('').text(rcmail.gettext('select'))); - - if (toolbar.is('.menu')) { - button.prependTo(toolbar).wrap('
  • '); - - // Add a button to the content toolbar menu too - if (layout.content) { - var button2 = create_cloned_button(button, true, 'hidden-big hidden-large'); - $('
  • ').append(button2).appendTo('#toolbar-menu'); - button = button.add(button2); - } - } - else { - if (repl = table.data('list-select-replace')) { - $(repl).replaceWith(button); - } - else { - button.appendTo(toolbar).addClass('icon'); - if (!parent.is('#layout-sidebar')) { - button.addClass('toolbar-button'); - } - } - } - } - - // Update Select button state on list update - rcmail.addEventListener('listupdate', function(prop) { - if (prop.list && prop.list == rcmail[list]) { - if (prop.rowcount) { - button.addClass('active').removeClass('disabled').attr('tabindex', 0); - } - else { - button.removeClass('active').addClass('disabled').attr('tabindex', -1); - } - } - }); - } - - // https://github.com/roundcube/elastic/issues/45 - // Draggable blocks scrolling on touch devices, we'll disable it there - if (touch && rcmail[list]) { - if (typeof rcmail[list].draggable == 'function') { - rcmail[list].draggable('destroy'); - } - else if (typeof rcmail[list].draggable == 'boolean') { - rcmail[list].draggable = false; - } - - // Also disable double-click to prevent from opening items - // in a new page, and prevent from zoom issues (#7732) - rcmail[list].dblclick_time = 0; - } - }); - - // Display "List is empty..." on the list - if (window.MutationObserver) { - $('[data-label-msg]').filter('ul,table').each(function() { - var info = $('