envyn / ngx-widget-grid Goto Github PK

Select one ... (check one with "x")

[x] bug
[ ] feature request
[ ] enhancement

Expected behavior

Click on trash delete the widget

Actual behavior

Because of mover div on top of the div stack, we can't click on trash icon in the underlaying div :

Reproduction of behavior

Reproducible online on the basic sample : https://envyn.github.io/ngx-widget-grid/#/basic
Go to edit mode, trash are displayed inside the widget. But you can't click them.

Environment details

• Browser: [all | Chrome XX | Firefox XX | IE XX]

Select one ... (check one with "x")

[ ] bug
[X] feature request
[ ] enhancement

Expected behavior

It would be great if dragging a widget over another widget would swap widget positions.

Actual behavior

The library seems to do nothing when dragging a widget over another widget and releasing the mouse button.

Reproduction of behavior

When there are two widgets on the screen, drag one over the position that another widget occupies. The library does nothing.

Environment details

• Angular version: 4.1.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

Hi in new version (6.0.0) output gridFull doesn't emit value
My example
code

Select one ... (check one with "x")

[ ] bug
[ ] feature request
[ ] enhancement
[x] question

How can I have some spaces between widgets, I tried adding padding/margin to widget, or the container but the content goes beyond the area

Expected behavior

Actual behavior

Reproduction of behavior

• Include a link to the reproduction scenario you created by forking the Ngx-widget-grid Plunker Templates:

Environment details

• Angular version: 4.1.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

  [x] bug
  [ ] feature request
  [ ] enhancement

Expected behavior

usual behavior in a scrollable container

Actual behavior

In scrollable container when scrollTop is bigger than 0, dragging ghost jump up for scrollTop value.

Posible fix

in ngx-widget-grid.js in NgxWidgetMoverDirective.prototype.onMove method

 var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft, scrollTop = window.pageYOffset || document.documentElement.scrollTop;
desiredPosition.top = Math.min(Math.max(dragPositionY - this.moverOffset.top + scrollTop, 0), gridDimensions.height - startRender.height+ scrollTop - 1);
desiredPosition.left = Math.min(Math.max(dragPositionX - this.moverOffset.left + scrollLeft, 0), gridDimensions.width - startRender.width + scrollLeft - 1);

Video of behavior

https://drive.google.com/file/d/1036t40UCISyRpJ1PMvXy9_1iyxlbNcF1/view?usp=sharing

Environment details

• Angular version: 5.2.x

• OS and version:

• Browser: [Chrome]

   [x ] bug
   [ ] feature request
   [ ] enhancement

Expected behavior

Can resize height of ngx-wiget.

Actual behavior

Could not resize height of ngx-wiget:
Error in Chrome Dev:
TypeError: Cannot read property 'grid' of undefined
at NgxGridOverlayComponent.showGridLines (ngx-widget-grid.js:1594)
at NgxGridOverlayComponent.updateGridLines (ngx-widget-grid.js:1552)
at NgxGridOverlayComponent.set showGrid [as showGrid] (ngx-widget-grid.js:1542)
at setInputsForProperty (core.js:13576)
at elementPropertyInternal (core.js:12391)
at Module.ɵɵproperty (core.js:20916)
at NgxWidgetGridComponent_Template (ngx-widget-grid.js:1386)
at executeTemplate (core.js:11930)
at refreshView (core.js:11777)
at refreshComponent (core.js:13217)

Environment details

• **Angular version: 9.0.3

• **OS and version: Window

• Browser: [all | Chrome 80 | Firefox 75]

Select one ... (check one with "x")

[ ] bug
[x] feature request
[ ] enhancement

Expected behavior

When a widget is moved others must move too, for the dynamic ordering of the components on the grid

Actual behavior

When a widget is dragged, just this is moved. The others widget keep theirs places, no matter if the dragged component is placed over them.

Environment details

• Angular version: 6.1.10

• OS and version: Windows 8.1

