Uploaded image for project: 'MyFaces Tobago'
  1. MyFaces Tobago
  2. TOBAGO-1633

Use TypeScript instead of JavaScript

    XMLWordPrintableJSON

Details

    • Task
    • Status: Closed
    • Major
    • Resolution: Fixed
    • None
    • 5.0.0
    • Themes
    • None

    Description

      Will be implemented with:

      • mv JavaScript code in to TypeScript files (should be more or less compatible)
      • using a ts transpiler from node js in build time (executed from maven pom.xml)
      • Using Custom Elements
        • Using e. g. <tobago-in> instead of <div class="tobago-in"> as main-tag
        • Introducing <tobago-behavior> instead of data-tobago-command attribute. Renaming command attribute "transition" to NOT "decoupled".
        • Work in progress
      • Using Custom Events
        • avoid tobago javascript imports (e.g. tobago-listener) for projects (like the demo)
      • optimize code
        • native TypeScript
        • using classes
        • using custom elements
      • Check, if we need jQuery vs. Vanilla JS
        • Current progress: Most jQuery code was removed, but some included libs stil using jQuery:
          • dateTimePicker
          • typeahead
          • ...
      • Check to remove jQuery UI (e. g. widget factory)
      • Current problems (09/19/2019)
        • Date: change event doesn't call ajax (seems to depend on the date JS framework)
        • AJAX TabSwitch: at the first call, the oder of setting the new index and the AJAX call is wrong
        • Test for Tree Select fails
        • drop down doesn't works
        • ajaxListener doesn't work
        • tc:selectManyShuttle - ajax
        • closing X for tc:messages
        • overlay style while AJAX wait/error
      • Failed Tests
        • duplicate IDs
          • tc:selectOneRadio
          • tc:selectManyCheckbox
        • test not implemented
          • tc:suggest
          • 30-concept/53-collapsible/10-collapsible-popup/Collapsible_Popup.xhtml
          • 40-test/1040-date/Date.xhtml
          • 40-test/1041-date-pattern/Date_Pattern.xhtml
          • 40-test/1041-date-tobagoConverter/Date_TobagoConverter.xhtml
          • 40-test/4000-button-link/Button_Link.xhtml
          • 40-test/4800-labelLayout/100-id-markup/Id_Markup.xhtml
        • must be fixed
          • BasicTest.verify404Test()
          • Intro.xhtml
          • JSR 303
          • Shuttle
          • Sheet Tree
          • quotation mark in tc:suggest
          • Ajax Dropdown
          • Grid Layout Label Horizontal
          • Grid Layout Label Vertical
          • 40-test%2F9010-mode-valueIfSet%2FMode_ValueIfSet.xhtml
          • 20-component/060-popup/Popup.xhtml
          • 20-component/080-sheet/30-event/Sheet_Event.xhtml
          • 40-test/4810-labelLayoutTop/LabelLayoutTop.xhtml
          • 40-test/4950-severity/Severity.xhtml
          • 40-test/50000-java/10-rendererBase-getCurrentValue/RendererBase_GetCurrentValue.xhtml
          • 40-test/6000-event/Event.xhtml
          • 40-test/6500-behavior/Behavior.xhtml

      Attachments

        Issue Links

          Activity

            People

              lofwyr Udo Schnurpfeil
              hnoeth Henning Nöth
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: