rooty/fab-manager
1
0
Fork 0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-29 18:52:22 +01:00
Code Issues Releases Activity

using typescript for all components

Browse Source
This commit is contained in:
Sylvain 2020-10-28 13:35:31 +01:00
parent 106d8be4c8
commit 571a273ea2
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/frontend/src/javascript/components/application.ts
View File

@ -1,6 +1,6 @@
import { IModule } from "angular"; import { IModule } from "angular";
export interface IApplication { interface IApplication {
Components: IModule, Components: IModule,
Services: IModule, Services: IModule,
Controllers: IModule, Controllers: IModule,
@ -8,3 +8,6 @@ export interface IApplication {
Directives: IModule Directives: IModule
} }
declare var Application: IApplication;
export default Application;

4
app/frontend/src/javascript/components/my-component.tsx
View File

@ -1,11 +1,9 @@
// This is a demonstration of using react components inside an angular.js 1.x app // This is a demonstration of using react components inside an angular.js 1.x app
// TODO remove this // TODO remove this
import { IApplication } from "./application";
declare var Application: IApplication;
import React from 'react'; import React from 'react';
import { react2angular } from 'react2angular'; import { react2angular } from 'react2angular';
import Application from './application';
interface MyComponentProps { interface MyComponentProps {
fooBar: number, fooBar: number,

1
app/frontend/src/javascript/components/switch.js → app/frontend/src/javascript/components/switch.ts
View File

@ -1,4 +1,5 @@
import Switch from 'react-switch'; import Switch from 'react-switch';
import { react2angular } from 'react2angular'; import { react2angular } from 'react2angular';
import Application from './application';
Application.Components.component('switch', react2angular(Switch, ['checked', 'onChange', 'id', 'className'])); Application.Components.component('switch', react2angular(Switch, ['checked', 'onChange', 'id', 'className']));

2
doc/js-modules-dependencies.svg
View File

@ -599,7 +599,7 @@
</g> </g>
<g fill="rgb(169,183,198)" font-family="'DejaVu Sans Mono'" transform="matrix(1,0,0,1,20,20) translate(1,583)" stroke="rgb(169,183,198)"> <g fill="rgb(169,183,198)" font-family="'DejaVu Sans Mono'" transform="matrix(1,0,0,1,20,20) translate(1,583)" stroke="rgb(169,183,198)">
<image x="2" y="5" clip-path="url(#clipPath13)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAxElEQVR4XmNgoBWY&#10;uWJ9GoietWLDGXSMrhYDgDTDFKJrJmgATDNZBiBrJssAbABdM14D0BXiwuj64ABd&#10;IS6Mro9y8GW97WZyMYYBIQ5qL0D01HyD85Eu6s9gfFwYpwEgzRemW+5F14COcRow&#10;v9jwTKKnxuOaGJ0bT5dYb0fXiGHAuSnme+8tsNoZ7qT+HCb5brXNlsoo7ZsLSg1P&#10;o2tEMeD1SuutBaHadyKAzgb5HSRRHa1zI8xJ7UVWgOZ9fF7B8AKpGABwUpNw04DP&#10;4wAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/> <image x="2" y="5" clip-path="url(#clipPath13)" width="16" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAxElEQVR4XmNgoBWY&#10;uWJ9GoietWLDGXSMrhYDgDTDFKJrJmgATDNZBiBrJssAbABdM14D0BXiwuj64ABd&#10;IS6Mro9y8GW97WZyMYYBIQ5qL0D01HyD85Eu6s9gfFwYpwEgzRemW+5F14COcRow&#10;v9jwTKKnxuOaGJ0bT5dYb0fXiGHAuSnme+8tsNoZ7qT+HCb5brXNlsoo7ZsLSg1P&#10;o2tEMeD1SuutBaHadyKAzgb5HSRRHa1zI8xJ7UVWgOZ9fF7B8AKpGABwUpNw04DP&#10;4wAAAABJRU5ErkJggg==" height="16" preserveAspectRatio="none"/>
<text x="24" xml:space="preserve" y="17" clip-path="url(#clipPath13)" stroke="none">angular-bootstrap-switch/.../angular-bootstrap-switch.js</text> <text x="24" xml:space="preserve" y="17" clip-path="url(#clipPath13)" stroke="none">angular-bootstrap-switch/.../angular-bootstrap-switch.ts</text>
</g> </g>
<g fill="rgb(190,190,190)" transform="matrix(1,0,0,1,20,20) translate(807,464)" stroke="rgb(190,190,190)"> <g fill="rgb(190,190,190)" transform="matrix(1,0,0,1,20,20) translate(807,464)" stroke="rgb(190,190,190)">
<rect x="0" width="1" height="55" y="0" clip-path="url(#clipPath18)" stroke="none"/> <rect x="0" width="1" height="55" y="0" clip-path="url(#clipPath18)" stroke="none"/>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 186 KiB