goldsam / ng-golden-layout Goto Github PK

View Code? Open in Web Editor NEW

18.0 8.0 13.0 60 KB

Angular bindings for golden-layout

License: MIT License

JavaScript 21.87% TypeScript 78.13%

golden-layout angular layout-manager multi-display

ng-golden-layout's Introduction

ng-golden-layout

Angular 2.4.x Compatible

Installation

To install this library and its dependencies, run:

$ npm install @goldsam/ng-golden-layout golden-layout --save
$ npm install @types/jquery --save-dev

Getting Started

First, import GoldenLayoutModule into your root AppModule

import {GoldenLayoutModule} from '@goldsam/ng-golden-layout';

Then, add GoldenLayoutModule.forRoot() to your AppModule's import array

@NgModule({
  imports : [
    CommonModule, 
    GoldenLayoutModule.forRoot({
        ...
    })), 
    ...
  ],
  ...
})
export class AppModule {}

TODO

Implement support for saving/restoring golden-layout state.
Improve this README
Create unit and E2E tests

Development

To generate all *.js, *.js.map and *.d.ts files:

$ npm run tsc

License

MIT © Sam Goldmann

ng-golden-layout's People

Contributors

Stargazers

Watchers

Forkers

finseth hilel dainguyen1221 zxiaoyong embeddedenterprises ksmoore cczeng zed7576 valiksenyk anandakumarpalanisamy kafeinomaniac hegyusz

ng-golden-layout's Issues

A Simple Hello World App ?

Hi,

Thanks for your amazing work, would that be possible to get a sample Hello world of an app using this package please ?

Cheers,

stephane-lb

required css is not mentioned in the readme

For goldenlayout you need goldenlayout-base.css. You should probably also mention one of the themes, like goldenlayout-dark-theme.css

Use injectiontoken instead of Opaquetoken

As of Angular 4 Opaquetoken has been replaced with injectiontoken.

https://stackoverflow.com/questions/41289264/what-is-in-angular-2-opaque-token-and-whats-the-point

hi , @goldsam
in my Angular application when i click popout(open in new window),
in new window,angular application reload from first!! and popin on popup window does not work!
can you help me, please.
thanks.

Height and Width 100px?

Hey I'm using your lib. I have it rendering only it insists on being 100px by 100px. Is there a build in way to change the sizing to 100% by 100%?

custom event not working

I am using the angular version of golden layout (https://github.com/goldsam/ng-golden-layout) and faced one issue. I want to use ngui-scrollbar component inside one of the golden layout's panel.

npmjs link for ngui-scrollbar: https://www.npmjs.com/package/@ngui/scrollable
Example for ngui-scrollable on plunker : https://plnkr.co/edit/wLVudY?p=preview&open=app.component.ts

While integrating, I am facing problem in the execution of custom event "elementVisible" used on the html page. The event is working fine if we are integrating our component outside the golden-layout.

Any suggestions would help.

Change Header Title

Is there any way to change the title of any golden-layout pane?

The original golden-layout has a method of setTitle(), but I don't see it here.

How can we call this function or change title in any way?

Can't seem to get it to work

Hey I'm getting the following error:

ERROR in /Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (14,16): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (63,79): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (133,45): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (629,22): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (718,16): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (723,22): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (728,26): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (770,16): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (775,21): Cannot find name 'JQuery'.
/Users/kiranrandhawa/Desktop/playground/ArtificialLab/node_modules/golden-layout/index.d.ts (780,21): Cannot find name 'JQuery'.

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/common/common' in '/Users/kiranrandhawa/Desktop/playground/ArtificialLab/src/app'
@ ./src/app/app.module.ts 17:0-54
@ ./src/main.ts
@ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

I just can't get this to work.