graviton-plugin-sdk/Graviton-App/src/javascript/api/components/windows.js

Gravtion plugin Dev Kit

/*
########################################
              MIT License

Copyright (c) 2019 Marc Espin Sanz

License > https://github.com/Graviton-Code-Editor/Graviton-App/blob/master/LICENSE.md

#########################################
*/

// Creating a window, example:

/*

const my_window = new Window({
    id:'my_window1',
    content:'This is a very big window! '
})

my_window.launch(); //Open the window

my_window.close(); //Close the window

closeWindow('my_window1'); //Close the window by passing the id

*/


'use strict'

module.exports = {
  Window: function ({ id = Math.random(), content = "", onClose , height="85%", width="85%" }) {
    /**
       * @desc Window constructor
       * @param {string} id                   Unique ID for the window
       * @param {string} content                 Window's content
       * @param {function} onClose (optional) When the window is closed the passed function will be executed
       */
    if (typeof [...arguments] !== 'object') {
      graviton.throwError('Parsed argument is not object.')
      return
    }
    this.id = id
    this.code = content
    this.onClose = onClose == undefined ? '' : onClose
    const newWindow = document.createElement('div')
    newWindow.setAttribute('id', this.id + '_window')
    newWindow.innerHTML = `
      <div class="background_window" onclick="closeWindow('${
        this.id
      }'); ${this.onClose}"></div>
      <div id="${this.id + '_body'}" style="height:${height}; width:${width};" class="body_window">
          ${this.code}
      </div>`
    this.myWindow = newWindow
    this.launch = function () {
      document
        .getElementById('body')
        .setAttribute(
          'windows',
          Number(document.getElementById('body').getAttribute('windows')) + 1
        ) // Plus an opened screen
      document.body.appendChild(this.myWindow)
    }
    this.close = function () {
      document
        .getElementById('body')
        .setAttribute(
          'windows',
          Number(document.getElementById('body').getAttribute('windows')) - 1
        ) // Substract an opened screen
      document.getElementById(`${this.id}_window`).remove()
    }
  },
  /**
    * @desc Close a window by it's id
    * @param {string} id  Window's unique window
    */
  closeWindow: id => {
    document
      .getElementById('body')
      .setAttribute(
        'windows',
        Number(document.getElementById('body').getAttribute('windows')) - 1
      )
    document.getElementById(`${id}_window`).remove()
  }
}