JSPM

@feedier/feedier-report-grid-system

1.0.3
    • ESM via JSPM
    • ES Module Entrypoint
    • Export Map
    • Keywords
    • License
    • Repository URL
    • TypeScript Types
    • README
    • Created
    • Published
    • Downloads 8
    • Score
      100M100P100Q55446F
    • License MIT

    <p align="center"> <img src="./docs/public/feedier-logo.svg" width="180" style="width: 120px;" /> </p>

    Package Exports

    • @feedier/feedier-report-grid-system
    • @feedier/feedier-report-grid-system/es
    • @feedier/feedier-report-grid-system/es/components/grid-item.vue
    • @feedier/feedier-report-grid-system/es/components/grid-item.vue.mjs
    • @feedier/feedier-report-grid-system/es/components/grid-item.vue2
    • @feedier/feedier-report-grid-system/es/components/grid-item.vue2.mjs
    • @feedier/feedier-report-grid-system/es/components/grid-layout.vue
    • @feedier/feedier-report-grid-system/es/components/grid-layout.vue.mjs
    • @feedier/feedier-report-grid-system/es/components/grid-layout.vue2
    • @feedier/feedier-report-grid-system/es/components/grid-layout.vue2.mjs
    • @feedier/feedier-report-grid-system/es/helpers/common
    • @feedier/feedier-report-grid-system/es/helpers/common.mjs
    • @feedier/feedier-report-grid-system/es/helpers/dom
    • @feedier/feedier-report-grid-system/es/helpers/dom.mjs
    • @feedier/feedier-report-grid-system/es/helpers/draggable
    • @feedier/feedier-report-grid-system/es/helpers/draggable.mjs
    • @feedier/feedier-report-grid-system/es/helpers/responsive
    • @feedier/feedier-report-grid-system/es/helpers/responsive.mjs
    • @feedier/feedier-report-grid-system/es/index
    • @feedier/feedier-report-grid-system/es/index.mjs
    • @feedier/feedier-report-grid-system/es/style.scss
    • @feedier/feedier-report-grid-system/es/style.scss.mjs
    • @feedier/feedier-report-grid-system/package.json

    Readme

    Feedier Report - Grid System

    What is Feedier Report Grid system?

    Based on Grid Layout Plus Grid Layout plus.

    The Feedier version implements more customizable elements to order grid elements and adds a debug mode to improve our Feedier report page.

    We limit elements to a predefined layout, to avoid grid extension and improve element switching.

    Features

    Default feature

    • Draggable widgets
    • Resizable widgets
    • Static widgets
    • Bounds checking for dragging and resizing
    • Widgets may be added or removed without rebuilding grid
    • Layout can be serialized and restored
    • Automatic RTL support
    • Responsive

    Feedier feature

    • Switching items between them

    Documentation

    Check out the online documentation here.

    How to run in dev

    cd dev-server

    npm i

    npm run serve

    Debug

    In src/style.scss line 22

    Uncomment .vgl-layout::before and :deep(.vgl-item:not(.vgl-item--placeholder)) to display the grid

    License

    All in MIT license.