ws admin

Library for automatic generation of administrative panels on the web.

Launch

To run the dev version:

npm start and npm run serve-production-proxy

For production build:

npm run build

The files of the assembled front will be saved in the build folder of the current project.

---

Operation logic

Using the interface, articles are created in an interactive editor. The editor has many options for working with text, images, etc.

After creating an article, it becomes possible to receive it via the API in the form of a JSON object.

Editor

The editor is a third party library called ckeditor5 with our add-ons on top. Editor plugins, as well as the editor itself and its config, are located in /src/primitives/Editor. Any option in the editor toolbar is a plugin, mostly those from the box are used, but there are also custom ones.

Editor configuration example:

 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}} "