source: branches/testa/js/main.js @ 107

let Globalx = {};
let GlobalxInitValue = {
    editor: null,
    key_indicate_file: false,
    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

    tab_init()
    topmenu_init()
    Globalx.remotex = new Remotex('php/content.php')
}

function menu_action(part, item_name , up_flag = false) {
    //console.log("menu_action 1")
    Globalx[part].sidemenu.menu_action(item_name , up_flag)
    //console.log("menu_action 2")
}

function main() {
    init_globalx_storagex()

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

    Globalx.parts.map( ( part ) => {
        set_globalx_editor(part)
        Globalx[ part ].bookmarkmenu = new BookmarkMenu( Globalx.num, part )
        Globalx[ part ].sidemenu = new SideMenu( Globalx.num, part )
        Globalx[ part ].sidemenu.setup(`#${part}-side`)
        Globalx[ part ].bookmarkmenu.set_click_handler()
        Globalx[ part ].bookmarkmenu.rebuild_bookmark_menu(part)

        $( Globalx[ part ].download_sel ).on('click', {num: Globalx.num, part: part}, handleDownload)
        $( Globalx[ part ].textarea_sel ).val("");
    } )
/*
    Globalx.parts.map( (part) => {
        Globalx[ part ].sidemenu.setup(`#${part}-side`)
        Globalx[ part ].bookmarkmenu.rebuild_bookmark_menu(part)

        $( Globalx[part].download_sel ).on('click', {num: Globalx.num, part: part}, handleDownload)
        $( Globalx[part].textarea_sel ).val("");
    }
  */  
    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 ) } )
    }

    let part = "data"
    $( '#bookmark_displayname' ).prop( 'maxlength' , Globalx.bookmark_displayname_max_length)
    $('#bookmarkDlg').dialog({
        autoOpen: false,
        modal: true,
        buttons: {
            "OK": function() {
                part = Globalx.parts[ Globalx.index ]
                path = $( '#bookmark_path' ).val()
                displayname = $( '#bookmark_displayname' ).val()
                register_bookmark_( part , path, displayname )
                $(this).dialog("close")},
            "Cancel": function() {
                bookmark_cb.prop('checked', false)
                $(this).dialog("close")
            }
        }
    }) 
}


function set_globalx_editor(part) {
      Globalx[part] = {
          editor_id: `${part}-editor`,
          editor: null,
          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,
          key: '/',
          key_sel: `#${part}-filelist_key`,
          download_sel: `#${part}-down-download`
      }
      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}`
      Globalx[part].bookmark_mgr = new BookmarkMgr( Globalx.bookmark_displayname_max_length )
}

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 );
      Globalx[part].textarea = textarea;
      editor.getSession().on("change", function () {
          Globalx[part].textarea.val(editor.getSession().getValue());
      });
}