Our state of the art Gantt chart


Post by casman.manzano »

hello,

it seems that gantt.lite.umd can't 'some' through something and not sure what else i'm missing... i've imported the modules, installed the trial, etc.

i've attached imgs of my folder structure, imports etc.

it is triggered the moment i add 'GanttComponent' into the declarations so it's gotta be something with the ganttConfig object missing something?

the files are directly from the 'advanced' examples angular folder so not sure what could be causing it..

pls advise thx so much.

Attachments
bryntum-imports.JPG
bryntum-imports.JPG (92.88 KiB) Viewed 937 times
bryntum-folder-structure.JPG
bryntum-folder-structure.JPG (24.17 KiB) Viewed 937 times
bryntum-error-pic.JPG
bryntum-error-pic.JPG (152.5 KiB) Viewed 937 times

Post by saki »

Do you use the latest version 4.1.3 of Gantt? The error looks familiar but it was already fixed. If the latest version won't help post please a showcase that we can run, investigate and debug.


Post by casman.manzano »

yes it is the latest version and unfortunately i cannot send our app....

if there a chance we can get on a call?


Post by mats »

Sorry, we cannot offer 1-on-1 debugging assistance (for free at least, options here: https://www.bryntum.com/services/). Ideally you post a simple test case showing the defect so we can inspect it. Either remove all non relevant code in your app, or modify one of our examples to show the issue (might be faster)


Post by casman.manzano »

is it possible this version of bryntum doesn't support our version of angular? that's the only thing i can think of.....

here are a list of my dependencies..

  "dependencies": {
    "@angular/animations": "^8.2.14",
    "@angular/cdk": "^8.2.3",
    "@angular/cli": "^8.3.24",
    "@angular/common": "^8.2.14",
    "@angular/compiler": "^8.2.14",
    "@angular/core": "^8.2.14",
    "@angular/forms": "^8.2.14",
    "@angular/material": "^8.2.3",
    "@angular/platform-browser": "^8.2.14",
    "@angular/platform-browser-dynamic": "^8.2.14",
    "@angular/router": "^8.2.14",
    "@bryntum/gantt": "npm:@bryntum/gantt-trial@^4.1.3",
    "@bryntum/gantt-angular": "^4.1.3",
    "@fortawesome/fontawesome-free": "^5.12.0",
    "@ng-select/ng-select": "^5.0.15",
    "@ngx-formly/bootstrap": "^5.0.0",
    "@ngx-formly/core": "^5.0.0",
    "@progress/kendo-angular-buttons": "^5.2.2",
    "@progress/kendo-angular-common": "^1.0.0",
    "@progress/kendo-angular-dateinputs": "^4.2.1",
    "@progress/kendo-angular-dialog": "^4.1.1",
    "@progress/kendo-angular-dropdowns": "^4.2.4",
    "@progress/kendo-angular-editor": "^1.0.0",
    "@progress/kendo-angular-excel-export": "^3.1.0",
    "@progress/kendo-angular-gauges": "^3.0.1",
    "@progress/kendo-angular-grid": "^4.6.3",
    "@progress/kendo-angular-inputs": "^6.4.2",
    "@progress/kendo-angular-intl": "^2.0.1",
    "@progress/kendo-angular-l10n": "^2.0.0",
    "@progress/kendo-angular-layout": "^4.2.0",
    "@progress/kendo-angular-menu": "^2.0.1",
    "@progress/kendo-angular-pdf-export": "^2.0.2",
    "@progress/kendo-angular-popup": "^3.0.5",
    "@progress/kendo-angular-progressbar": "^0.2.1",
    "@progress/kendo-angular-sortable": "^3.0.2",
    "@progress/kendo-angular-toolbar": "^3.0.3",
    "@progress/kendo-angular-treeview": "^4.1.0",
    "@progress/kendo-data-query": "^1.5.2",
    "@progress/kendo-drawing": "^1.6.0",
    "@progress/kendo-theme-default": "latest",
    "@progress/kendo-ui": "^2020.1.115",
    "@telerik/kendo-intl": "^2.1.1",
    "@types/jquery": "^3.3.32",
    "@yellowspot/ng-truncate": "^1.5.1",
    "angular-gridster2": "^8.3.0",
    "angular-mentions": "^1.1.3",
    "angular2-uuid": "^1.1.1",
    "babylonjs-viewer": "file:release/babylonjs-viewer",
    "babylonjs-viewer-assets": "file:release/babylonjs-viewer-assets",
    "bootstrap": "^4.4.1",
    "core-js": "^3.6.4",
    "error-ex": "git+https://github.com/Qix-/node-error-ex.git#1.3.2",
    "git-describe": "^4.0.4",
    "gsap": "^3.1.1",
    "jest": "^25.1.0",
    "jquery": "^3.4.0",
    "moment": "2.24.0",
    "ng-multiselect-dropdown": "^0.2.14",
    "ngx-bootstrap": "^5.3.2",
    "ngx-color-picker": "^8.2.0",
    "ngx-moment": "3.5.0",
    "ngx-order-pipe": "^2.0.4",
    "ngx-pagination": "^5.0.0",
    "npm": "^6.13.7",
    "postinstall": "^0.7.0",
    "roboto-fontface": "^0.10.0",
    "rxjs": "^6.5.4",
    "rxjs-compat": "^6.5.4",
    "stream": "0.0.2",
    "three": "^0.113.2",
    "typings": "^2.1.1",
    "videogular2": "^7.0.1",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.803.25",
    "@angular/compiler-cli": "^8.2.14",
    "@angular/language-service": "^8.2.14",
    "@types/core-js": "^2.5.0",
    "@types/jasmine": "~3.5.2",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "^13.7.0",
    "codelyzer": "^5.0.1",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "^2.1.1",
    "karma-jasmine": "~3.1.0",
    "karma-jasmine-html-reporter": "^1.5.2",
    "node-sass": "^4.13.1",
    "protractor": "^5.4.3",
    "ts-node": "~8.6.2",
    "tslint": "~6.0.0",
    "typescript": "^3.6.5"
  }

Post by saki »

I have downloaded 4.1.3 Gantt trial and tried to build timeranges demo that uses Angular 8.2.14 and everything works as expected, both production build and development server, so the version is not the cause.

Did you follow https://bryntum.com/docs/gantt/#Gantt/guides/integration/angular.md section "Import BryntumGanttModule"?

Note: There is no need to import Gantt wrapper separately and add it to declarations – BryntumGanttModule is all what is needed as described in the guide and demonstrated in the examples. Generally, our examples show the recommended practices.


Post by casman.manzano »

hey Saki ok thanks ill take GanttComponent out as an import,

yeah not sure what's wrong, I basically took all the code from the trial (advanced folder) and copied how it was imported...

is there a chance you can share your code and i will just refer to that since it is the same thx


Post by casman.manzano »

also, can you pls try it with the "Advanced" example as ideally that's what we'd like to integrate onto our app.

i've tried the ranges and a grid shows up so it seems like it's doing something (though no data).

If you can pls share your working "Advanced" example using our version when done pls thanks so much!!!!!!


Post by saki »

Our examples are tested to be workable so Advanced works as well and you can use it as a reference of the workable code. Advanced demo uses Angular version 7.2 so this upgrade guide applies: https://update.angular.io/?v=7.2-8.1


Post by saki »

I am attaching our advanced demo upgraded to version 8.2.14. Let us please know if it works for you.

Attachments
advanced.zip
(260.79 KiB) Downloaded 56 times

Post Reply