• Browser: [ Chrome 70.0.3538.110, Firefox 63.0.3 ]

[ x] bug
[ ] feature request
[ ] enhancement

When assigning a position in a function in typescript file the position is not reflected in the browser.


Thanks in Advancd

### Environment details

* **Angular version:** 8.x.x

* **OS and version:** 

* **Browser:** [all | Chrome XX | Firefox XX | IE XX]

Select one ... (check one with "x")

[x] bug
[ ] feature request
[ ] enhancement

Expected behavior

Applications should build with aot

Actual behavior

Aot Build fails with error:

ERROR in : Unexpected value 'NgxWidgetGridModule in /node_modules/ngx-widget-grid/src/ngx-widget-grid-module/ngx-widget-grid.module.d.ts' imported by the module .... Please add a @NgModule annotation.

Reproduction of behavior

• Include a link to the reproduction scenario you created by forking the Ngx-widget-grid Plunker Templates:

Environment details

• Angular version: 5.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

[x ] bug
[ ] feature request
[ ] enhancement

### Expected behavior
User should be able to drag and drop and resize a widget when using mobile browser.

### Actual behavior
User cannot drag and drop or resize a widget when using mobile browser.

### Reproduction of behavior
Using the demo page.

Hi,

Can you modify widget.component.ts to add "widgetId" input and after modify WidgetConfig constructor with condition this.id = generateUID if my id is null?

Regards

[ x] bug
[ ] feature request
[ ] enhancement

Expected behavior

Grid renders as usual (did work perfectly fine with angular 14.2.0). Even though official support only goes to 10 it would be greatly appreciated if we could get a fix for 14.2.1

Actual behavior

Grid doesn't render as usual but as a single column, edit mode and drag and drop seems heavily broken

Reproduction of behavior

A simple ng new application with ngx-widget-grid.
Then Update from Angular 14.2.0 to 14.2.1

Environment details

• Angular version: 14.2.1

• OS and version: [all]

• Browser: [all]

Hi,
how to add additional custom widget?
thanks

[x ] feature request

Feature for setting a minimum height and width for the widgets, as resizing to a lesser height/width than the minimum desired, can cause style issues.

Expected behavior

Actual behavior

Reproduction of behavior
Resize the widget to small size so that the styling is broken.

Environment details
Angular version: 8.2.x

OS and version:

Browser: [all | Chrome XX | Firefox XX | IE XX]

I tested with the demo page: I set the header-elements directive to "draggable='true'" just for testing the drag features. But if there is a widget inside of the grid and [resizeable] is true, I cannot drag the header-element anymore until I remove that widget.

Select one ... (check one with "x")

[ ] bug
[x] feature request
[ ] enhancement

As a user I want to be able to mimimize a widget and pull other widget-items up if there is enough space

Expected behavior

Actual behavior

Reproduction of behavior

• Include a link to the reproduction scenario you created by forking the Ngx-widget-grid Plunker Templates:

Environment details

• Angular version: 4.1.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

Select one ... (check one with "x")

[ ] bug
[ ] feature request
[x] enhancement

Expected behavior

Only left mouse click should trigger move/resize of the widgets. Right click opens up the context menu for the browser and hence the logic for move/resize goes for a toss.

Actual behavior

right click is triggering both move and resize for widgets

Reproduction of behavior

on demo site

• Include a link to the reproduction scenario you created by forking the Ngx-widget-grid Plunker Templates:

Environment details

• Angular version: 4.1.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

Select one ... (check one with "x")

[ X] bug
[ ] feature request
[ ] enhancement

Expected behavior

When added more than one widget size defined should remain same

Actual behavior

All widgets get re-sized and shuffled

Reproduction of behavior

• Include a link to the reproduction scenario you created by forking the Ngx-widget-grid Plunker Templates:

Environment details

• Angular version: 4.1.x

• OS and version:

• Browser: [all | Chrome XX | Firefox XX | IE XX]

[x] bug

Expected behavior

Using the example in a fresh angular app

