Lisa-webadmin is an open source single-page applications (SPA) build with Vue.js and Vuetify components, to allow configuration of LISA – Interactive Information for a Smart City using a responsive web design. It provides the functionality to edit tables in an ArcGIS Online or Portal for ArcGIS secure web map, where the lisa configuration is stored.

It may be used as a custom-widget to edit tables in the Web AppBuilder, since the edit tables functionality is (still) not support.

• User authentication with OAuth 2.0
• Display all secured web map tables in a drop-down list
• Display table items in a vuetify data table component
• Provide CRUD operations using dialog component
• Esri attachments are supported
• Required value and length validations on input
• Supported field types:
  • esriFieldTypeString
  • esriFieldTypeDate
  • esriFieldTypeInteger
  • coded Values for domain fields
  • relation one-to-many
• Lisa startpage support

For more information please contact: [email protected]

• Installation of Visual Studio Code
• Installation of Node.js
• Installation of vue CLI 3
• Installation of ArcGIS REST JS for Node.js

1. Clone the Repository
2. Start Visual Studio Code and open the folder with the source code
3. Type npm install to install the dependencies in the local node_modules folder
4. Type npm run serve in the console to start the application in development mode
5. Build a web package for production by typing npm run build in the console

The application expects a secure web map id and the client id of registered ArcGIS Online application. The redirect-url must match with the domain used to run the LISA Webadmin (e.g. https://geocom.ch/lisawebadmin).

Client id can be obtained by registering an application in ArcGIS Online

If the provided client id is not valid, an "invalid client_id error 400" is returned from the OAUth2 service.

If the provided client id and secure web map id are valid, the user will be redirected to the Esri OAuth service.

After a successfully authentication, a dropdown list with all web map tables is displayed.

After the user has selected a table in the dropdown, the items are loaded and displayed in a datatable.

The user is now able to modify the items.

Currently none.