koel/resources/assets/js/utils/common.js

/**
 * Other common methods.
 */
import select from 'select';
import { event } from '../utils'

/**
 * Load (display) a main panel (view).
 *
 * @param {String} view   The view, which can be found under components/main-wrapper/main-content.
 * @param {...*}      Extra data to attach to the view.
 */
export function loadMainView(view, ...args) {
  event.emit('main-content-view:load', view, ...args);
};

/**
 * Force reloading window regardless of "Confirm before reload" setting.
 * This is handy for certain cases, for example Last.fm connect/disconnect.
 */
export function forceReloadWindow() {
  window.onbeforeunload = function() {};
  window.location.reload();
};

/**
 * Load a playlist into the main panel.
 *
 * @param {Object} playlist The playlist object
 */
export function loadPlaylistView(playlist) {
  loadMainView('playlist', playlist);
};

/**
 * Load the Favorites view.
 */
export function loadFavoritesView() {
  loadMainView('favorites');
};

/**
 * Load an album into the main panel.
 *
 * @param  {Object} album The album object
 */
export function loadAlbumView(album) {
  loadMainView('album', album);
};

/**
 * Load an artist into the main panel.
 *
 * @param  {Object} artist The artist object
 */
export function loadArtistView(artist) {
  loadMainView('artist', artist);
};

/**
 * Show the overlay.
 *
 * @param  {String}  message
 * @param  {String}  type
 * @param  {Boolean} dismissable
 */
export function showOverlay(message = 'Just a little patience…', type = 'loading', dismissable = false) {
  event.emit('overlay:show', { message, type, dismissable });
};

/**
 * Hide the overlay.
 */
export function hideOverlay() {
  event.emit('overlay:hide');
};

/**
 * Copy a text into clipboard.
 *
 * @param  {string} txt
 */
export function copyText(txt) {
  const copyArea = document.querySelector('#copyArea');
  copyArea.style.top = (window.pageYOffset || document.documentElement.scrollTop) + 'px';
  copyArea.value = txt;
  select(copyArea);
  document.execCommand('copy');
};