https://github.com/fullstack-lang/gantt
A gantt web application in 1k lines of go
https://github.com/fullstack-lang/gantt
Last synced: 3 months ago
JSON representation
A gantt web application in 1k lines of go
- Host: GitHub
- URL: https://github.com/fullstack-lang/gantt
- Owner: fullstack-lang
- License: mit
- Created: 2023-02-15T08:26:24.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-02-21T00:27:35.000Z (about 3 years ago)
- Last Synced: 2024-06-20T23:53:19.234Z (almost 2 years ago)
- Language: Go
- Homepage:
- Size: 1.02 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# gantt
## Requirements
- [ ] go (version >= 1.19)
- [ ] node (version >= 18.xx)
- [ ] vscode (>= 1.75)
- [ ] gopls >= 0.37
## count the number of go lines of code
```
git clone https://github.com/fullstack-lang/gantt
cd gantt
find gantt2svg models cmd -name '*.go' -type f -print0 | xargs -0 wc -l
57 gantt2svg/generate_arrow.go
379 gantt2svg/generate_svg.go
11 models/arrow.go
16 models/bar.go
88 models/gantt.go
8 models/group.go
15 models/lane.go
15 models/milestone.go
12 models/note_on_the_model.go
165 cmd/gantt/gantt1.go
190 cmd/gantt/main.go
956 total
```
## generate the application
```
npm install -g @angular/cli@15
go install github.com/fullstack-lang/gong/go/cmd/gongc@gantt_example_generation
gongc go/models
```
## Patch the font app application
### Import the modules for SVG display
in file ng/src/app/app.module.ts
```ts
...
import { GongModule } from 'gong'
// add the two following lines
import { GongsvgModule } from 'gongsvg'
import { GongsvgspecificModule } from 'gongsvgspecific'
...
GongModule,
// add the two following lines
GongsvgspecificModule,
GongsvgModule,
```
### Edit the import path
in ng/tsconfig.json
```json
"gantt": [
"projects/gantt/src/public-api.ts"
],
// add the following import path
"gongsvg": [
"../vendor/github.com/fullstack-lang/gongsvg/ng/projects/gongsvg/src/public-api.ts"
],
"gongsvgspecific": [
"../vendor/github.com/fullstack-lang/gongsvg/ng/projects/gongsvgspecific/src/public-api.ts"
],
```
### Add a tab to the generated application
replace content of ng/src/app/app.component.ts with
```ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
})
export class AppComponent {
view = 'Gantt view'
gantt = 'Gantt view'
default = 'Data gantt view'
meta = 'Meta view'
data_svg = 'Data svg view'
diagrams = 'Uml view'
views: string[] = [this.gantt, this.default, this.data_svg, this.diagrams, this.meta];
}
```
in ng/src/app/app.component.html
add the following elemets at the beginning of the file
```html
{{view}}
{{view}}
```
## re compile and run the application
```
gongc go/models
cd go/cmd/gantt
./gantt -unmarshallFromCode=gantt1.go -marshallOnCommit=gantt1
```
## navigating to the application
navigate to http://localhost:8080/.
> If you are use Chrome on mac, you need to creates an artifical adress like `mymac`
on `etc/host` (see https://stackoverflow.com/questions/10883211/why-does-my-http-localhost-cors-origin-not-work)
then navigate to the display of the UML diagram by clicking on the `Diagrams view` then select `New Diagram`.
You should see
