ws admin

Biblioteca para generación automática de paneles administrativos en la web.

Lanzamiento

Para ejecutar la versión de desarrollo:

npm start y npm run serve-production-proxy

Para construcción de producción:

npm run build

Los archivos del frente ensamblado se guardarán en la carpeta build del proyecto actual.

---

Lógica de operación

Utilizando la interfaz, los artículos se crean en un editor interactivo. El editor tiene muchas opciones para trabajar con texto, imágenes, etc.

Después de crear un artículo, es posible recibirlo a través de la API en forma de objeto JSON.

Editor

El editor es una biblioteca de terceros llamada ckeditor5 con nuestros complementos encima. Los complementos del editor, así como el propio editor y su configuración, se encuentran en /src/primitives/Editor. Cualquier opción en la barra de herramientas del editor es un complemento, principalmente se utilizan los del cuadro, pero también los hay personalizados.

Ejemplo de configuración del editor:

 title : Тестирование административной панели WS
roles :
- admin
- guest
- user
- content-manager
permissions :
  allow :
  - " * "
  deny :
  - guest
sideMenu :
  dataSource :
    type : list
    options :
      data :
      - title : Список
        code : testList
        permissions :
          allow :
          - " * "
          deny :
          - guest
        to : " /list "
      - title : Вложенность
        code : inDeep
        permissions :
          allow :
          - " * "
          deny :
          - guest
        to : " /deep "
      - title : Детальная страница
        code : detail
        permissions :
          allow :
          - admin
          deny :
          - " * "
        to : " /detail/1 "
screens :
- pageUrl : " /deep "
  title : Тестирование блоков
  blocks :
  - name : TestBlock1
    type : TestBlock
    dataSource :
      type : list
      options :
        data : test.name
    blocks :
    - name : TestBlock2
      type : TestBlock
      blocks : []
      actions :
        inc :
          type : redirect
          options :
            url : " /user/{{login}} "
      dataSource :
        type : list
        options :
          data : получилось???
        context1 : test.name
- pageUrl : " /list "
  title : Тестирование административной панели WS
  blocks :
  - type : List
    permissions :
      allow :
      - " * "
      deny :
      - guest
    dataSource :
      type : list
      options :
        data :
          columns :
          - title : Name
            field : name
          - title : Surname
            field : surname
          - title : Birth Year
            field : birthYear
            type : numeric
          - title : Birth Place
            field : birthCity
            lookup :
              ' 34 ' : İstanbul
              ' 63 ' : Şanlıurfa
          data :
          - id : ' 11141 '
            name : Mehmet
            surname : Baran
            birthYear : 1987
            birthCity : 63
          - name : Zerya Betül
            surname : Baran
            birthYear : 2017
            birthCity : 34
    actions :
      view :
        type : redirect
        options :
          url : " /user/{{login}} "
      delete :
        permissions :
          allow :
          - admin
          deny :
          - " * "
        type : api:request
        options :
          url : " /api/admin/user/delete "
          method : delete
          params :
            id : " {{id}} "
      create :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : api:request
        options :
          url : " /api/admin/user/create "
          method : post
          params :
            id : " {{name}} "
      update :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : redirect
        options :
          url : admin/user/update/{{id}}
    config :
      pagination :
        countOnPage : 20
- pageUrl : " /detail/:pageId "
  title : Детальная страница пользователя
  blocks :
  - type : DetailView
    dataSource :
      type : api
      options :
        url : " /api/admin/user/{{pageId}} "
      context : screen.user
    actions :
      delete :
        permissions :
          allow :
          - admin
          deny :
          - " * "
        type : api:request
        options :
          url : " /api/admin/user/delete "
          method : get
          params :
            id : " {{screen.user.id}} "
      update :
        permissions :
          allow :
          - " * "
          deny :
          - guest
        type : api:request
        options :
          url : " /api/admin/user/update "
          method : post
          params :
            id : " {{id}} "
    config :
      fields :
      - title : ' ФИО: '
        type : Input
        config :
          validations :
          - text
          - length > 3
        value : " {{screen.user.name}} "
      - title : ' ФИО1: '
        type : Input
        config :
          validations :
          - text
          - length > 3
        value : " {{name2}} "
      - title : ' Изображение профиля: '
        type : ImageViewer
        config :
          multiFiles : false
          validations :
          - type:jpg,png
          - sizeLessThen:10mb
        value : https://jssors8.azureedge.net/demos/image-slider/img/faded-monaco-scenery-evening-dark-picjumbo-com-image.jpg
      - title : ' Приглашен пользователем: '
        type : Dropdown
        value : " {{isInvitedBy}} "
        dataSource :
          alias : dpAllUsers
          type : api
          options :
            url : " /api/admin/users "
        config :
          suggests :
            dataSource :
              type : list
              options :
                data : " {{dpAllUsers}} "