Skip to content
Snippets Groups Projects
Select Git revision
  • 82f58077ae16363ea9ee650936eb053df4cda712
  • main default protected
  • renovate/lock-file-maintenance
  • demo protected
  • person-select-custom
  • dbp-translation-component
  • icon-set-mapping
  • port-i18next-parser
  • remove-sentry
  • favorites-and-recent-files
  • revert-6c632dc6
  • lit2
  • advertisement
  • wc-part
  • automagic
  • publish
  • wip-cleanup
  • demo-file-handling
18 results

toolkit

  • Clone with SSH
  • Clone with HTTPS
  • Person Select Web Component

    GitLab Repository

    Usage

    <vpu-person-select></vpu-person-select>

    Attributes

    • lang (optional, default: de): set to de or en for German or English
      • example <vpu-person-select lang="de"></vpu-person-select>
    • entry-point-url (optional, default is the TU Graz entry point url): entry point url to access the api
      • example <vpu-person-select entry-point-url="http://127.0.0.1:8000"></vpu-person-select>
    • value (optional): api path of person to preload the selector with
      • example <vpu-person-select value="/people/testuser"></vpu-person-select>
      • the value will also be set automatically when a person is chosen in the selector
    • data-object (read-only): when a person is selected the person object will be set as json string
      • example <vpu-person-select data-object="{"@id":"/people/testuser", "@type":"http://schema.org/Person", "identifier":"testuser", "givenName":"Hans", "familyName":"Tester", "honorificSuffix":"Ing.", "telephone":"+43 (876) 123-4567", "phoneExtension":"4567", "email":"hans.tester@email.com", "name":"Hans Tester"}"></vpu-person-select>
    • show-birth-date (optional): also shows the birth date of the persons to distinguish people with the same name
      • the currently logged in user needs to have permissions to show the birth date of people
      • example <vpu-person-select show-birth-date></vpu-person-select>
    • show-reload-button (optional): if set a reload button will be viewed next to the select box
      • the button triggers a change event on the web component
      • the button is disabled if no person is selected
      • example <vpu-person-select show-reload-button></vpu-person-select>
    • reload-button-title (optional): sets a title text on the reload button
      • example <vpu-person-select show-reload-button reload-button-text="Reload result list"></vpu-person-select>

    Local development

    # get the source
    git clone git@gitlab.tugraz.at:VPU/WebComponents/PersonSelect.git
    cd PersonSelect
    git submodule update --init
    
    # install dependencies (make sure you have npm version 4+ installed, so symlinks to the git submodules are created automatically)
    npm install
    
    # constantly build dist/bundle.js and run a local web-server on port 8002 
    npm run watch-local
    
    # run tests
    npm test

    Jump to http://localhost:8002 and you should get a Single Sign On login page.