mb7_apps/toolbox/page/FileManagerScreen.js

import {FsUtils} from "../lib/FsUtils";

class FileManagerScreen {
  FILE_ROW_TYPE = {
    type_id: 1,
    item_height: 64,
    item_bg_color: 0x222222,
    item_bg_radius: 12,
    text_view: [{
      x: 56,
      y: 0,
      w: 112,
      h: 64,
      key: "name",
      color: 0xffffff,
      text_size: 22
    }],
    text_view_count: 1,
    image_view: [{
      x: 16,
      y: 20,
      w: 24,
      h: 24,
      key: "icon"
    }],
    image_view_count: 1
  }

  path = "/storage/js_apps";
  editPath = null;
  content = [];
  rows = [];

  constructor() {
    this.path = FsUtils.getSelfPath();

    const lastPath = hmFS.SysProGetChars("mmk_tb_lastpath");
    if(!!lastPath) this.path = lastPath;
  }

  finish() {
    hmSetting.setBrightScreenCancel();
  }

  start() {
    hmSetting.setBrightScreen(1800);

    this.viewPath = hmUI.createWidget(hmUI.widget.TEXT, {
      x: 48,
      y: 0,
      w: 96,
      h: 64,
      align_h: hmUI.align.CENTER_H,
      align_v: hmUI.align.CENTER_V,
      text: "",
      color: 0xffffff
    });

    this.viewFiles = hmUI.createWidget(hmUI.widget.SCROLL_LIST, {
      x: 12,
      y: 64,
      w: 192-24,
      h: 362,
      item_space: 12,
      item_config: [this.FILE_ROW_TYPE],
      item_config_count: 1,
      item_click_func: (_, i) => this.onRowClick(i),
      data_type_config: [],
      data_type_config_count: 0,
      data_array: [],
      data_count: 0
    });

    hmUI.createWidget(hmUI.widget.BUTTON, {
      x: 0,
      y: 426,
      w: 192,
      h: 64,
      text: "...",
      click_func: () => this.modify(this.path)
    });

    // Run
    this.applyPath(this.path);
  }

  modify(path) {
    hmApp.gotoPage({
      url: "page/FileEditScreen",
      param: path
    })
  }

  applyPath(path) {
    this.path = path;
    this.refresh();
    hmFS.SysProSetChars("mmk_tb_lastpath", path);
  }

  isFolder(path) {
      const [st, e] = FsUtils.stat(path);
      if(st == null) return true; // force for unavailables
      return (st.mode & 32768) == 0;
  }

  refresh() {
    const [dirContent, e] = hmFS.readdir(this.path);
    console.log("refr", this.path);

    let folders = [],
      files = [];

    if (this.path !== "/storage") {
      folders.push({name: "..", icon: "files/folder.png"});
    }

    for(let fn of dirContent) {
      if(this.isFolder(this.path + "/" + fn)) {
        folders.push({
          name: fn,
          icon: "files/folder.png"
        });
        continue;
      }

      let icon = "files/file.png";
      if(fn.endsWith(".png")) {
        icon = "files/file_img.png";
      } else if(fn.endsWith('.js') || fn.endsWith(".json")) {
        icon = "files/file_code.png";
      }

      files.push({
        name: fn,
        icon
      });
    }

    this.contents = [...folders, ...files];
    this.viewPath.setProperty(hmUI.prop.TEXT, this.path);

    this.viewFiles.setProperty(hmUI.prop.UPDATE_DATA, {
      data_type_config: [{
        start: 0,
        end: this.contents.length-1,
        type_id: 1,
      }],
      data_type_config_count: 1,
      data_count: this.contents.length,
      data_array: this.contents,
      on_page: 1
    })
  }

  onRowClick(i) {
    if(!this.contents[i]) return;
    let val = this.contents[i].name;

    let path = this.path + "/" + val;
    if (val == "..") {
      path = this.path.substring(0, this.path.lastIndexOf("/"));
    }

    if (this.isFolder(path)) {
      // Directory
      console.log("newpath", path);
      this.applyPath(path);
    } else {
      this.modify(path);
    }
  }
}


let screen;
let __$$app$$__ = __$$hmAppManager$$__.currentApp;
let __$$module$$__ = __$$app$$__.current;
__$$module$$__.module = DeviceRuntimeCore.Page({
  onInit(p) {
    screen = new FileManagerScreen();
    screen.start();
  },
  onDestroy: () => {
    screen.finish();
  }
});