Actual behavior

Just giving errors by using ng serve
ERROR in src/app/app.component.html:3:29 - error NG5002: Parser Error: Unexpected token '=' at column 36 in [{top: 2,left: 2,height: 1,width: 1}=$event]
Also crashing the complete app:
src/app/app.module.ts:10:5 - error NG6001: The class 'AppComponent' is listed in the declarations of the NgModule 'AppModule', but is not a directive, a component, or a pipe. Either remove it from the NgModule's declarations, or add an appropriate Angular decorator.

Reproduction of behavior

Created a new angular project with ng new and installed ngx-widget-grid via npm.
Added the module to app.module.ts and used the example.

Environment details

• Angular version: 10.1.4
• OS and version: Debian 9
• Browser: all

As the title says, I'm receiving an error when using the library with a dynamic component. The error that I'm receiving is this:

XMLHttpRequest cannot load ng:///NgxWidgetGridModule/NgxWidgetComponent.ngfactory.js. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

And then:

Uncaught TypeError: Cannot read property 'top' of undefined
at new PathIterator (PathIterator.model.js:5)
at NgxWidgetMoverDirective.webpackJsonp../node_modules/ngx-widget-grid/dist/directives/widgetMover.directive.js.NgxWidgetMoverDirective.determineFinalPos (widgetMover.directive.js:82)
at NgxWidgetMoverDirective.webpackJsonp../node_modules/ngx-widget-grid/dist/directives/widgetMover.directive.js.NgxWidgetMoverDirective.onMove (widgetMover.directive.js:57)
at Object.eval [as handleEvent] (NgxWidgetComponent.html:5)
at handleEvent (core.es5.js:11914)
at callWithDebugContext (core.es5.js:13206)
at Object.debugHandleEvent [as handleEvent] (core.es5.js:12794)
at dispatchEvent (core.es5.js:8814)
at core.es5.js:9406
at platform-browser.es5.js:2687

I solved it modifying the code and adding a method that validate if this.gridCmp.getWidgetPosition(this.widgetCmp) returns empty. then initialize (top, bottom, left, right, width, height) to defaults. Then everything seems fine.

Tried to create a pull request but I wasn't able to.

Do you know if this issue has anything to do with something else?

Thank you

I am getting following issue while implementing ngx-widget-grid with angular 2.4.3. Is this version compatiblity issue?? Please Help.
ngx-widget-grid/dist/components/grid/grid.component.js
223:12-21 "export 'Renderer2' was not found in '@angular/core'

[x] bug
[ ] feature request
[ ] enhancement

Expected behavior

1. Should not fire error if set showGrid = true (if showGrid = false, it works fine)

Actual behavior

1. When I set showGrid = true, a bug fire on chrome dev tool:
   Error: ERROR TypeError: Cannot read property 'grid' of undefined
   at NgxGridOverlayComponent.showGridLines (ngx-widget-grid.js:912)
   at NgxGridOverlayComponent.updateGridLines (ngx-widget-grid.js:889)
   at NgxGridOverlayComponent.set showGrid [as showGrid] (ngx-widget-grid.js:884)
   at setInputsForProperty (core.js:13576)
   at elementPropertyInternal (core.js:12391)
   at Module.ɵɵproperty (core.js:20916)
   at NgxWidgetGridComponent_Template (ngx-widget-grid.js:803)
   at executeTemplate (core.js:11930)
   at refreshView (core.js:11777)
   at refreshComponent (core.js:13217)

Reproduction of behavior

Environment details

• Angular version: 9.0

• **OS and version: Window 10

• Browser: [all | Chrome 81 | Firefox 75]

Select one ... (check one with "x")

[ ] bug
[x] feature request
[ ] enhancement

Expected behavior

Similar to HTML tables, it is possible to span across multiple columns or rows. This is particularly useful for widgets that can stretch horizontally or vertically.

For those who do not prefer to have a scrollbar within each widget, this will provide a nicer UX.