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

Added test widgets to the playground

cin - - Load All Authors

File last commit:

r100:ff52224a63f0 v1.3


                r100:ff52224a63f0

v1.3

Download file

             MainWidget.tsx
        
                    21 lines
            
             | 639 B
            
                | text/x-typescript
            
             |
                TypeScriptLexer
            
             / playground / src / main / ts / MainWidget.tsx
          
                    History
                
                 |
                  Annotation
                 | Raw
                 |Copy content
                 |Copy permalink

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

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

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

      import ProgressBar from "./ProgressBar";

      const ref = <W extends DjxWidgetBase, K extends keyof W>(target: W, name: K) => (v: W[K]) => target.set(name, v);

      @djclass

      export default class MainWidget extends djbase(DjxWidgetBase) {

          titleNode?: HTMLHeadingElement;

          progressBar?: ProgressBar;

          render() {

              return <div>

                  <h2 ref={ref(this, "titleNode")}>Hi!</h2>

                  <ProgressBar ref={ref(this, "progressBar")}/>

              </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

				import { djbase, djclass } from "@implab/djx/declare";
				import { DjxWidgetBase } from "@implab/djx/tsx/DjxWidgetBase";
				import { createElement } from "@implab/djx/tsx";
				import ProgressBar from "./ProgressBar";

				const ref = <W extends DjxWidgetBase, K extends keyof W>(target: W, name: K) => (v: W[K]) => target.set(name, v);

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

				titleNode?: HTMLHeadingElement;

				progressBar?: ProgressBar;

				render() {
				return <div>
				<h2 ref={ref(this, "titleNode")}>Hi!</h2>
				<ProgressBar ref={ref(this, "progressBar")}/>
				</div>;
				}
				}