layerpro 0.0.63 → 0.0.66

package/scripts/message.jsx

@@ -1,280 +0,0 @@
-/*
-Copyright: © 2022 Dario Passariello <dariopassariello@gmail.com>
-License: MIT
-*/
-
-/*****************************************************************************************/
-// ALERT
-
-layerpro.alert = (txt) => {
-
-  const pUp = layerpro.popup.open({
-    id: "__alert",
-    body: "",
-    source: "",
-    width: 380,
-    height: 220,
-    name: "Warning",
-    icon: "&#9888;",
-    iconize: false,
-    maximize: false,
-    close: true,
-    isMaximize: false,
-    dockable: false,
-    raised: true,
-    movable: true,
-    resizable: false,
-    store: false,
-    top: "",
-    left: "",
-    right: "",
-    bottom: "",
-    fadeIn: "",
-    fadeOut: "",
-    minWidth: "",
-    minHeight: "",
-  })
-
-  let view = ""
-  view += "<div class='popup_prompt'>"
-  view += '<div class="popup_message_body">'
-  view += '<center>'
-  view += txt
-  view += "</center>"
-  view += '</div>'
-  view += '<button id="a_' + pUp.id + '" type="button">CLOSE</button>'
-
-  $('.popup_body_' + pUp.id)
-    .html(view)
-
-  $('#a_' + pUp.id)
-    .css('width', '100%')
-    .on('click', function (e) { layerpro.popup.close(pUp) })
-
-  return false
-}
-
-/*****************************************************************************************/
-// MESSAGE
-
-layerpro.message = (txt) => {
-
-  let pUp = layerpro.popup.open({
-    id: "__message",
-    body: "",
-    width: 380,
-    height: 220,
-    name: 'Message',
-    source: "",
-    icon: "&#9965;",
-    iconize: false,
-    maximize: false,
-    close: true,
-    isMaximize: false,
-    dockable: false,
-    raised: true,
-    movable: true,
-    resizable: false,
-    store: false,
-    top: "",
-    left: "",
-    right: "",
-    bottom: "",
-    fadeIn: "",
-    fadeOut: "",
-    minWidth: "",
-    minHeight: "",
-  })
-
-  let view = ""
-  view += "<div class='popup_prompt'>"
-  view += '<div class="popup_message_body">'
-  view += '<center>'
-  view += txt
-  view += "</center>"
-  view += '</div>'
-  view += '<button id="a_' + pUp.id + '" type="button">CLOSE</button>'
-
-  $('.popup_body_' + pUp.id)
-    .html(view)
-
-  $('#a_' + pUp.id)
-    .css('width', '100%')
-    .on('click', function () { layerpro.popup.close(pUp) })
-
-  return false
-}
-
-/*****************************************************************************************/
-// CONFIRM
-
-layerpro.confirm = (txt, function_, noFunction) => {
-
-  if ($('.confirm').length === 0) {
-
-    let pUp = layerpro.popup.open({
-      id: "__confirm",
-      body: "",
-      source: "",
-      width: 380,
-      height: 220,
-      name: 'Confirm',
-      icon: "&#9745;",
-      iconize: false,
-      maximize: false,
-      close: true,
-      isMaximize: false,
-      dockable: false,
-      raised: true,
-      movable: true,
-      resizable: false,
-      store: false,
-      top: "",
-      left: "",
-      right: "",
-      bottom: "",
-      fadeIn: "",
-      fadeOut: "",
-      minWidth: "",
-      minHeight: "",
-    })
-
-    let view = ""
-    view += "<div class='popup_prompt'>"
-    view += '<div class="popup_message_body">'
-    view += '<center>'
-    view += txt
-    view += "</center>"
-    view += '</div>'
-    view += '<button id="a_' + pUp.id + '" type="button">CONFIRM</button>'
-    view += '<button id="b_' + pUp.id + '" type="button">CANCEL</button>'
-
-    $('.popup_body_' + pUp.id)
-      .html(view)
-
-    $('#a_' + pUp.id).on('click', function () {
-      if (function_) { function_() }
-      layerpro.popup.close(pUp)
-    })
-
-    $('#b_' + pUp.id).on('click', function () {
-      if (noFunction) { noFunction() }
-      layerpro.popup.close(pUp)
-    })
-
-  }
-
-  return false
-}
-
-/*****************************************************************************************/
-// PROMPT
-
-layerpro.prompt = (txt, value) => {
-
-  // txt = JSON.stringify( txt );
-  // value = JSON.stringify( value ) || "_prompt";
-  value = value || "_prompt"
-
-  let pUp = layerpro.popup.open({
-    id: "__prompt",
-    body: "",
-    source: "",
-    width: 380,
-    height: 220,
-    name: 'Prompt',
-    icon: "&#9998;",
-    iconize: false,
-    maximize: false,
-    close: true,
-    isMaximize: false,
-    dockable: false,
-    raised: true,
-    movable: true,
-    resizable: false,
-    store: false,
-    top: "",
-    left: "",
-    right: "",
-    bottom: "",
-    fadeIn: "",
-    fadeOut: "",
-    minWidth: "",
-    minHeight: "",
-  })
-
-  let view = ""
-  view += "<div class='popup_prompt'>"
-  view += '<div class="popup_message_body">'
-  view += '<center>'
-  view += txt
-  view += "</center>"
-  view += '</div>'
-  view += '<input id="input_' + pUp.id + '" type="text" placeholder="write here" /><br/>'
-  view += '<button id="a_' + pUp.id + '" type="button">OK</button>'
-  view += '<button id="b_' + pUp.id + '" type="button">CANCEL</button>'
-  view += "</div>"
-
-  $('.popup_body_' + pUp.id)
-    .html(view)
-
-  $('#input_' + pUp.id)
-    .on('focus', function () { $(this).attr('placeholder', "") })
-    .on('blur', function () { $(this).attr('placeholder', "write here") })
-
-  $('#a_' + pUp.id).on('click', function (e) {
-
-    if ($('#input_' + pUp.id).val() > '') {
-
-      // localStorage.setItem( value , JSON.stringify( $('#input_' + pUp.id).val() ) );
-      // layerpro.popup.close( pUp );
-
-      layerpro.popup.close(pUp)
-      return JSON.stringify($('#input_' + pUp.id).val())
-
-    } else {
-      alert(`input can't be empty!`)
-    }
-
-  })
-
-  $('#b_' + pUp.id).on('click', function (e) {
-    layerpro.popup.close(pUp)
-  })
-
-  return false
-}
-
-
-/********************************************************** */
-
-export const CustomMessage = () => {
-
-  // MESSAGE
-  // ***********************************************************************
-  window.message = (txt) => {
-    layerpro.message(txt)
-  }
-
-  // ALERT
-  // ***********************************************************************
-  window.alert = (txt) => {
-    layerpro.alert(txt)
-  }
-
-  // CONFIRM
-  // ***********************************************************************
-  window.confirm = (txt, function_, noFunction) => {
-    layerpro.confirm(txt, function_, noFunction)
-  }
-
-  // PROMPT
-  // ***********************************************************************
-  window.prompt = (txt, function_, event) => {
-    layerpro.prompt(txt, function_, event)
-  }
-
-}
-
-CustomMessage()
-

package/scripts/mouseCoords.jsx

@@ -1,45 +0,0 @@
-/*
-Copyright: © 2022 Dario Passariello <dariopassariello@gmail.com>
-License: MIT
-*/
-
-export const mouseCoord = function (e) {
-
-  let mClientX = e.clientX
-  let mClientY = e.clientY
-  let mScreenX = e.screenX
-  let mScreenY = e.screenY
-
-  return [mClientX, mClientY, mScreenX, mScreenY]
-
-}
-
-/*****************************************************************************************/
-
-let xDirection = ""
-let yDirection = ""
-let oldX = 0
-let oldY = 0
-
-export const getMouseDirection = function (e) {
-
-  xDirection = oldX < e.pageX ? 1 : 0
-
-  yDirection = oldY < e.pageY ? "down" : "up"
-
-  oldX = e.pageX
-  oldY = e.pageY
-
-  //console.log(xDirection)
-
-  return xDirection
-
-}
-
-//document.querySelector( "body" ).addEventListener( "mousemove" , getMouseDirection, false );
-
-
-
-
-
-