source: branches/testa-single-bookmark/js/main.js @ 40

let Globalx = {};
const GlobalxItems = ["output_url"]
const GlobalxInitValue = {
    editor: null,
    key_indicate_file: false,
    key: '/'
};
const GlobalxInitValueItems = ["editor", "key_indicate_file", "key"]

function init_globalx_storagex() {
    Globalx.storagex = new Storagex();
}

function init_globalx() {
    Globalx.num = 0
    Globalx.index = 0
    Globalx.parts = ["data", "output", "setting"]
    Globalx.bookmark_displayname_max_length = 18
    Globalx.output_url = null

    tab_init()
    topmenu_init()
    Globalx.remotex = new Remotex('php/content.php')
    console.log( "init_globalx 1 : Globalx.bookmark_mgr="  + Globalx.bookmark_mgr )
    if( Globalx.bookmark_mgr === null || Globalx.bookmark_mgr === undefined ){
        Globalx.bookmark_mgr = new BookmarkMgr(Globalx.bookmark_displayname_max_length, Globalx.parts)
    }
    console.log( "init_globalx 2 : Globalx.bookmark_mgr="  + Globalx.bookmark_mgr )
    Globalx.bookmarkmenu = null
}

async function get_output_url_async( func ){
    let realData = Globalx.storagex.get_output_url()

    if( realData === undefined || realData === null ){
        await Globalx.remotex.get_output_url( func )
    }
    else{
        const obj = Globalx.storagex.get_output_url( num , part )
        Globalx.output_url = obj.output_url
        Globalx.storagex.save_as_info_from_globalx()
    }
} 

async function setup(){
    get_output_url_async( (text) => {
        let str = text
        let obj
        if( str.match( /{.*}/ ) === null ){
            obj = {}
        }
        else {
            obj = JSON.parse( str )
        }
        Globalx.storagex.change_cache( obj, this.num , this.part )
    } )
}


function main() {
    init_globalx_storagex()

    let need_to_save = Globalx.storagex.restore_globalx_from_info()
    init_globalx()
    setup()

    console.log("##### Globalx.bookmarkmenu=" + Globalx.bookmarkmenu)
    console.log("##### Globalx.bookmark_mgr=" + Globalx.bookmark_mgr)
    Globalx.bookmarkmenu = new BookmarkMenu( Globalx.bookmark_displayname_max_length , Globalx.bookmark_mgr )
    Globalx.bookmarkmenu.dlg()

    Globalx.parts.map( ( part ) => {
        set_globalx_editor(part)

        Globalx[ part ].sidemenu = new SideMenu( Globalx.num, part )
        Globalx[ part ].sidemenu.setup(`#${part}-side`)

        $( Globalx[ part ].download_sel ).on('click', {num: Globalx.num, part: part}, handleDownload)
        $( Globalx[ part ].textarea_sel ).val("");
        Globalx.bookmarkmenu.rebuild_bookmark_menu(part)
        Globalx.bookmarkmenu.set_click_handler(part)
    } )

    if( need_to_save ){
        // LocalStorageにまだ保存していない場合、ここで保存しておく
        //console.log("call save_as_info_from_globalx()")
        Globalx.storagex.save_as_info_from_globalx( (data) => { console.log( "data=" + data ) } )
    }
/*
    Object.keys(Globalx).forEach((key) => {
        console.log(key)
    }) */
}


function set_globalx_editor(part) {
      Globalx[part] = {
          editor_id: `${part}-editor`,
          editor: null, /* variable */
          textarea_sel: `textarea[name=${part}-editor-t`,
/**/
          menu_id: `${part}-menu2`,
          bookmark_id: `${part}-bookmark`,
          bookmark_op_id: `${part}-bookmark_op`,
          item_name: "",
/**/
          bookmarks: [], 
          key_indicate_file: false, /* variable */
          key: '/', 
          key_sel: `#${part}-filelist_key`,
          download_sel: `#${part}-down-download`,
          download_url_sel: `#${part}-down-url`,
          download_partial_url_sel: `#${part}-partial-down-url`
      }
      editor_config(part);

      Globalx[part].menu_sel = `#${Globalx[part].menu_id}`
      Globalx[part].bookmark_sel = `#${Globalx[part].bookmark_id}`
      Globalx[part].bookmark_op_sel = `#${Globalx[part].bookmark_op_id}`
}

function editor_config(part) {
      let editor = ace.edit( Globalx[part].editor_id )
      editor.setTheme("ace/theme/monokai");
      editor.setFontSize(14);
      editor.getSession().setMode("ace/mode/markdown");
      editor.getSession().setUseWrapMode(true);
      editor.getSession().setTabSize(2);
      Globalx[part].editor = editor;

      let textarea = $( Globalx[part].textarea_sel )
      editor.getSession().on("change", (textarea) => {
          textarea.val(editor.getSession().getValue());
      });
}