implab/implabjs-djx Files · playground/src/main/ts/ProgressBar.tsx

`Subscribable` is made compatible with rxjs, added map, filter and scan...

`Subscribable` is made compatible with rxjs, added map, filter and scan methods to observables. `watch` can accept either stateful object and a property name to observe or the subscribable value. added ref attribute to the markup elements and widgets. `bind`, `tooggleClass` and `attach` methods can be passed to `ref` attribute in the markup to interact with elemnts and widgets.

cin - - Load All Authors

File last commit:

r100:ff52224a63f0 v1.3


                r102:c65ea2350b1a

v1.3

Download file

             ProgressBar.tsx
        
                    18 lines
            
             | 596 B
            
                | text/x-typescript
            
             |
                TypeScriptLexer
            
             / playground / src / main / ts / ProgressBar.tsx
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        cin
    
Added test widgets to the playground

              r100
            
      import { djbase, djclass } from "@implab/djx/declare";

      import { createElement } from "@implab/djx/tsx";

      import { DjxWidgetBase } from "@implab/djx/tsx/DjxWidgetBase";

      import "@implab/djx/css!./css/ProgressBar.css";

      @djclass

      export default class ProgressBar extends djbase(DjxWidgetBase) {

          constructor(opts?: Partial<ProgressBar> & ThisType<ProgressBar>, refNode?: Node | string) {

              super(opts, refNode);

          }

          render() {

              return <div class="progress-bar">

                  <div class="progress-indicator"/>

                  <div class="progress-track"/>

              </div>;

          }

      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

cin Added test widgets to the playground	r100	import { djbase, djclass } from "@implab/djx/declare";
		import { createElement } from "@implab/djx/tsx";
		import { DjxWidgetBase } from "@implab/djx/tsx/DjxWidgetBase";
		import "@implab/djx/css!./css/ProgressBar.css";

		@djclass
		export default class ProgressBar extends djbase(DjxWidgetBase) {

		constructor(opts?: Partial<ProgressBar> & ThisType<ProgressBar>, refNode?: Node \| string) {
		super(opts, refNode);
		}
		render() {
		return <div class="progress-bar">
		<div class="progress-indicator"/>
		<div class="progress-track"/>
		</div>;
		}

		}