VsWidgetHistory

Компонента, що відображає зміни в обраній картці. Для роботи потрібно вказати ідентифікатор картки

Підключення

vue

<VsWidgetHistory id="2911171147699586620"></VsWidgetHistory>

hbs

{{{_vue "vs-widget-history" id="2911171147699586620"}}}

Component API

Behaviour

Name	Description	Type
id	Ідентифікатор користувача або картки/таблиці	String

Content

Name	Description	Type
historyList	Набір статичних даних для прикладу	Array

Приклади

      <template>
        <div>
           <VsWidgetHistory :history-list="dataList" ></VsWidgetHistory>
        </div>
      </template>
      <script>
        export default {
          data() {
            return {
                dataList:  [
                    {
                    operation_id: '3276309952469140884',
                    _type: 'UPDATE',
                    uid: '2845928119037068709',
                    cdate: '2024-01-09 07:50:03.465732',
                    changes: [
                        {
                        attr: 'geom',
                        old: '{"crs": {"type": "name", "properties": {"name": "EPSG:4326"}}, "type": "Point", "coordinates": [37.56823919075157, 47.08583467424887]}',
                        new: '{"crs": {"type": "name", "properties": {"name": "EPSG:4326"}}, "type": "Point", "coordinates": [37.568233826334136, 47.085814584711954]}',
                        title: 'Геометрія',
                        type: 'text',
                        },
                        {
                        attr: 'coord_x',
                        old: '37.5682391907516',
                        new: '37.5682338263341',
                        title: 'Координата X',
                        type: 'number',
                        },
                        {
                        attr: 'coord_y',
                        old: '47.0858346742489',
                        new: '47.085814584712',
                        title: 'Координата Y',
                        type: 'number',
                        },
                    ],
                    pk_id: '3276307557840323718',
                    username: 'Светлана Купянская',
                    },
                ],
            }
          }
        }
      </script>

      <template>
        <div>
           <VsWidgetHistory :history-list="dataList" ></VsWidgetHistory>
        </div>
      </template>
      <script>
        export default {
          data() {
            return {
                dataList:  [
                    {
                    operation_id: '3271952127949276642',
                    _type: 'UPDATE',
                    uid: '2845928119037068709',
                    cdate: '2024-01-03 07:31:50.329173',
                    changes: [
                        {
                        attr: 'preview',
                        old: '["/files/uploads/2024-01-02/c5648d71-416b-489a-9d03-5df7b2a23687.jpg"]',
                        new: '["/files/uploads/2024-01-02/c5648d71-416b-489a-9d03-5df7b2a23687.jpg", "/files/uploads/2024-01-03/620c5565-68c5-4729-af11-0e1c30ef3d11.jpg"]',
                        title: "Файл прев'ю",
                        type: 'text',
                        },
                    ],
                    pk_id: '3271317770783950331',
                    username: 'Светлана Купянская',
                    },
                ],
            }
          }
        }
      </script>