lowcode-data-app/gui/gui-marketplace.js

LowCode App Environment

/* LOWCODE-DATA-APP / copyright 2024 by ma-ha https://github.com/ma-ha  /  MIT License */

const gui     = require( 'easy-web-app' )
const log     = require( '../helper/log' ).logger
const dta     = require( '../persistence/app-dta' )

exports: module.exports = {
  init
}

let cfg = {}

async function init( appCfg ) {
  cfg = appCfg
  await initMarketPage()
  initDetailsPages()
  initAppImportPage()
  setInterval( loadMarketStandards, 600000 )
}


let stdOpts = [ { option: '*', value: '*' } ] 

async function loadMarketStandards() {
  if ( cfg.MARKETPLACE_SERVER ){
    log.info( 'loadMarketStandards... ' )
    let standards = {}
      let dbSM = await dta.getStateModelMap( cfg.MARKETPLACE_SCOPE )
    for ( let sm in dbSM ) {
      if ( dbSM[ sm ] && dbSM[ sm ].standard && dbSM[ sm ].standard != '' ) {
        standards[ dbSM[ sm ].standard.trim() ] = ''
      }
    }
    let dbApps = await dta.getAppList( cfg.MARKETPLACE_SCOPE, [], 'marketplace' )
    for ( let app in dbApps ) {
      if ( dbApps[ app ] && dbApps[ app ].standard && dbApps[ app ].standard != '' ) {
        standards[ dbApps[ app ].standard.trim() ] = ''
      }
    }
  
    stdOpts = [ { option: '*', value: '*' } ] 
    for ( let std in standards ) {
      stdOpts.push({ option: std, value: std })
    }  
  } else {
    stdOpts = [ 
      { option: '*', value: '*' },
      { option: 'TM Forum', value: 'TM Forum' } 
    ] 
  }
  log.info( 'loadMarketStandards',stdOpts )
}

async function initMarketPage() {
  let marketPage = gui.addPage( 'Marketplace' ) 
  marketPage.title    = 'App Marketplace'
  marketPage.navLabel = 'Marketplace'
  marketPage.setPageWidth( '90%' )

  await loadMarketStandards()

  marketPage.addView({ 
    id: 'AppMarketplace', title: 'App Marketplace',  height: '760px', 
    type: 'pong-list', resourceURL: 'market',
    moduleConfig : {
      rowId: 'id',
      filter: {
        dataReqParams : [
          { id: 'name', label: 'Name' },
          { id: 'standard', label: 'Standard', type: 'select', options: stdOpts },
          { id: 'type', label: 'Type', type: 'select',
            options: [ { option: '*', value: '*' }, { option: 'App', value: 'App' }, { option: 'State Model', value: 'StateModel' } ] },
        ],
        dataReqParamsSrc : 'Form'
      },
      divs: [
        {
          id: 'XApp',
          cellType: 'div',
          divs: [
            {
              id: 'img',
              cellType: 'text',
              nozoom: true 
            },
            // {
            //   id: 'id',
            //   cellType: 'text'
            // },
            {
              id: 'standard',
              cellType: 'text'
            },
            {
              id: 'title',
              cellType: 'text'
            },
            {
              id: 'XBy',
              cellType: 'div',
              divs: [
                {
                  id: 'XBy1',
                  cellType: 'div',
                  divs: [
                    {
                      id:'lBy',
                      cellType: 'label',
                      label: 'by'
                    },
                    {
                      id: 'author',
                      cellType: 'text'
                    }
                  ]
                }
              ]
            }
          ]
        }
      ]
    }
  })

  log.info( ' cfg.MARKETPLACE_HOWTO_CONTRIBUTE' , cfg.MARKETPLACE_HOWTO_CONTRIBUTE )
  if ( cfg.MARKETPLACE_HOWTO_CONTRIBUTE ) {
    marketPage.addView({ 
      id: 'AppMarketHowToPublish', title: 'How can I contribute?',  height: '56px', 
      resourceURL: 'market/howto'
    })
  }

}


function initDetailsPages() {
  let marketAppPage = gui.addPage( 'MarketAppDetails-nonav' ) 
  marketAppPage.title    = 'App Marketplace'
  marketAppPage.setPageWidth( '90%' )
  marketAppPage.addView({ 
    id: 'MarketplaceApp', title: 'App Marketplace', height: '760px',
    resourceURL: 'market'
  })

  let marketSmPage = gui.addPage( 'MarketStateModelDetails-nonav' ) 
  marketSmPage.title    = 'App Marketplace'
  marketSmPage.setPageWidth( '90%' )
  marketSmPage.addView({ 
    id: 'MarketplaceSm', title: 'App Marketplace', height: '150px',
    resourceURL: 'market'
  })
  marketSmPage.addView({ 
    id: 'MarketplaceSmDiagram', title: 'State Model', height: '650px',
    type : 'statemodel', resourceURL: 'market/state-model/diagram',
  })

}


function initAppImportPage() {
  let importPage = gui.addPage( 'MarketImport-nonav' ) 
  importPage.title    = 'LCA Import'
  importPage.setPageWidth( '90%' )
  importPage.addView({
    rowId: "ImportLog", title: "Import Output", height: '760px',
    resourceURL: "market/import",
  })
}