Giter Site home page Giter Site logo

viewlib's Introduction

Эта страница на English

IONDV. Viewlib

Viewlib - is an IONDV. Framework module. It allows you to apply additional functionality to system objects, expanding the capabilities of applications implemented on IONDV.Framework.

IONDV. Framework in brief

IONDV. Framework - is a node.js open source framework for developing accounting applications or microservices based on metadata and individual modules. Framework is a part of instrumental digital platform to create enterprise (ERP) apps. This platform consists of the following open-source components: the IONDV. Framework, the modules и ready-made applications expanding it functionality, visual development environment Studio to create metadata for the app.

Description

IONDV. Viewlib - is an additional application that contains a library with templates that allow you to display the attributes of the main application in various representations. IONDV. Viewlib is used only as an addition to the main application implemented on IONDV. Framework

To apply the functionality of the application, you must specify the template name of the IONDV. Viewlib. Set the link to the attribute on the view form.

Module features

  • Отображение атрибута типа "Файл" на форме объекта системы в виде коллекции.
  • Представление атрибута типа "Файл" на форме как ресурса для совместного использования.
  • Отображение атрибута типа "Целое" в виде динамической шкалы числовых значений.
  • Представление атрибута типа "Коллекция" в виде комментария.

Connecting IONDV. Viewlib

Для применения функционала приложения IONDV. Viewlib необходимо клонировать его в папку applications, рядом с основным приложением для объектов которого будет настраиваться функционал. Клонируем приложение в папку назначения командой:

git clone https://github.com/iondv/viewlib.git

Далее, в мете представления, для атрибута нужно указать наименование шаблона в свойстве "options":

"options": {
    "template": "name"
}

Description of module features:

Представление атрибута типа "Коллекция" в виде комментария

Для обмена сообщениями между пользователями на форме объекта системы есть возможность подключить шаблон "comments". Шаблон доступен только для атрибута с типом "Коллекция" на форме представления. Основой атрибута с представлением "Комментарий" будут атрибуты из класса, указанного в свойстве "itemsClass". Подробнее об атрибуте типа "Коллекция".

Подключение шаблона "comments":

"options": {
    "template": "comments",
    "comments": {
        "textProperty": "descript",
        "userProperty": "owner",
        "parentProperty": "answlink",
        "photoProperty": "owner_ref.foto.link",
        "dateProperty": "date"
    }
}
  • "descript" - атрибут класса, указанного для свойства "itemsClass", который содержит текст комментария пользователя.
  • "owner" - атрибут класса, указанного для свойства "itemsClass", который содержит данные о пользователе, создавшем комментарий.
  • "answlink" - атрибут класса, указанного для свойства "itemsClass", который содержит ответы на комментарий (обратная ссылка). Указаны в иерархическом порядке от комментария.
  • "owner_ref.foto.link" - атрибут класса, указанного для свойства "itemsClass", который содержит фото пользователя.
  • "date" - атрибут класса, указанного для свойства "itemsClass", который содержит дату отправки комментария.

Представление атрибута типа "Файл" в виде коллекции

При добавлении файлов на форму объекта системы - они отображаются в таблице, колонки которой являются атрибутами класса, указанного в свойстве "itemsClass" и предоставляют информацию о файле.

Подключение шаблона "file-collection":

"options": {
    "template": "file-collection",
    "map": {
        "file": "file",
        "fileName": "name"
    },
    "maxSize": 20971520,
    "share": true
}

"file" "name" "maxSize" - максимальное значение "share" - логическое значение, отображающее возможность совместного использования файла.

  • "file" - атрибут класса, указанного для свойства "itemsClass", который содержит ссылку на класс файлов.
  • "name" - атрибут класса, указанного для свойства "itemsClass", который содержит наименование добавленного файла.
  • "maxSize" - максимальный размер добавляемых файлов (Мб).
  • "share" - логическое значение, отображающее возможность совместного использования файла.

Представление атрибута типа "Целое" в виде динамической шкалы числовых значений

Одним из способов задать числовое значение для атрибута на форме является применение шкалы числовых значений с бегунком. Для настройки представления атрибута типа "Целое" в виде такой шкалы необходимо применить шаблон "slider".

Подключение шаблона "slider":

"options": {
    "template": "slider",
    "slider": {
        "min": 0,
        "size": 250,
        "value": 0,
        "max": 100,
        "step": 5,
        "vertical": false,
        "popup": "Текущее значение: #value#",
        "skin": "material"
    }
}
  • "min" - минимальное числовое значение на шкале.
  • "size": - размер шкалы, стандарное значение 250.
  • "value" - значение по умолчанию на шкале.
  • "max" - максимальное числовое значение на шкале.
  • "step" - шаг между числовыми значениями на шкале при передвижении бегунка.
  • "vertical" - логическое значение, указывающее на вертикальное расположение шкалы.
  • "popup" - текст, отображаемый при наведении на бегунок, где #value# - текущее значение атрибута.
  • "skin": - тема, по умолчанию значение "material".

iondv metrics

Copyright (c) 2018 LLC "ION DV".
All rights reserved.

viewlib's People

Contributors

akumidv avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.