Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • G g1
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 68
    • Issues 68
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 4
    • Merge requests 4
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Container Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • cto
  • g1
  • Issues
  • #5

Closed
Open
Created Jan 17, 2018 by S Anand@s.anandOwner3 of 3 tasks completed3/3 tasks

Update FormHandler Table

Setup:

  • Clone the repo: https://code.gramener.com/s.anand/g1 - formhandler branch

  • Run the repo: run Gramex on root and visit /test/test-formhandler.html

  • The output we want to create is at https://learn.gramener.com/guide/formhandler/flags?_format=table

  • The code for this output is at https://code.gramener.com/s.anand/gramex/blob/dev/gramex/apps/formhandler/formhandler.table.html

  • Change src/formhandler.js and src/formhandler.template.html to deliver the output's functionality

  • When changing the source, run npm run build to create the output

  • When a filter is applied by clicking on the table, display the applied filters on the top right. Use the same CSS style as formhandler table

    • Clicking on the applied filter should clear that filter and only that filter
    • Clicking on the little red cross at the end should clear all column filters (not _format or others)
  • Clicking on a column name should show a dropdown with:

    • Sort ascending: href="?_sort=<col-name>"
    • Sort descending: href="?_sort=-<col-name>"
    • Test filters: TBD
    • Format: TBD
    • Hide: href="?c=-<col-name>" data-mode="add" -- remove the column fully and show it in the applied filters section on the top right
  • Column formatting

Edited Jan 17, 2018 by Tejesh
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information
Assignee
Assign to
Time tracking