Manage milestones on multi-projects

perte de session

Makefile

@@ -16,8 +16,11 @@ vendor:
 tidy:
 	go mod tidy
 
-watch:
-	modd
+deps:
+	go get github.com/cortesi/modd/cmd/modd
+
+watch: deps
+	go run github.com/cortesi/modd/cmd/modd
 
 lint:
 	golangci-lint run --enable-all

README.md

@@ -1,4 +1,4 @@
-# Gitea Kan
+# GenGitKan
 
 ## Démarrer avec les sources
 
@@ -9,9 +9,41 @@
 ### Procédure
 
 ```bash
+cd client && npm install # Installation des dépendances client
 make watch  # Surveiller les modifications sur le sources et compiler/démarrer le serveur
 ```
 
+Au premier lancement, le fichier de configuration doit être complété afin de d'utiliser l'instance Gitea ciblée comme fournisseur OAuth2.
+
+Modifier le fichier `data/server.conf` de la manière suivante (la forge Cadoles est utilisée dans cet exemple):
+
+```ini
+Debug = false
+
+[HTTP]
+Address     = :3000
+PublicDir   = ${GENGITKAN_HTTP_PUBDIR}
+
+[Gitea]
+BaseURL      = https://forge.cadoles.com
+ClientID     = <ClientID>
+ClientSecret = <ClientSecret>
+RedirectURL = http://localhost:3000/callback
+AuthURL = https://forge.cadoles.com/login/oauth/authorize
+LogoutURL = https://forge.cadoles.com/user/logout
+TokenURL = https://forge.cadoles.com/login/oauth/access_token
+APIBaseURL = https://forge.cadoles.com/api
+Scopes = api
+
+[Data]
+
+DBPath = ${GENGITKAN_DATA_DBPATH}
+```
+
+Les valeurs pour `<ClientID>` et `<ClientSecret>` sont à récupérer sur la page https://forge.cadoles.com/user/settings/applications, dans la section `Gérer les applications OAuth2`. 
+
+Vous devrez créer une application et configurer l'URL de redirection pour qu'elle corresponde à la valeur `RedirectURL` de votre fichier de configuration afin de pouvoir utiliser votre instance locale de GenGitKan.
+
 ## Licence
 
 [AGPL-3.0](./LICENSE)

client/.babelrc

@@ -1,10 +0,0 @@
-{
-    "presets": [
-      "@babel/preset-env",
-      "@babel/preset-react"
-    ],
-    "plugins": [
-      [ "@babel/transform-runtime" ],
-      [ "@babel/plugin-proposal-class-properties" ]
-    ]
-  }

client/package.json

@@ -25,23 +25,32 @@
     "@babel/preset-env": "^7.7.1",
     "@babel/preset-react": "^7.7.4",
     "@fortawesome/fontawesome-free": "^5.11.2",
+    "@types/node": "^13.13.4",
+    "@types/react-dom": "^16.9.7",
+    "@types/react-redux": "^7.1.7",
+    "@types/react-router-dom": "^5.1.5",
+    "@types/uuid": "^7.0.3",
     "babel-loader": "^8.0.6",
     "css-loader": "^1.0.1",
     "extract-loader": "^3.1.0",
     "file-loader": "^2.0.0",
     "html-loader": "^0.5.5",
+    "html-webpack-plugin": "^3.2.0",
     "mini-css-extract-plugin": "^0.4.4",
-    "node-sass": "^4.10.0",
+    "node-sass": "^4.14.0",
     "redux-logger": "^3.0.6",
     "resolve-url-loader": "^3.0.0",
     "sass-loader": "^7.1.0",
     "style-loader": "^0.23.1",
+    "ts-loader": "^7.0.2",
     "webpack": "^4.25.0",
+    "webpack-cleanup-plugin": "^0.5.1",
     "webpack-cli": "^3.1.2"
   },
   "dependencies": {
-    "@lourenci/react-kanban": "^0.15.0",
+    "@lourenci/react-kanban": "^2.0.0",
     "bulma": "^0.7.2",
+    "bulma-switch": "^2.0.0",
     "react": "^16.12.0",
     "react-dom": "^16.12.0",
     "react-redux": "^7.1.3",
@@ -50,6 +59,7 @@
     "redux": "^4.0.4",
     "redux-saga": "^1.1.3",
     "styled-components": "^4.4.1",
+    "typescript": "^3.8.3",
     "uuid": "^3.3.3"
   }
 }

client/src/components/BoardPage/BoardPage.jsx

@@ -1,242 +0,0 @@
-import React from 'react';
-import { Page } from '../Page';
-import { connect } from 'react-redux';
-import Board from '@lourenci/react-kanban';
-import { fetchBoards } from '../../store/actions/boards';
-import { createIssue } from '../../store/actions/issues';
-import { buildKanboard, moveCard } from '../../store/actions/kanboards';
-import { Loader } from '../Loader';
-import { IssueCard } from './IssueCard';
-import { Modal } from '../Modal';
-
-export class BoardPage extends React.Component {
-
-  state = {
-    newCardModalActive: false,
-    newCardLaneID: 0,
-    newCard: {
-      title: "",
-      body: "",
-      project: ""
-    }
-  }
-
-  constructor(props) {
-    super(props);
-    this.renderLaneHeader = this.renderLaneHeader.bind(this);
-    this.onNewCardClick = this.onNewCardClick.bind(this);
-    this.onNewCardCloseClick = this.onNewCardCloseClick.bind(this);
-    this.onNewCardTitleChange = this.onNewCardAttrChange.bind(this, 'title');
-    this.onNewCardBodyChange = this.onNewCardAttrChange.bind(this, 'body');
-    this.onNewCardProjectChange = this.onNewCardAttrChange.bind(this, 'project');
-    this.onNewCardSaveClick = this.onNewCardSaveClick.bind(this);
-  }
-
-  render() {
-    const { board } = this.props;
-    return (
-      <Page title={`${board ? (board.title + ' - ') : ''}GenGitKan`}>
-        <div className="container is-fluid">
-          {this.renderBoard()}
-        </div>
-      </Page>
-    );
-  }
-
-  renderBoard() {
-    const { kanboard } = this.props;
-    
-    if (!kanboard) {
-      return <Loader></Loader>
-    }
-
-    return (
-      <div className="kanboard-container is-fullheight">
-        <Board disableLaneDrag={true}
-          renderCard={this.renderCard}
-          renderLaneHeader={this.renderLaneHeader}
-          onCardDragEnd={this.onCardDragEnd.bind(this)}>
-          {kanboard}
-        </Board>
-        { this.renderNewCardModal() }
-      </div>
-    );
-  }
-
-  renderNewCardModal() {
-    const { newCardModalActive, newCardLaneID } = this.state;
-    const { board } = this.props;
-    if (!board || !newCardLaneID) return null;
-    return (
-      <Modal active={newCardModalActive}>
-        <div className="new-card-modal">
-          <article className="message">
-            <div className="message-header">
-              <p><span>"{board.lanes[newCardLaneID].title}" - Nouveau ticket</span></p>
-              <button className="delete" aria-label="delete" onClick={this.onNewCardCloseClick}></button>
-            </div>
-            <div className="message-body">
-              <div className="field">
-                <div className="control">
-                  <input className="input is-medium" type="text" 
-                    placeholder="Titre de votre ticket..."
-                    value={this.state.newCard.title} 
-                    onChange={this.onNewCardTitleChange} />
-                </div>
-              </div>
-              <div className="field">
-                <div className="control">
-                  <textarea className="textarea" 
-                    placeholder="Description du nouveau ticket..."
-                    value={this.state.newCard.body} 
-                    onChange={this.onNewCardBodyChange}
-                    rows="10">
-                  </textarea>
-                </div>
-              </div>
-              <div className="field">
-                <div className="control is-expanded">
-                  <div className="select is-fullwidth"
-                    value={this.state.newCard.project} 
-                    onChange={this.onNewCardProjectChange}>
-                    <select>
-                      {
-                        board.projects.map((p, i) => {
-                          return <option key={`new-card-project-${i}`} value={p}>{p}</option>
-                        })
-                      }
-                    </select>
-                  </div>
-                </div>
-              </div>
-              <div className="field is-grouped is-grouped-right">
-                <p className="control">
-                  <a className="button is-light" 
-                    onClick={this.onNewCardCloseClick}>
-                    Annuler
-                  </a>
-                </p>
-                <p className="control">
-                  <a className="button is-primary"
-                    onClick={this.onNewCardSaveClick}>
-                    Enregistrer
-                  </a>
-                </p>
-              </div>
-            </div>
-          </article>
-        </div>
-      </Modal>
-    )
-  }
-
-  renderCard(card) {
-    return <IssueCard card={card} />;
-  }
-
-  renderLaneHeader(lane) {
-    return (
-      <div className="kanboard-lane">
-        <div className="level">
-          <div className="level-left">
-            <h3 className="level-item is-size-3">{lane.title}</h3>
-          </div>
-          <div className="level-right">
-            <button className="button is-light level-item is-medium"
-              onClick={this.onNewCardClick.bind(this, lane.id)}>
-              <span className="icon">
-                <i className="fas fa-plus" aria-hidden="true"></i>
-              </span>
-            </button>
-          </div>
-        </div>
-      </div>      
-    )
-  }
-
-  onCardDragEnd(source, dest) {
-    const { board } = this.props;
-    this.props.dispatch(moveCard(
-      board.id,
-      source.fromLaneId,
-      source.fromPosition,
-      dest.toLaneId,
-      dest.toPosition
-    ));
-  }
-
-  componentDidMount() {
-    const { board } = this.props;
-    if (!board) {
-      this.requestBoardsUpdate();
-      return
-    }
-
-    this.requestBuildKanboard();
-  }
-
-  onNewCardClick(laneID) {
-    const { board } = this.props;
-    this.setState({ 
-      newCardModalActive: true, 
-      newCardLaneID: laneID,
-      newCard: {
-        title: "",
-        body: "",
-        project: board.projects[0],
-      }
-    });
-  }
-
-  onNewCardCloseClick() {
-    this.setState({ newCardModalActive: false });
-  }
-
-  onNewCardAttrChange(attrName, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
-      return {
-        ...state,
-        newCard: {
-          ...state.newCard,
-          [attrName]: value,
-        }
-      }
-    })
-  }
-
-  onNewCardSaveClick() {
-    const { newCard, newCardLaneID } = this.state;
-    const { board } = this.props;
-    this.setState({ newCardModalActive: false });
-    this.props.dispatch(createIssue(
-      newCard.project, 
-      newCard.title, 
-      newCard.body, 
-      board.lanes[newCardLaneID].issueLabel
-    ));
-  }
-
-  componentDidUpdate(prevProps) {
-    if (prevProps.board !== this.props.board) this.requestBuildKanboard();
-  }
-
-  requestBoardsUpdate() {
-    this.props.dispatch(fetchBoards());
-  }
-
-  requestBuildKanboard() {
-    const { board } = this.props;
-    if (!board) return;
-    this.props.dispatch(buildKanboard(board));
-  }
-
-}
-
-export const ConnectedBoardPage = connect(function(state, props) {
-  const boardID = props.match.params.id;
-  return {
-    board: state.boards.byID[boardID],
-    kanboard: state.kanboards.byID[boardID]
-  };
-})(BoardPage);

client/src/components/BoardPage/BoardPage.tsx

@@ -0,0 +1,356 @@
+import React, { Fragment } from 'react';
+import { Page } from '../Page';
+import { connect, DispatchProp } from 'react-redux';
+import Board, { addColumn } from '@lourenci/react-kanban';
+import { fetchBoards } from '../../store/actions/boards';
+import { createIssue, fetchIssues } from '../../store/actions/issues';
+import { buildKanboard, moveCard } from '../../store/actions/kanboards';
+import { Loader } from '../Loader';
+import { IssueCard } from './IssueCard';
+import { Modal } from '../Modal';
+import { fetchProjectsMilestones } from '../../store/actions/projects';
+
+export interface BoardPageProps extends DispatchProp {
+  board: any
+  kanboard: any
+  milestones: any
+}
+
+export class BoardPage extends React.Component<BoardPageProps> {
+
+  state = {
+    newCardModalActive: false,
+    newCardLaneID: 0,
+    newCard: {
+      title: "",
+      body: "",
+      project: ""
+    },
+    compactMode: true,
+    hasError: false,
+    selectedMilestone: "",
+  }
+
+  onNewCardTitleChange: (evt: any) => void;
+  onNewCardBodyChange: (evt: any) => void;
+  onNewCardProjectChange: (evt: any) => void;
+
+  constructor(props: BoardPageProps) {
+    super(props);
+    this.renderLaneHeader = this.renderLaneHeader.bind(this);
+    this.onNewCardClick = this.onNewCardClick.bind(this);
+    this.onNewCardCloseClick = this.onNewCardCloseClick.bind(this);
+    this.onNewCardTitleChange = this.onNewCardAttrChange.bind(this, 'title');
+    this.onNewCardBodyChange = this.onNewCardAttrChange.bind(this, 'body');
+    this.onNewCardProjectChange = this.onNewCardAttrChange.bind(this, 'project');
+    this.onNewCardSaveClick = this.onNewCardSaveClick.bind(this);
+  }
+
+  componentDidCatch(error, errorInfo) {
+    // You can also log the error to an error reporting service
+    console.error(error, errorInfo);
+  }
+
+  handleMilestonesChange(e: any) {
+    let m = (e.target as HTMLInputElement).value;
+    this.setState(state => ({ ...state, selectedMilestone: m }), this.requestBuildKanboard);
+    //this.requestBuildKanboard();
+  }
+
+  render() {
+    const { board } = this.props;
+    return (
+      <Page title={`${board ? (board.title + ' - ') : ''}GenGitKan`}>
+        {this.renderBoard()}
+      </Page>
+    );
+  }
+
+  renderBoard() {
+    const { kanboard, board, milestones } = this.props;
+    const { selectedMilestone } = this.state;
+
+    if (!kanboard) {
+      return <Loader></Loader>
+    }
+
+    return (
+      <Fragment>
+        <nav className="navbar is-light">
+          <div className="container is-fluid">
+            <div className="navbar-start">
+              <div className="navbar-item">
+                {board.title}
+              </div>
+            </div>
+            <div className="navbar-end">
+              <div className="navbar-item">
+                <div className="select">
+                  <select onChange={this.handleMilestonesChange.bind(this)}>
+                    <option value="">Sélectionner un jalon</option>
+                    {
+                      milestones.length > 0 ? milestones.map((k: any) => {
+                        return (
+                          <optgroup label={k.project}>
+                            {
+                              k.milestones.map((m: any) => {
+                                return (
+                                  <option value={m.title} key={m.id}>{m.title}</option>
+                                )
+                              })
+                            }
+                          </optgroup>
+                        )
+                      }) : ""
+                    }
+                  </select>
+                </div>
+              </div>
+              <div className="navbar-item">
+
+                <div className="field">
+
+                  <input id="compactMode"
+                    checked={this.state.compactMode}
+                    onChange={this.onCompactModeChange.bind(this)}
+                    type="checkbox"
+                    className="switch is-outlined is-success"
+                    name="compactMode"
+                  />
+                  <label htmlFor="compactMode">Mode compact</label>
+                </div>
+              </div>
+              <a href={`#/boards/${board.id}/edit`} className="navbar-item">
+                <span className="icon">
+                  <i className="fa fa-edit fa-fw"></i>
+                </span>
+                <span>Modifier le tableau</span>
+              </a>
+            </div>
+          </div>
+        </nav>
+        <div className="container is-fluid">
+          <div className="kanboard-container is-fullheight">
+            <Board
+              renderCard={this.renderCard.bind(this)}
+              renderColumnHeader={this.renderLaneHeader.bind(this)}
+              onCardDragEnd={this.onCardDragEnd.bind(this)}
+              disableColumnDrag={true}
+            >
+              {kanboard}
+            </Board>
+            {this.renderNewCardModal()}
+          </div>
+        </div>
+      </Fragment>
+
+    );
+  }
+
+  renderNewCardModal() {
+    const { newCardModalActive, newCardLaneID } = this.state;
+    const { board } = this.props;
+    if (!board || newCardLaneID === undefined) return null;
+
+    return (
+      <Modal active={newCardModalActive}>
+        <div className="new-card-modal">
+          <article className="message">
+            <div className="message-header">
+              <p><span>"{board.lanes[newCardLaneID].title}" - Nouveau ticket</span></p>
+              <button className="delete" aria-label="delete" onClick={this.onNewCardCloseClick}></button>
+            </div>
+            <div className="message-body">
+              <div className="field">
+                <div className="control">
+                  <input className="input is-medium" type="text"
+                    placeholder="Titre de votre ticket..."
+                    value={this.state.newCard.title}
+                    onChange={this.onNewCardTitleChange} />
+                </div>
+              </div>
+              <div className="field">
+                <div className="control">
+                  <textarea className="textarea"
+                    placeholder="Description du nouveau ticket..."
+                    value={this.state.newCard.body}
+                    onChange={this.onNewCardBodyChange}
+                    rows={10}>
+                  </textarea>
+                </div>
+              </div>
+              <div className="field">
+                <div className="control is-expanded">
+                  <div className="select is-fullwidth">
+                    <select
+                      value={this.state.newCard.project}
+                      onChange={this.onNewCardProjectChange}>
+                      {
+                        board.projects.map((p: any, i: number) => {
+                          return <option key={`new-card-project-${i}`} value={p}>{p}</option>
+                        })
+                      }
+                    </select>
+                  </div>
+                </div>
+              </div>
+              <div className="field is-grouped is-grouped-right">
+                <p className="control">
+                  <a className="button is-light"
+                    onClick={this.onNewCardCloseClick}>
+                    Annuler
+                  </a>
+                </p>
+                <p className="control">
+                  <a className="button is-primary"
+                    onClick={this.onNewCardSaveClick}>
+                    Enregistrer
+                  </a>
+                </p>
+              </div>
+            </div>
+          </article>
+        </div>
+      </Modal>
+    )
+  }
+
+  renderCard(card: any) {
+    return <IssueCard compact={this.state.compactMode} card={card} />;
+  }
+
+  renderLaneHeader(lane: any) {
+    return (
+      <div className="kanboard-lane">
+        <div className="level">
+          <div className="level-left">
+            <div className="level-item">
+              <span className="tag is-primary is-light is-normal">{lane.cards.length}</span>
+            </div>
+            <button className="button is-light level-item is-small expand"
+              onClick={this.onMinimizeColumn}>
+              <span className="icon">
+                <i className="fas fa-chevron-right" aria-hidden="true"></i>
+              </span>
+            </button>
+            <h3 className="level-item is-size-5">
+              {lane.title}
+            </h3>
+          </div>
+          <div className="level-right is-show-expand">
+            <button className="button is-light level-item is-small"
+              onClick={this.onNewCardClick.bind(this, lane.id)}>
+              <span className="icon">
+                <i className="fas fa-plus" aria-hidden="true"></i>
+              </span>
+            </button>
+            <button className="button is-light level-item is-small"
+              onClick={this.onMinimizeColumn}>
+              <span className="icon">
+                <i className="fas fa-chevron-left" aria-hidden="true"></i>
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+    )
+  }
+
+  onMinimizeColumn(e: any) {
+    e.currentTarget.closest('.react-kanban-column').classList.toggle('minimized');
+  }
+
+  onCardDragEnd(card: any, source: any, dest: any) {
+    const { board } = this.props;
+    this.props.dispatch(moveCard(
+      board.id,
+      source.fromColumnId,
+      source.fromPosition,
+      dest.toColumnId,
+      dest.toPosition
+    ));
+  }
+
+  componentDidMount() {
+    const { board } = this.props;
+    if (!board) {
+      this.requestBoardsUpdate();
+      return
+    }
+
+    this.requestBuildKanboard();
+  }
+
+  onNewCardClick(laneID: string) {
+    const { board } = this.props;
+    this.setState({
+      newCardModalActive: true,
+      newCardLaneID: laneID,
+      newCard: {
+        title: "",
+        body: "",
+        project: board.projects[0],
+      }
+    });
+  }
+
+  onNewCardCloseClick() {
+    this.setState({ newCardModalActive: false });
+  }
+
+  onNewCardAttrChange(attrName: string, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value;
+    this.setState((state: any) => {
+      return {
+        ...state,
+        newCard: {
+          ...state.newCard,
+          [attrName]: value,
+        }
+      }
+    })
+  }
+
+  onNewCardSaveClick() {
+    const { newCard, newCardLaneID } = this.state;
+    const { board } = this.props;
+    this.setState({ newCardModalActive: false });
+    this.props.dispatch(createIssue(
+      newCard.project,
+      newCard.title,
+      newCard.body,
+      board.lanes[newCardLaneID].issueLabel
+    ));
+  }
+
+  componentDidUpdate(prevProps: any) {
+    if (prevProps.board !== this.props.board) this.requestBuildKanboard();
+  }
+
+  requestBoardsUpdate() {
+    this.props.dispatch(fetchBoards());
+  }
+
+  requestBuildKanboard() {
+    const { board } = this.props;
+    const { selectedMilestone } = this.state;
+    if (!board) return;
+    this.props.dispatch(fetchProjectsMilestones(board.projects));
+    this.props.dispatch(buildKanboard(board, selectedMilestone));
+  }
+
+  onCompactModeChange(evt: React.ChangeEvent) {
+    const checked = (evt.currentTarget as HTMLInputElement).checked;
+    this.setState(state => ({ ...state, compactMode: checked }));
+  }
+
+}
+
+export const ConnectedBoardPage = connect(function (state: any, props: any) {
+  const boardID = props.match.params.id;
+  return {
+    board: state.boards.byID[boardID],
+    kanboard: state.kanboards.byID[boardID],
+    milestones: state.projects.milestones
+  };
+})(BoardPage);

client/src/components/BoardPage/EditBoardPage.tsx

@@ -1,13 +1,19 @@
 import React from 'react';
 import { Page } from '../Page';
-import { connect } from 'react-redux';
+import { connect, DispatchProp } from 'react-redux';
 import { selectFlagsIsLoading } from '../../store/selectors/flags';
 import { fetchBoards, saveBoard, deleteBoard } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import uuidv4 from 'uuid/v4';
 import { Loader } from '../Loader';
+import { RouteComponentProps } from 'react-router';
 
-export class EditBoardPage extends React.Component {
+export interface EditorBoardPageProps extends DispatchProp, RouteComponentProps {
+  isLoading: boolean
+  projects: any
+}
+
+export class EditBoardPage extends React.Component<EditorBoardPageProps> {
 
   state = {
     edited: false,
@@ -20,7 +26,13 @@ export class EditBoardPage extends React.Component {
     },
   }
 
-  static getDerivedStateFromProps(props, state) {
+  onBoardTitleChange: (evt: any) => void;
+  onBoardDescriptionChange: (evt: any) => void;
+  onBoardLaneTitleChange: (laneIndex: any, evt: any) => void;
+  onBoardLaneIssueLabelChange: (laneIndex: any, evt: any) => void;
+  onBoardLaneIssueCollectRemainingIssuesChange: (laneIndex: any, evt: any) => void;
+
+  static getDerivedStateFromProps(props: any, state: any) {
     const { board, isLoading } = props;
 
     if (isLoading || !board || state.edited) return state;
@@ -32,17 +44,18 @@ export class EditBoardPage extends React.Component {
         title: board.title,
         description: board.description,
         projects: [ ...board.projects ],
-        lanes: [ ...board.lanes.map(l => ({ ...l })) ]
+        lanes: [ ...board.lanes.map((l: any) => ({ ...l })) ]
       }
     };
   } 
 
-  constructor(props) {
+  constructor(props: any) {
     super(props);
     this.onBoardTitleChange = this.onBoardAttrChange.bind(this, 'title');
     this.onBoardDescriptionChange = this.onBoardAttrChange.bind(this, 'description');
     this.onBoardLaneTitleChange = this.onBoardLaneAttrChange.bind(this, 'title');
     this.onBoardLaneIssueLabelChange = this.onBoardLaneAttrChange.bind(this, 'issueLabel');
+    this.onBoardLaneIssueCollectRemainingIssuesChange = this.onBoardLaneAttrChange.bind(this, 'collectRemainingIssues');
     this.onDeleteBoardClick = this.onDeleteBoardClick.bind(this);
   }
   
@@ -129,15 +142,15 @@ export class EditBoardPage extends React.Component {
     const { projects } = this.props;
     const { board } = this.state;
 
-    const  projectSelectField = (projectIndex, value, withDeleteAddon) => {
+    const  projectSelectField = (projectIndex: number, value: any, withDeleteAddon: boolean) => {
       return (
         <div key={`project-${projectIndex}`} className="field has-addons">
           <div className="control is-expanded">
             <div className="select is-fullwidth">
               <select value={value} onChange={this.onBoardProjectChange.bind(this, projectIndex)}>
-                <option value></option>
+                <option value=""></option>
                 {
-                  projects.map(p => {
+                  projects.map((p: any) => {
                     return <option key={`project-${p}`} value={p}>{p}</option>;
                   })
                 }
@@ -179,7 +192,7 @@ export class EditBoardPage extends React.Component {
 
     const { board } = this.state;
  
-    const laneSection = (laneIndex, lane) => {
+    const laneSection = (laneIndex: number, lane: any) => {
       return (
         <React.Fragment key={`board-lane-${laneIndex}`}>
           <div className="columns">
@@ -212,6 +225,21 @@ export class EditBoardPage extends React.Component {
                   </div>
                 </div>
               </div>
+              <div className="field is-horizontal">
+                <div className="field-label is-normal"></div>
+                <div className="field-body">
+                  <div className="field">
+                    <div className="control">
+                      <label className="checkbox">
+                        <input type="checkbox"
+                          checked={lane.hasOwnProperty('collectRemainingIssues') ? !!lane.collectRemainingIssues : false}                          
+                          onChange={this.onBoardLaneIssueCollectRemainingIssuesChange.bind(this, laneIndex)} />
+                        Inclure tous les tickets "restants" (i.e. non sélectionnés par les autres voies)
+                      </label>
+                    </div>
+                  </div>
+                </div>
+              </div>
             </div>
             <div className="column is-2 is-flex">
               <div className="buttons">
@@ -266,7 +294,7 @@ export class EditBoardPage extends React.Component {
   }
 
   onBoardLaneAdd() {
-    this.setState(state => {
+    this.setState((state: any) => {
       const lanes = [ 
         ...state.board.lanes, 
         { id: uuidv4(), title: "", issueLabel: "" }
@@ -282,8 +310,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardProjectDelete(projectIndex) {
-    this.setState(state => {
+  onBoardProjectDelete(projectIndex: number) {
+    this.setState((state: any) => {
       const projects = [ ...state.board.projects ]
       projects.splice(projectIndex, 1); 
       return {
@@ -297,8 +325,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneMove(laneIndex, direction) {
-    this.setState(state => {
+  onBoardLaneMove(laneIndex: number, direction: number) {
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ];
 
       const nextLaneIndex = laneIndex+direction;
@@ -321,8 +349,8 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneDelete(laneIndex) {
-    this.setState(state => {
+  onBoardLaneDelete(laneIndex: number) {
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ]
       lanes.splice(laneIndex, 1); 
       return {
@@ -336,9 +364,9 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardProjectChange(projectIndex, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardProjectChange(projectIndex: number, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value ;
+    this.setState((state: any) => {
       const projects = [ ...state.board.projects ]; 
       projects[projectIndex] = value;
       return {
@@ -352,9 +380,9 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardAttrChange(attrName, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardAttrChange(attrName: string, evt: React.ChangeEvent) {
+    const value = (evt.target as HTMLInputElement).value;
+    this.setState((state: any) => {
       return {
         ...state,
         edited: true,
@@ -366,14 +394,16 @@ export class EditBoardPage extends React.Component {
     });
   }
 
-  onBoardLaneAttrChange(attrName, laneIndex, evt) {
-    const value = evt.target.value;
-    this.setState(state => {
+  onBoardLaneAttrChange(attrName: string, laneIndex: number, evt: React.ChangeEvent) {
+    const input = evt.target as HTMLInputElement;
+    const value = input.type === "checkbox" ? input.checked : input.value;
+    this.setState((state: any) => {
       const lanes = [ ...state.board.lanes ];
       lanes[laneIndex] = {
         ...state.board.lanes[laneIndex],
         [attrName]: value
       };
+      console.log(lanes);
       return {
         ...state,
         edited: true,
@@ -406,7 +436,7 @@ export class EditBoardPage extends React.Component {
 
 }
 
-export const ConnectedEditBoardPage = connect(function(state, props) {
+export const ConnectedEditBoardPage = connect(function(state: any, props: any) {
   const boardID = props.match.params.id;
   const board = boardID ? state.boards.byID[boardID] : null;
 

client/src/components/BoardPage/IssueCard.jsx

@@ -1,62 +0,0 @@
-import React from 'react';
-
-const issueURLPattern = /(^https?:\/\/([^\/]))$/i;
-
-export class IssueCard extends React.PureComponent {
-  render() {
-    const { card } = this.props;
-    const issueURLInfo = extractInfoFromIssueURL(card.issue.url);
-    const projectURL = `${issueURLInfo.baseURL}/${issueURLInfo.owner}/${issueURLInfo.projectName}`;
-    const issueURL = `${projectURL}/issues/${card.issue.number}`;
-    return (
-      <div className="kanboard-card">
-        <div className="box">
-          <div className="media">
-            {
-              card.issue.assignee ?
-              <div className="media-left">
-                <figure className="image is-64x64">
-                  <img src={card.issue.assignee.avatar_url} alt="Image" />
-                </figure>
-                <small>{`@${card.issue.assignee.login}`}</small>
-              </div>
-              : null
-            }
-            <div className="media-content">
-              <div className="content">
-                <p>
-                  <strong>{`#${card.issue.number}`}</strong>&nbsp;
-                  { card.issue.milestone ? <small>{`- ${card.issue.milestone.title}`}</small> : null }
-                  <br />
-                  <span className="is-size-6">{card.issue.title}</span>
-                </p>
-              </div>
-            </div>
-          </div>
-          <div className="level is-mobile" style={{marginTop:'1rem'}}>
-            <div className="level-left">
-              <small className="level-item"><a href={projectURL}>{card.project}</a></small>
-            </div>
-            <div className="level-right">
-              <a className="level-item" target="_blank" href={issueURL}>
-                <span className="icon is-small has-text-info">
-                  <i className="fas fa-search" aria-hidden="true"></i>
-                </span>
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-    );
-  }
-}
-
-function extractInfoFromIssueURL(issueURL) {
-  const pattern = /^(https?:\/\/[^\/]+)\/api\/v1\/repos\/([^\/]+)\/([^\/]+)\/.*$/;
-  const matches = pattern.exec(issueURL);
-  return {
-    baseURL: matches[1],
-    owner: matches[2],
-    projectName: matches[3],
-  };
-}

client/src/components/BoardPage/IssueCard.tsx

@@ -0,0 +1,80 @@
+import React from 'react';
+import { KanboardCard } from '../../types/kanboard';
+
+export interface IssueCardProps {
+  card: KanboardCard
+  compact: boolean
+}
+
+export class IssueCard extends React.PureComponent<IssueCardProps> {
+  render() {
+    
+    const { card, compact } = this.props;
+    const issueURLInfo = extractInfoFromIssueURL(card.issue.url);
+    const projectURL = `${issueURLInfo.baseURL}/${issueURLInfo.owner}/${issueURLInfo.projectName}`;
+    const issueURL = `${projectURL}/issues/${card.issue.number}`;
+
+    return (
+      <div className="kanboard-card">
+        <div className="box has-padding-small is-radiusless">
+          <div className="media">
+            <div className="media-content">
+              <div className="content">
+                { !compact && 
+                  <nav className="level">
+                    <div className="level-left">
+                      <div className="level-item">
+                        <a target="_blank" href={issueURL}><strong>{`#${card.issue.number}`}</strong></a>
+                      </div>
+                      { !compact && 
+                        <div className="level-item">
+                          <a target="_blank" href={projectURL}>{card.project}</a>
+                        </div>
+                      }
+                    </div>
+                    <div className="level-right">
+                      {
+                        card.issue.assignee && !compact ?
+                          <div className="level-item">
+                            <small>{`@${card.issue.assignee.login}`}</small>
+                          </div>
+                        : null
+                      }
+                    </div>
+                  </nav>
+                }
+                { compact &&
+                  <a target="_blank" className="mr-1" href={issueURL}><strong>{`#${card.issue.number}`}</strong></a>
+                }
+                <span>{card.issue.title ? card.issue.title : ''}</span>
+              </div>
+              { !compact &&
+                <nav className="level">
+                  <div className="level-left"></div>
+                  <div className="level-right">
+                    <div className="level-item is-size-7">
+                      {card.issue.milestone ? card.issue.milestone.title : ''}
+                    </div>
+                  </div>
+                </nav>
+              }
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+function extractInfoFromIssueURL(issueURL: string): any|void {
+  const pattern = /^(https?:\/\/[^\/]+)\/api\/v1\/repos\/([^\/]+)\/([^\/]+)\/.*$/;
+  const matches = pattern.exec(issueURL);
+  
+  if (!matches) return;
+
+  return {
+    baseURL: matches[1],
+    owner: matches[2],
+    projectName: matches[3],
+  };
+}

client/src/components/HomePage/BoardCard.tsx

@@ -1,6 +1,10 @@
 import React from 'react';
 
-export class BoardCard extends React.PureComponent {
+export interface BoardProps {
+  board: any
+}
+
+export class BoardCard extends React.PureComponent<BoardProps> {
   render() {
     const { board } = this.props;
     return (

client/src/components/HomePage/HomePage.tsx

@@ -1,12 +1,17 @@
 import React from 'react';
 import { Page } from '../Page';
 import { BoardCard } from './BoardCard';
-import { connect } from 'react-redux';
+import { connect, DispatchProp } from 'react-redux';
 import { fetchBoards } from '../../store/actions/boards';
 import { fetchProjects } from '../../store/actions/projects';
 import { selectBoardByUserProjects } from '../../store/selectors/boards';
 
-export class HomePage extends React.Component {
+export interface HomePageProps extends DispatchProp {
+  boards: any[]
+}
+
+
+export class HomePage extends React.Component<HomePageProps> {
   render() {
     return (
       <Page title="GenGitKan - Accueil">
@@ -40,8 +45,8 @@ export class HomePage extends React.Component {
         boardRows[boardRows.length-1].push(board);
         return boardRows;
       }, [])
-      .map((row, rowIndex) => {
-        const tiles = row.map((board) => {
+      .map((row: any, rowIndex: number) => {
+        const tiles = row.map((board: any) => {
           return (
             <div key={`board-${board.id}`} className={`tile is-parent is-4`}>
               <div className="tile is-child">
@@ -72,7 +77,7 @@ export class HomePage extends React.Component {
 
 }
 
-export const ConnectedHomePage = connect(function(state) {
+export const ConnectedHomePage = connect(function(state: any) {
   return {
     boards: selectBoardByUserProjects(state.boards.byID, state.projects.byName)
   };

client/src/components/Modal.tsx

@@ -1,6 +1,12 @@
-import React from 'react';
+import React, { PropsWithChildren } from 'react';
 
-export class Modal extends React.PureComponent {
+export interface ModalProps {
+  active: boolean
+  showCloseButton?: boolean
+  onClose?: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void
+}
+
+export class Modal extends React.PureComponent<PropsWithChildren<ModalProps>> {
   render() {
     const { children, active, showCloseButton, onClose } = this.props;
     return (

client/src/components/Navbar.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import logo from '../resources/logo.svg';
 
 export class Navbar extends React.PureComponent {
   render() {
@@ -7,7 +8,7 @@ export class Navbar extends React.PureComponent {
         <div className="container is-fluid">
           <div className="navbar-brand">
             <a className="navbar-item" href="#/">
-              <img src="resources/logo.svg" style={{marginRight:'5px',width:'28px',height:'28px'}} />
+              <img src={logo} style={{marginRight:'5px',width:'28px',height:'28px'}} />
               <h1 className="is-size-4">GenGitKan</h1>
             </a>
             <a role="button" className="navbar-burger" aria-label="menu" aria-expanded="false">

client/src/components/Page.tsx

@@ -1,7 +1,11 @@
 import React from 'react';
 import { Navbar } from './Navbar';
 
-export class Page extends React.PureComponent {
+export interface PageProps {
+  title?: string
+}
+
+export class Page extends React.PureComponent<PageProps> {
   render() {
     return (
       <React.Fragment>

client/src/custom.d.ts

@@ -0,0 +1,5 @@
+declare module "*.svg" {
+    const content: any;
+    export default content;
+}
+declare module '@lourenci/react-kanban';

client/src/index.html

@@ -4,11 +4,17 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>GenGitKan</title>
-    <link rel="stylesheet" href="css/main.css">
-    <link rel="icon" type="image/png" href="resources/favicon.png">
+    <% for (var css in htmlWebpackPlugin.files.css) { %>
+    <link href="<%= htmlWebpackPlugin.files.css[css] %>" rel="stylesheet">
+    <% } %>
+    <% if (htmlWebpackPlugin.files.favicon) { %>
+    <link rel="shortcut icon" href="<%= htmlWebpackPlugin.files.favicon%>">
+    <% } %>
   </head>
   <body>
     <div id="app" class="is-fullheight"></div>
-    <script type="text/javascript" src="main.js"></script>
+    <% for (var chunk in htmlWebpackPlugin.files.chunks) { %>
+    <script type="text/javascript" src="<%= htmlWebpackPlugin.files.chunks[chunk].entry %>"></script>
+    <% } %>
   </body>
 </html>

client/src/index.tsx

@@ -1,5 +1,4 @@
 import './sass/_all.scss';
-import './index.html';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { App } from './components/App';
@@ -8,7 +7,6 @@ import '@fortawesome/fontawesome-free/js/fontawesome'
 import '@fortawesome/fontawesome-free/js/solid'
 import '@fortawesome/fontawesome-free/js/regular'
 import '@fortawesome/fontawesome-free/js/brands'
-import './resources/logo.svg';
 import './resources/favicon.png';
 
 ReactDOM.render(

client/src/sass/_all.scss

@@ -1,4 +1,6 @@
 @import 'bulma/bulma.sass';
+@import '../../node_modules/@lourenci/react-kanban/dist/styles.css';
+@import 'bulma-switch/dist/css/bulma-switch.sass';
 @import '_base.scss';
 @import '_loader.scss';
-@import '_kanboard.scss';
+@import '_kanboard.scss';

client/src/sass/_base.scss

@@ -11,7 +11,15 @@ html, body {
     margin-top: $size-normal;
 }
 
+.has-padding-small {
+    padding: 1rem;
+}
+
 #app {
     display: flex;
     flex-direction: column;
+}
+
+.mr-1 {
+    margin-right: 5px;
 }

client/src/sass/_kanboard.scss

@@ -44,6 +44,12 @@
 
     .kanboard-lane {
         margin-bottom: $size-small;
+        background: $white;
+        top: 0;
+
+        .expand {
+            display: none;
+        }
     }
 }
 
@@ -51,4 +57,142 @@
     justify-content: center;
     align-items: center;
     width: 50% !important;
+}
+
+.react-kanban-board {
+    max-height: calc(100vh - calc(52px * 2));
+    overflow: hidden;
+    overflow-x: scroll;
+
+    scrollbar-color: $grey-lighter, #f1f1f1;
+    scrollbar-width: 5px;
+
+    &::-webkit-scrollbar {
+        width: 5px;
+        height: 5px;
+    }
+
+    /* Track */
+    &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+        background: $grey-lighter;
+    }
+
+    /* Handle on hover */
+    &::-webkit-scrollbar-thumb:hover {
+        background: $green;
+    }
+}
+
+.react-kanban-column {
+    transition: width ease .2s;
+    max-width: 305px;
+    min-width: 305px;
+    position: relative;
+
+    max-height: 100%;
+    overflow-x: hidden;
+    overflow-y: scroll;
+
+    scrollbar-color: $grey-lighter, #f1f1f1;
+    scrollbar-width: 5px;
+
+    .kanboard-card {
+        display: block;
+    }
+
+    &.minimized {
+        max-width: 70px;
+        min-width: 70px;
+        
+        writing-mode: vertical-rl;
+        text-orientation: sideways-right;
+
+        
+
+        .level-item {
+            margin-right: 0;
+        }
+
+        .level-left {
+            margin-right: 0;
+        }
+
+        .level-right.is-show-expand {
+            display: none;
+        }
+
+        .kanboard-lane {
+            /*margin-right: -1em;*/
+
+            h3 {
+                margin-top: .5em;
+                /*margin-right: -.5em;*/
+            }
+
+            .tag {
+                writing-mode: horizontal-tb;
+            }
+
+            .expand {
+                display: block !important;
+                margin-top: .5em;
+            }
+        }
+
+        .kanboard-card {
+            display: none;
+        }
+        
+    }
+    
+
+    &::-webkit-scrollbar {
+        width: 5px;
+    }
+
+    /* Track */
+    &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+    }
+
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+        background: $grey-lighter;
+    }
+
+    /* Handle on hover */
+    &::-webkit-scrollbar-thumb:hover {
+        background: $green;
+    }
+}
+
+.react-kanban-card__title {
+    position: sticky;
+    position: -webkit-sticky;
+}
+
+.react-kanban-column {
+    background: white !important;
+}
+
+
+.kanboard-card {
+    overflow-wrap: break-word;
+
+    a {
+        display: inline-block;
+    }
+
+    .level {
+        margin-bottom: 0;
+    }
+
+    .level-item {
+        max-width: 100%;
+    }
 }

client/src/store/actions/boards.ts

@@ -10,7 +10,7 @@ export const SAVE_BOARD_REQUEST = "SAVE_BOARD_REQUEST";
 export const SAVE_BOARD_SUCCESS = "SAVE_BOARD_SUCCESS";
 export const SAVE_BOARD_FAILURE = "SAVE_BOARD_FAILURE";
 
-export function saveBoard(board) {
+export function saveBoard(board: any) {
   return { type: SAVE_BOARD_REQUEST, board };
 };
 
@@ -18,6 +18,6 @@ export const DELETE_BOARD_REQUEST = "DELETE_BOARD_REQUEST";
 export const DELETE_BOARD_SUCCESS = "DELETE_BOARD_SUCCESS";
 export const DELETE_BOARD_FAILURE = "DELETE_BOARD_FAILURE";
 
-export function deleteBoard(id) {
+export function deleteBoard(id: any) {
   return { type: DELETE_BOARD_REQUEST, id };
 };

client/src/store/actions/issues.ts

@@ -2,15 +2,15 @@ export const FETCH_ISSUES_REQUEST = "FETCH_ISSUES_REQUEST";
 export const FETCH_ISSUES_SUCCESS = "FETCH_ISSUES_SUCCESS";
 export const FETCH_ISSUES_FAILURE = "FETCH_ISSUES_FAILURE";
 
-export function fetchIssues(project) {
-  return { type: FETCH_ISSUES_REQUEST, project };
+export function fetchIssues(project: any, milestones: string) {
+  return { type: FETCH_ISSUES_REQUEST, project, milestones };
 };
 
 export const ADD_LABEL_REQUEST = "ADD_LABEL_REQUEST";
 export const ADD_LABEL_SUCCESS = "ADD_LABEL_SUCCESS";
 export const ADD_LABEL_FAILURE = "ADD_LABEL_FAILURE";
 
-export function addLabel(project, issueNumber, label) {
+export function addLabel(project: any, issueNumber: any, label: string) {
   return { type: ADD_LABEL_REQUEST, project, issueNumber, label };
 }
 
@@ -18,7 +18,7 @@ export const REMOVE_LABEL_REQUEST = "REMOVE_LABEL_REQUEST";
 export const REMOVE_LABEL_SUCCESS = "REMOVE_LABEL_SUCCESS";
 export const REMOVE_LABEL_FAILURE = "REMOVE_LABEL_FAILURE";
 
-export function removeLabel(project, issueNumber, label) {
+export function removeLabel(project: any, issueNumber: any, label: string) {
   return { type: REMOVE_LABEL_REQUEST, project, issueNumber, label };
 }
 
@@ -26,6 +26,6 @@ export const CREATE_ISSUE_REQUEST = "CREATE_ISSUE_REQUEST";
 export const CREATE_ISSUE_SUCCESS = "CREATE_ISSUE_SUCCESS";
 export const CREATE_ISSUE_FAILURE = "CREATE_ISSUE_FAILURE";
 
-export function createIssue(project, title, body, label) {
+export function createIssue(project: any, title: string, body: any, label: string) {
   return { type: CREATE_ISSUE_REQUEST, project, title, body, label };
 };

client/src/store/actions/kanboards.ts

@@ -2,12 +2,12 @@ export const BUILD_KANBOARD_REQUEST = "BUILD_KANBOARD_REQUEST";
 export const BUILD_KANBOARD_SUCCESS = "BUILD_KANBOARD_SUCCESS";
 export const BUILD_KANBOARD_FAILURE = "BUILD_KANBOARD_FAILURE";
 
-export function buildKanboard(board) {
-  return { type: BUILD_KANBOARD_REQUEST, board };
+export function buildKanboard(board: string, milestones: string) {
+  return { type: BUILD_KANBOARD_REQUEST, board, milestones };
 };
 
 export const MOVE_CARD = "MOVE_CARD";
 
-export function moveCard(boardID, fromLaneID, fromPosition, toLaneID, toPosition) {
+export function moveCard(boardID: string, fromLaneID: string, fromPosition: any, toLaneID: any, toPosition: any) {
   return { type: MOVE_CARD, boardID, fromLaneID, fromPosition, toLaneID, toPosition };
 };

client/src/store/actions/projects.js

@@ -1,7 +0,0 @@
-export const FETCH_PROJECTS_REQUEST = "FETCH_PROJECTS_REQUEST";
-export const FETCH_PROJECTS_SUCCESS = "FETCH_PROJECTS_SUCCESS";
-export const FETCH_PROJECTS_FAILURE = "FETCH_PROJECTS_FAILURE";
-
-export function fetchProjects() {
-  return { type: FETCH_PROJECTS_REQUEST };
-};

client/src/store/actions/projects.ts

@@ -0,0 +1,15 @@
+export const FETCH_PROJECTS_REQUEST = "FETCH_PROJECTS_REQUEST";
+export const FETCH_PROJECTS_SUCCESS = "FETCH_PROJECTS_SUCCESS";
+export const FETCH_PROJECTS_FAILURE = "FETCH_PROJECTS_FAILURE";
+
+export const FETCH_PROJECT_MILESTONES_REQUEST = "FETCH_PROJECTS_MILESTONES_REQUEST";
+export const FETCH_PROJECT_MILESTONES_SUCCESS = "FETCH_PROJECTS_MILESTONES_SUCCESS";
+export const FETCH_PROJECT_MILESTONES_FAILURE = "FETCH_PROJECTS_MILESTONES_FAILURE";
+
+export function fetchProjects() {
+  return { type: FETCH_PROJECTS_REQUEST };
+};
+
+export function fetchProjectsMilestones(projects: any) {
+  return { type: FETCH_PROJECT_MILESTONES_REQUEST, projects };
+};

client/src/store/reducers/boards.ts

@@ -4,7 +4,7 @@ export const defaultState = {
   byID: {},
 };
 
-export function boardsReducer(state = defaultState, action) {
+export function boardsReducer(state = defaultState, action: any) {
   switch(action.type) {
     case SAVE_BOARD_SUCCESS:
       return handleSaveBoardSuccess(state, action);
@@ -15,7 +15,7 @@ export function boardsReducer(state = defaultState, action) {
   }
 }
 
-function handleSaveBoardSuccess(state, action) {
+function handleSaveBoardSuccess(state: any, action: any) {
   const { board } = action;
   return {
     ...state,
@@ -28,8 +28,8 @@ function handleSaveBoardSuccess(state, action) {
   };
 }
 
-function handleFetchBoardsSuccess(state, action) {
-  const boardsByID = action.boards.reduce((byID, board) => {
+function handleFetchBoardsSuccess(state: any, action: any) {
+  const boardsByID = action.boards.reduce((byID: any, board: any) => {
     byID[board.id] = board;
     return byID;
   }, {});

client/src/store/reducers/flags.ts

@@ -2,7 +2,7 @@ const defaultState = {
   actions: {}
 };
 
-export function flagsReducer(state = defaultState, action) {
+export function flagsReducer(state = defaultState, action: any) {
   const matches = (/^(.*)_((SUCCESS)|(FAILURE)|(REQUEST))$/).exec(action.type);
 
   if(!matches) return state;

client/src/store/reducers/issues.ts

@@ -4,7 +4,7 @@ const defaultState = {
   byProject: {}
 };
 
-export function issuesReducer(state = defaultState, action) {
+export function issuesReducer(state = defaultState, action: any) {
   switch(action.type) {
     case FETCH_ISSUES_SUCCESS:
       return handleFetchIssuesSuccess(state, action);
@@ -16,7 +16,7 @@ export function issuesReducer(state = defaultState, action) {
   
 }
 
-function handleFetchIssuesSuccess(state, action) {
+function handleFetchIssuesSuccess(state: any, action: any) {
   return {
     ...state,
     byProject: {
@@ -28,7 +28,7 @@ function handleFetchIssuesSuccess(state, action) {
   }
 }
 
-function handleCreateIssueSuccess(state, action) {
+function handleCreateIssueSuccess(state: any, action: any) {
   return {
     ...state,
     byProject: {

client/src/store/reducers/kanboards.ts

@@ -5,7 +5,7 @@ export const defaultState = {
   byID: {},
 };
 
-export function kanboardsReducer(state = defaultState, action) {
+export function kanboardsReducer(state = defaultState, action: any) {
   switch(action.type) {
     case BUILD_KANBOARD_SUCCESS:
       return handleBuildKanboardSuccess(state, action);
@@ -16,7 +16,7 @@ export function kanboardsReducer(state = defaultState, action) {
   }
 }
 
-function handleBuildKanboardSuccess(state, action) {
+function handleBuildKanboardSuccess(state: any, action: any) {
   return {
     ...state,
     byID: {
@@ -28,7 +28,7 @@ function handleBuildKanboardSuccess(state, action) {
   };
 }
 
-function handleMoveCard(state, action) {
+function handleMoveCard(state: any, action: any) {
   const { 
     boardID, fromLaneID, 
     fromPosition, toLaneID, 
@@ -37,22 +37,22 @@ function handleMoveCard(state, action) {
 
   const kanboard = state.byID[boardID];
 
-  const lanes = [ ...kanboard.lanes ];
-  const fromLane = lanes[fromLaneID];
-  const toLane = lanes[toLaneID];
+  const columns = [ ...kanboard.columns ];
+  const fromLane = columns[fromLaneID];
+  const toLane = columns[toLaneID];
   const card = fromLane.cards[fromPosition];
 
   const fromCards = [ ...fromLane.cards ];
   if (fromLaneID !== toLaneID) {
     fromCards.splice(fromPosition, 1);
-    lanes[fromLaneID] = {
+    columns[fromLaneID] = {
       ...fromLane,
       cards: fromCards,
     };
   
     const toCards = [ ...toLane.cards ];
     toCards.splice(toPosition, 0, card);
-    lanes[toLaneID] = {
+    columns[toLaneID] = {
       ...toLane,
       cards: toCards,
     };
@@ -67,7 +67,7 @@ function handleMoveCard(state, action) {
       ...state.byID,
       [boardID]: {
         ...state.byID[boardID],
-        lanes,
+        columns,
       },
     }
   };

client/src/store/reducers/projects.js

@@ -1,27 +0,0 @@
-import { FETCH_PROJECTS_SUCCESS } from "../actions/projects";
-
-export const defaultState = {
-  byName: {},
-};
-
-export function projectsReducer(state = defaultState, action) {
-  switch(action.type) {
-    case FETCH_PROJECTS_SUCCESS:
-      return handleFetchProjectsSuccess(state, action);
-    default:
-      return state;
-  }
-}
-
-function handleFetchProjectsSuccess(state, action) {
-  const projectsByName = action.projects.reduce((byName, project) => {
-    byName[project.full_name] = project;
-    return byName;
-  }, {});
-  return {
-    ...state,
-    byName: {
-      ...projectsByName,
-    }
-  };
-}

client/src/store/reducers/projects.ts

@@ -0,0 +1,40 @@
+import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECT_MILESTONES_SUCCESS } from "../actions/projects";
+
+export const defaultState = {
+  byName: {},
+  milestones: {}
+};
+
+export function projectsReducer(state = defaultState, action: any) {
+  switch (action.type) {
+    case FETCH_PROJECTS_SUCCESS:
+      return handleFetchProjectsSuccess(state, action);
+
+    case FETCH_PROJECT_MILESTONES_SUCCESS:
+      return handleFetchProjectMilestonesSuccess(state, action);
+
+    default:
+      return state;
+  }
+}
+
+function handleFetchProjectsSuccess(state: any, action: any) {
+  const projectsByName = action.projects.reduce((byName: any, project: any) => {
+    byName[project.full_name] = project;
+    return byName;
+  }, {});
+  return {
+    ...state,
+    byName: {
+      ...projectsByName,
+    }
+  };
+}
+
+function handleFetchProjectMilestonesSuccess(state: any, action: any) {
+  console.log(action.milestones);
+  return {
+    ...state,
+    milestones: action.milestones,
+  };
+}

client/src/store/sagas/boards.ts

@@ -1,5 +1,9 @@
 import { put, call } from 'redux-saga/effects';
-import { FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE, DELETE_BOARD_FAILURE, DELETE_BOARD_SUCCESS } from '../actions/boards';
+import { 
+  FETCH_BOARDS_SUCCESS, SAVE_BOARD_SUCCESS, 
+  SAVE_BOARD_FAILURE, FETCH_BOARDS_FAILURE, 
+  DELETE_BOARD_FAILURE, DELETE_BOARD_SUCCESS 
+} from '../actions/boards';
 import { api } from '../../util/api';
 
 export function* fetchBoardsSaga() {
@@ -15,7 +19,7 @@ export function* fetchBoardsSaga() {
   yield put({ type: FETCH_BOARDS_SUCCESS, boards });
 }
 
-export function* saveBoardSaga(action) {
+export function* saveBoardSaga(action: any) {
   let { board } = action;
 
   try {
@@ -29,11 +33,11 @@ export function* saveBoardSaga(action) {
 }
 
 
-export function* deleteBoardSaga(action) {
+export function* deleteBoardSaga(action: any) {
   let { id } = action;
 
   try {
-    board = yield call(api.deleteBoard, id)
+    yield call(api.deleteBoard, id)
   } catch(error) {
     yield put({ type: DELETE_BOARD_FAILURE, error });
     return

client/src/store/sagas/failure.js

@@ -1,10 +0,0 @@
-import { GiteaUnauthorizedError } from "../../util/gitea";
-import { LOGOUT } from "../actions/logout";
-import { put } from 'redux-saga/effects';
-
-export function* failuresSaga(action) {
-  const err = action.error;
-  if (err instanceof GiteaUnauthorizedError) {
-    yield put({ type: LOGOUT });
-  }
-}

client/src/store/sagas/failure.ts

@@ -0,0 +1,11 @@
+import { GiteaUnauthorizedError } from "../../util/gitea";
+import { put } from 'redux-saga/effects';
+import { logout } from '../actions/logout';
+import { saveReferer } from "../../util/referer";
+
+export function* failuresSaga(action) {
+  if (action.error instanceof GiteaUnauthorizedError) {
+    saveReferer();
+    yield put(logout());
+  }
+}

client/src/store/sagas/issues.ts

@@ -1,23 +1,28 @@
 import { put, call, retry } from 'redux-saga/effects';
-import { FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE, ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS, REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS, CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS } from '../actions/issues';
+import {
+  FETCH_ISSUES_SUCCESS, FETCH_ISSUES_FAILURE,
+  ADD_LABEL_FAILURE, ADD_LABEL_SUCCESS,
+  REMOVE_LABEL_FAILURE, REMOVE_LABEL_SUCCESS,
+  CREATE_ISSUE_FAILURE, CREATE_ISSUE_SUCCESS
+} from '../actions/issues';
 import { gitea } from '../../util/gitea';
 
-export function* fetchIssuesSaga(action) {
-  const { project } = action;
+export function* fetchIssuesSaga(action: any) {
+  const { project, milestones } = action;
 
   let issues = [];
   try {
     let page = 1;
-    while(true) {
-      let pageIssues = yield call(gitea.fetchIssues.bind(gitea), action.project, page);
+    while (true) {
+      let pageIssues = yield call(gitea.fetchIssues.bind(gitea), project, page, milestones);
       if (pageIssues.length === 0) {
         break;
       }
-      issues.push(...pageIssues);
+      issues.push(...pageIssues.filter(issue => issue.pull_request === null));
       page++;
     }
-    
-  } catch(error) {
+
+  } catch (error) {
     yield put({ type: FETCH_ISSUES_FAILURE, project, error });
     return;
   }
@@ -25,10 +30,10 @@ export function* fetchIssuesSaga(action) {
   yield put({ type: FETCH_ISSUES_SUCCESS, project, issues });
 }
 
-export function* addLabelSaga(action) {
+export function* addLabelSaga(action: any) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: ADD_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -37,7 +42,7 @@ export function* addLabelSaga(action) {
 
   try {
     yield retry(5, 250, gitea.addIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
-  } catch(error) {
+  } catch (error) {
     yield put({ type: ADD_LABEL_FAILURE, error });
     return;
   }
@@ -45,10 +50,10 @@ export function* addLabelSaga(action) {
   yield put({ type: ADD_LABEL_SUCCESS, project, issueNumber, label });
 }
 
-export function* removeLabelSaga(action) {
+export function* removeLabelSaga(action: any) {
   const { project, issueNumber, label } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   if (!giteaLabel) {
     yield put({ type: REMOVE_LABEL_FAILURE, error: new Error(`Label "${label}" not found !`) });
@@ -57,33 +62,28 @@ export function* removeLabelSaga(action) {
 
   try {
     yield retry(5, 250, gitea.removeIssueLabel.bind(gitea), project, issueNumber, giteaLabel.id);
-  } catch(error) {
+  } catch (error) {
     yield put({ type: REMOVE_LABEL_FAILURE, error });
     return;
   }
-  
+
 
   yield put({ type: REMOVE_LABEL_SUCCESS, project, issueNumber, label });
 }
 
-export function* createIssueSaga(action) {
+export function* createIssueSaga(action: any) {
   const { project, title, label, body } = action;
   const labels = yield call(gitea.fetchProjectLabels.bind(gitea), project);
-  const giteaLabel = labels.find(l => l.name === label)
-
-  if (!giteaLabel) {
-    yield put({ type: CREATE_ISSUE_FAILURE, error: new Error(`Label "${label}" not found !`) });
-    return;
-  }
+  const giteaLabel = labels.find((l: any) => l.name === label)
 
   let issue;
   try {
-    issue = yield call(gitea.createIssue.bind(gitea), project, title, body, giteaLabel.id);
-  } catch(error) {
+    issue = yield call(gitea.createIssue.bind(gitea), project, title, body, giteaLabel ? giteaLabel.id : null);
+  } catch (error) {
     yield put({ type: CREATE_ISSUE_FAILURE, error });
     return;
   }
-  
+
 
   yield put({ type: CREATE_ISSUE_SUCCESS, project, title, label, body, issue });
 }

client/src/store/sagas/kanboards.js

@@ -1,107 +0,0 @@
-import { select, put } from 'redux-saga/effects';
-import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
-import { fetchIssuesSaga } from './issues';
-import { BUILD_KANBOARD_SUCCESS, buildKanboard } from '../actions/kanboards';
-
-export function* moveCardSaga(action) {
-  const { 
-    boardID, fromLaneID, 
-    fromPosition, toLaneID,
-    toPosition,
-  } = action;
-
-  if (fromLaneID === toLaneID) return;
-
-  const { board, kanboard} = yield select(state => {
-    return {
-      kanboard:  state.kanboards.byID[boardID],
-      board: state.boards.byID[boardID]
-    }
-  });
-
-  const toLane = kanboard.lanes[toLaneID];
-  const card = toLane.cards[toPosition];
-
-  if (!card) return;
-
-  yield put(addLabel(card.project, card.issue.number, board.lanes[toLaneID].issueLabel));
-  yield put(removeLabel(card.project, card.issue.number, board.lanes[fromLaneID].issueLabel));
-
-}
-
-export function* buildKanboardSaga(action) {
-  const { board } = action;
-
-  let kanboard;
-  try {
-
-    for (let p, i = 0; (p = board.projects[i]); i++) {
-      yield* fetchIssuesSaga(fetchIssues(p));
-    }
-
-    const issues = yield select(state => state.issues);
-
-    kanboard = createKanboard(board, issues);
-
-  } catch(error) {
-    yield put({ type: BUILD_KANBOARD_FAILURE, error });
-    return
-  }
-
-  yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
-}
-
-export function* refreshKanboardSaga(action) {
-  const { project } = action;
-  const boards = yield select(state => state.boards);
-  const boardValues =  Object.values(boards.byID);
-
-  for (let b, i = 0; (b = boardValues[i]); i++) {
-    const hasProject = b.projects.indexOf(project) !== -1;
-    if (!hasProject) continue;
-    yield put(buildKanboard(b));
-  }
-}
-
-function createCards(projects, issues, lane) {
-  return projects.reduce((laneCards, p) => {
-
-    const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
-
-    return projectIssues.reduce((projectCards, issue) => {
-      const hasLabel = issue.labels.some(l => l.name === lane.issueLabel);
-
-      if (hasLabel) {
-        projectCards.push({
-          id: issue.id,
-          title: issue.title,
-          project: p,
-          issue: issue,
-        });
-      }
-
-      return projectCards;
-      
-    }, laneCards);
-
-  }, []);
-}
-
-function createLane(projects, issues, lane, index) {
-  return {
-    id: index,
-    title: lane.title,
-    cards: createCards(projects, issues, lane)
-  }
-}
-
-function createKanboard(board, issues) {
-  if (!board) return null;
-
-  const kanboard = {
-    id: board.id,
-    lanes: board.lanes.map(createLane.bind(null, board.projects, issues)),
-  };
-  
-  return kanboard;
-}

client/src/store/sagas/kanboards.ts

@@ -0,0 +1,152 @@
+import { select, put } from 'redux-saga/effects';
+import { fetchIssues, addLabel, removeLabel } from '../actions/issues';
+import { fetchIssuesSaga } from './issues';
+import { BUILD_KANBOARD_SUCCESS, buildKanboard, BUILD_KANBOARD_FAILURE } from '../actions/kanboards';
+import { Project, Issue } from '../../types/gitea';
+import { Board, BoardLane } from '../../types/board';
+import { KanboardLane, Kanboard, KanboardCard } from '../../types/kanboard';
+
+export function* moveCardSaga(action: any) {
+  const {
+    boardID, fromLaneID,
+    fromPosition, toLaneID,
+    toPosition,
+  } = action;
+
+  if (fromLaneID === toLaneID) return;
+
+  const { board, kanboard } = yield select(state => {
+    return {
+      kanboard: state.kanboards.byID[boardID],
+      board: state.boards.byID[boardID]
+    }
+  });
+
+  const toLane = kanboard.columns[toLaneID];
+  const card = toLane.cards[toPosition];
+
+  if (!card) return;
+
+  yield put(addLabel(card.project, card.issue.number, board.lanes[toLaneID].issueLabel));
+  yield put(removeLabel(card.project, card.issue.number, board.lanes[fromLaneID].issueLabel));
+
+}
+
+export function* buildKanboardSaga(action: any) {
+  const { board, milestones } = action;
+  console.log("milestones", milestones);
+  let kanboard;
+  try {
+
+    for (let p, i = 0; (p = board.projects[i]); i++) {
+      const { project } = yield fetchIssues(p, milestones);
+      yield fetchIssuesSaga({ project: project, milestones: milestones });
+    }
+
+    const issues = yield select(state => state.issues);
+
+    kanboard = createKanboard(board, issues);
+
+  } catch (error) {
+    yield put({ type: BUILD_KANBOARD_FAILURE, error });
+    return
+  }
+
+  yield put({ type: BUILD_KANBOARD_SUCCESS, kanboard });
+}
+
+export function* refreshKanboardSaga(action: any) {
+  const { project, milestones } = action;
+  const boards = yield select(state => state.boards);
+  const boardValues = Object.values(boards.byID);
+
+  for (let b: any, i = 0; (b = boardValues[i]); i++) {
+    const hasProject = b.projects.indexOf(project) !== -1;
+    if (!hasProject) continue;
+    yield put(buildKanboard(b, milestones));
+  }
+}
+
+function createCards(projects: Project[], issues: any, lane: BoardLane, rest: Set<KanboardCard>) {
+  const cards: KanboardCard[] = projects.reduce((laneCards, p) => {
+
+    const projectIssues = p in issues.byProject ? issues.byProject[p] : [];
+
+    return projectIssues.reduce((projectCards: KanboardCard[], issue: any) => {
+
+      const hasLabel = issue.labels.some((l: any) => l.name === lane.issueLabel);
+      const { card, memoized } = getMemoizedKanboardCard(issue.id, issue.title, p, issue);
+
+      if (hasLabel) {
+        projectCards.push(card);
+        rest.delete(card);
+      } else {
+        if (!memoized) rest.add(card);
+      }
+
+      return projectCards;
+
+    }, laneCards);
+
+  }, []);
+
+  return cards;
+}
+
+const kanboardCardMemo: { [key: string]: KanboardCard } = {};
+
+function getKanboardCardMemoizationKey(id: number, project: Project, issue: Issue) {
+  return `${project.id}-${issue.id}-${id}`;
+}
+
+function isKanboardCardMemoized(key: string) {
+  return kanboardCardMemo.hasOwnProperty(key)
+}
+
+function getMemoizedKanboardCard(id: number, title: string, project: Project, issue: Issue) {
+  const key = getKanboardCardMemoizationKey(id, project, issue);
+  if (isKanboardCardMemoized(key)) return { card: kanboardCardMemo[key], memoized: true };
+  kanboardCardMemo[key] = { id, title, project, issue };
+  return { card: kanboardCardMemo[key], memoized: false };
+}
+
+function resetKandboarCardMemo() {
+  Object.keys(kanboardCardMemo).forEach(k => delete kanboardCardMemo[k]);
+}
+
+function createKanboardLanes(board: Board, issues: any): KanboardLane[] {
+  const lanes: KanboardLane[] = [];
+  const rest = new Set<KanboardCard>();
+
+  resetKandboarCardMemo();
+
+  board.lanes.forEach((l: BoardLane, i: number) => {
+    const cards = createCards(board.projects, issues, l, rest);
+    lanes.push({
+      id: i,
+      title: l.title,
+      cards,
+    });
+  });
+
+  // Assign remaining issues
+  board.lanes.forEach((l: BoardLane, i: number) => {
+    if (!l.collectRemainingIssues) return;
+    lanes[i].cards.push(...Array.from(rest.values()));
+  });
+
+  resetKandboarCardMemo();
+
+  return lanes;
+}
+
+function createKanboard(board: Board, issues: any) {
+  if (!board) return null;
+
+  const kanboard = {
+    id: board.id,
+    columns: createKanboardLanes(board, issues),
+  };
+
+  return kanboard;
+}

client/src/store/sagas/projects.js

@@ -1,16 +0,0 @@
-import { put, call } from 'redux-saga/effects';
-import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECTS_FAILURE } from '../actions/projects';
-import { gitea } from '../../util/gitea';
-
-export function* fetchProjectsSaga() {
-
-  let projects;
-  try {
-    projects = yield call(gitea.fetchUserProjects.bind(gitea))
-  } catch(error) {
-    yield put({ type: FETCH_PROJECTS_FAILURE, error });
-    return;
-  }
-
-  yield put({ type: FETCH_PROJECTS_SUCCESS, projects });
-}

client/src/store/sagas/projects.ts

@@ -0,0 +1,36 @@
+import { put, call } from 'redux-saga/effects';
+import { FETCH_PROJECTS_SUCCESS, FETCH_PROJECTS_FAILURE, FETCH_PROJECT_MILESTONES_FAILURE, FETCH_PROJECT_MILESTONES_SUCCESS } from '../actions/projects';
+import { gitea } from '../../util/gitea';
+
+export function* fetchProjectsSaga() {
+
+  let projects;
+  try {
+    projects = yield call(gitea.fetchUserProjects.bind(gitea))
+  } catch (error) {
+    yield put({ type: FETCH_PROJECTS_FAILURE, error });
+    return;
+  }
+
+  yield put({ type: FETCH_PROJECTS_SUCCESS, projects });
+}
+
+export function* fetchProjectsMilestonesSaga(action: any) {
+  const { projects } = action;
+  let milestones = [];
+  try {
+    for (var i = 0; i < projects.length; i++) {
+      console.log("PROJECT ", projects[i])
+      milestones.push({
+        project: projects[i],
+        milestones: yield call(gitea.fetchMilestones.bind(gitea), projects[i])
+      })
+    }
+    console.log("MILESTONES", milestones)
+  } catch (error) {
+    yield put({ type: FETCH_PROJECT_MILESTONES_FAILURE, error });
+    return;
+  }
+
+  yield put({ type: FETCH_PROJECT_MILESTONES_SUCCESS, milestones });
+}

client/src/store/sagas/referer.ts

@@ -0,0 +1,9 @@
+import { hasReferer, getReferer, clearReferer } from '../../util/referer';
+
+export function* navigateToRefererSaga() {
+    if (!hasReferer()) return;
+    const referer = getReferer();
+    console.log("Redirecting to referer", referer);
+    clearReferer();
+    window.location.hash = referer;
+}

client/src/store/sagas/root.ts

@@ -4,15 +4,17 @@ import { FETCH_BOARDS_REQUEST, SAVE_BOARD_REQUEST, DELETE_BOARD_REQUEST } from '
 import { fetchBoardsSaga, saveBoardSaga, deleteBoardSaga } from './boards';
 import { FETCH_ISSUES_REQUEST, ADD_LABEL_REQUEST, REMOVE_LABEL_REQUEST, CREATE_ISSUE_REQUEST, CREATE_ISSUE_SUCCESS } from '../actions/issues';
 import { fetchIssuesSaga, addLabelSaga, removeLabelSaga, createIssueSaga } from './issues';
-import { FETCH_PROJECTS_REQUEST } from '../actions/projects';
-import { fetchProjectsSaga } from './projects';
+import { FETCH_PROJECTS_REQUEST, FETCH_PROJECT_MILESTONES_REQUEST } from '../actions/projects';
+import { fetchProjectsMilestonesSaga, fetchProjectsSaga } from './projects';
 import { LOGOUT_REQUEST, LOGOUT_SUCCESS } from '../actions/logout';
 import { logoutSaga, logoutSuccessSaga } from './logout';
 import { BUILD_KANBOARD_REQUEST, MOVE_CARD } from '../actions/kanboards';
 import { buildKanboardSaga, moveCardSaga, refreshKanboardSaga } from './kanboards';
+import { navigateToRefererSaga } from './referer';
 
 export function* rootSaga() {
   yield all([
+    navigateToRefererSaga(),
     takeEvery(patternFromRegExp(/^.*_FAILURE/), failuresSaga),
     takeLatest(FETCH_BOARDS_REQUEST, fetchBoardsSaga),
     takeLatest(BUILD_KANBOARD_REQUEST, buildKanboardSaga),
@@ -20,6 +22,7 @@ export function* rootSaga() {
     takeLatest(DELETE_BOARD_REQUEST, deleteBoardSaga),
     takeLatest(FETCH_ISSUES_REQUEST, fetchIssuesSaga),
     takeLatest(FETCH_PROJECTS_REQUEST, fetchProjectsSaga),
+    takeLatest(FETCH_PROJECT_MILESTONES_REQUEST, fetchProjectsMilestonesSaga),
     takeEvery(MOVE_CARD, moveCardSaga),
     takeEvery(ADD_LABEL_REQUEST, addLabelSaga),
     takeEvery(REMOVE_LABEL_REQUEST, removeLabelSaga),
@@ -30,8 +33,8 @@ export function* rootSaga() {
   ]);
 }
 
-export function patternFromRegExp(re)  {
-  return (action) => {
+export function patternFromRegExp(re: any) {
+  return (action: any) => {
     return re.test(action.type);
   };
 }

client/src/store/selectors/boards.ts

@@ -1,8 +1,8 @@
-export function selectBoardByUserProjects(boardsByID, projectsByName) {
+export function selectBoardByUserProjects(boardsByID: any, projectsByName: any) {
   const userProjects = Object.keys(projectsByName);
-  return Object.keys(boardsByID).reduce((filteredBoardsByID, boardID) => {
+  return Object.keys(boardsByID).reduce((filteredBoardsByID: any, boardID: string) => {
     const board = boardsByID[boardID];
-    const hasProject = board.projects.length === 0 || board.projects.some(p => userProjects.indexOf(p) !== -1);
+    const hasProject = board.projects.length === 0 || board.projects.some((p: any) => userProjects.indexOf(p) !== -1);
     if (hasProject) {
       filteredBoardsByID[boardID] = board;
     }

client/src/store/selectors/flags.ts

@@ -1,4 +1,4 @@
-export function selectFlagsIsLoading(state, ...actionPrefixes) {
+export function selectFlagsIsLoading(state: any, ...actionPrefixes: any[]) {
   const { actions } = state.flags;
   return actionPrefixes.reduce((isLoading, prefix) => {
     if (!(prefix in actions)) return isLoading; 

client/src/store/store.ts

@@ -1,4 +1,4 @@
-import { createStore, applyMiddleware } from 'redux'
+import { createStore, applyMiddleware, compose } from 'redux'
 import createSagaMiddleware from 'redux-saga'
 import { rootReducer }  from './reducers/root'
 import { rootSaga } from './sagas/root'
@@ -14,6 +14,8 @@ if (process.env.NODE_ENV !== 'production') {
   reduxMiddlewares.push(loggerMiddleware);
 }
 
+const composeEnhancers = (window as any).__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;
+
 // create the saga middleware
 const sagaMiddleware = createSagaMiddleware()
 reduxMiddlewares.push(sagaMiddleware);
@@ -21,7 +23,7 @@ reduxMiddlewares.push(sagaMiddleware);
 // mount it on the Store
 export const store = createStore(
   rootReducer,
-  applyMiddleware(...reduxMiddlewares)
+  composeEnhancers(applyMiddleware(...reduxMiddlewares)),
 )
 
 // then run the saga

client/src/types/board.ts

@@ -0,0 +1,19 @@
+import { Project } from "./gitea"
+
+export type BoardLaneId = string
+export type BoardId = string
+
+export interface Board {
+    id: BoardId
+    title: string
+    description: string
+    lanes: BoardLane[]
+    projects: Project[]
+};
+
+export interface BoardLane {
+    id: BoardLaneId
+    title: string
+    issueLabel: string
+    collectRemainingIssues: boolean
+};

client/src/types/gitea.ts

@@ -0,0 +1,2 @@
+export type Project = any
+export type Issue = any

client/src/types/kanboard.ts

@@ -0,0 +1,21 @@
+import { Project, Issue } from "./gitea";
+import { BoardId } from "./board";
+
+export interface Kanboard {
+    id: BoardId
+    lanes: KanboardLane[]
+}
+
+export interface KanboardLane {
+    id: number
+    title: string
+    cards: KanboardCard[]
+};
+
+
+export interface KanboardCard {
+    id: number
+    title: string
+    project: Project
+    issue: Issue
+}

client/src/util/gitea.ts

@@ -1,19 +1,27 @@
 
 export class GiteaUnauthorizedError extends Error {
-  constructor(...args) {
+  constructor(...args: any[]) {
     super(...args)
-    Error.captureStackTrace(this, GiteaUnauthorizedError)
+    Object.setPrototypeOf(this, GiteaUnauthorizedError.prototype);
   }
 }
 
 export class GiteaClient {
 
-  fetchIssues(project, page = 1) {
-    return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}`)
+  fetchIssues(project: any, page = "", milestones = "") {
+    return fetch(`/gitea/api/v1/repos/${project}/issues?page=${page}&milestones=${milestones}`)
       .then(this.assertAuthorization)
       .then(this.assertOk)
       .then(res => res.json())
-    ;
+      ;
+  }
+
+  fetchMilestones(project: any) {
+    return fetch(`/gitea/api/v1/repos/${project}/milestones`)
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
+      ;
   }
 
   fetchUserProjects() {
@@ -21,10 +29,10 @@ export class GiteaClient {
       .then(this.assertAuthorization)
       .then(this.assertOk)
       .then(res => res.json())
-    ;
+      ;
   }
 
-  addIssueLabel(project, issueNumber, labelID) {
+  addIssueLabel(project: any, issueNumber: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels`, {
       method: 'POST',
       headers: {
@@ -32,28 +40,28 @@ export class GiteaClient {
       },
       body: JSON.stringify({ labels: [labelID] }),
     })
-    .then(this.assertAuthorization)
-    .then(this.assertOk)
-    .then(res => res.json())
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
   }
 
-  fetchProjectLabels(project) {
+  fetchProjectLabels(project: any) {
     return fetch(`/gitea/api/v1/repos/${project}/labels`)
       .then(this.assertAuthorization)
       .then(this.assertOk)
       .then(res => res.json())
-    ;
+      ;
   }
 
-  removeIssueLabel(project, issueNumber, labelID) {
+  removeIssueLabel(project: any, issueNumber: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues/${issueNumber}/labels/${labelID}`, {
       method: 'DELETE'
     })
-    .then(this.assertAuthorization)
-    .then(this.assertOk)
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
   }
 
-  createIssue(project, title, body, labelID) {
+  createIssue(project: any, title: any, body: any, labelID: any) {
     return fetch(`/gitea/api/v1/repos/${project}/issues`, {
       method: 'POST',
       headers: {
@@ -62,20 +70,20 @@ export class GiteaClient {
       body: JSON.stringify({
         title,
         body,
-        labels: [labelID],
+        labels: labelID ? [labelID] : undefined,
       }),
     })
-    .then(this.assertAuthorization)
-    .then(this.assertOk)
-    .then(res => res.json())
+      .then(this.assertAuthorization)
+      .then(this.assertOk)
+      .then(res => res.json())
   }
 
-  assertOk(res) {
+  assertOk(res: any) {
     if (!res.ok) return Promise.reject(new Error('Request failed'));
     return res;
   }
 
-  assertAuthorization(res) {
+  assertAuthorization(res: any) {
     if (res.status === 401 || res.status === 404) return Promise.reject(new GiteaUnauthorizedError());
     return res;
   }

client/src/util/referer.ts

@@ -0,0 +1,19 @@
+const localStorage = window.localStorage;
+const refererKey = 'referer';
+
+export function getReferer() {
+    return localStorage.getItem(refererKey);
+}
+
+export function saveReferer() {
+    console.log("Saving referer", window.location.hash);
+    localStorage.setItem(refererKey, window.location.hash);
+}
+
+export function hasReferer() {
+    return !!getReferer();
+}
+
+export function clearReferer() {
+    localStorage.removeItem(refererKey);
+}

client/tsconfig.json

@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "es6",
+    "lib": ["dom", "es6"],
+    "moduleResolution": "node",
+    "jsx": "react",
+    "strict": false,
+    "sourceMap": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "files": [
+    "./src/custom.d.ts"
+  ]
+}

client/webpack.config.js

@@ -2,22 +2,24 @@ const path = require('path');
 
 // Plugins
 const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const HtmlWebpackPlugin = require('html-webpack-plugin');
+const WebpackCleanupPlugin = require('webpack-cleanup-plugin');
 
 const env = process.env;
 
 module.exports = {
   mode: `${env.NODE_ENV ? env.NODE_ENV : 'production'}`,
-  entry: './src/index.js',
+  entry: './src/index.tsx',
   devtool: 'inline-source-map',
   output: {
     path: path.join(__dirname, 'dist')
   },
   resolve: {
-    extensions: [ '.jsx', '.js' ],
+    extensions: [".ts", ".tsx", ".js", ".jsx"]
   },
   module: {
     rules: [{
-      test: /\.scss$/,
+      test: /\.s(a|c)ss$/,
       use: [
         MiniCssExtractPlugin.loader,
         {
@@ -46,29 +48,23 @@ module.exports = {
         }
       }]
     },{
-      test: /\.(html)$/,
-      use: [{
-          loader: 'file-loader',
-          options: {
-            name: '[name].[ext]'
-          },
-        },
-        'extract-loader',
-        {
-          loader: 'html-loader',
-          options: {}
-        }
-      ]
-    },{
-      test: /\.(js|jsx)$/,
+      test: /\.(t|j)sx?$/,
       exclude: /node_modules/,
-      use: ['babel-loader']
+      loaders: ['ts-loader']
     }]
   },
   plugins: [
     new MiniCssExtractPlugin({
       filename: "css/[name].css",
       chunkFilename: "css/[id].css"
+    }),
+    new HtmlWebpackPlugin({
+      template: './src/index.html',
+      inject: false,
+      favicon: "./src/resources/favicon.png"
+    }),
+    new WebpackCleanupPlugin({
+      exclude: ['resources/logo.svg']
     })
   ]
 }

cmd/server/container.go

@@ -1,9 +1,9 @@
 package main
 
 import (
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
-	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
-	stormRepo "forge.cadoles.com/wpetit/gitea-kan/internal/repository/storm"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
+	stormRepo "forge.cadoles.com/wpetit/gengitkan/internal/repository/storm"
 	"github.com/asdine/storm"
 	"github.com/gorilla/sessions"
 	"github.com/pkg/errors"
@@ -28,7 +28,7 @@ func getServiceContainer(conf *config.Config) (*service.Container, error) {
 
 	ctn.Provide(
 		session.ServiceName,
-		gorilla.ServiceProvider("gitea-kan", cookieStore),
+		gorilla.ServiceProvider("gengitkan", cookieStore),
 	)
 
 	// Create and expose config service provider

cmd/server/main.go

@@ -6,8 +6,8 @@ import (
 	"net/http"
 	"os"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
-	"forge.cadoles.com/wpetit/gitea-kan/internal/route"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/route"
 	"github.com/go-chi/chi"
 	"github.com/go-chi/chi/middleware"
 	"github.com/pkg/errors"

go.mod

@@ -1,26 +1,23 @@
-module forge.cadoles.com/wpetit/gitea-kan
+module forge.cadoles.com/wpetit/gengitkan
 
 go 1.13
 
 require (
 	github.com/asdine/storm v2.1.2+incompatible
+	github.com/cortesi/modd v0.0.0-20210222043654-cbdcc23af7d5 // indirect
 	github.com/davecgh/go-spew v1.1.1 // indirect
 	github.com/go-chi/chi v4.0.2+incompatible
 	github.com/google/uuid v1.1.1 // indirect
 	github.com/gopherjs/gopherjs v0.0.0-20190430165422-3e4dfb77656c // indirect
 	github.com/gorilla/sessions v1.2.0
-	github.com/kr/pretty v0.1.0 // indirect
 	github.com/pborman/uuid v1.2.0
 	github.com/pkg/errors v0.8.1
 	github.com/smartystreets/assertions v1.0.1 // indirect
 	github.com/smartystreets/goconvey v0.0.0-20190731233626-505e41936337 // indirect
-	github.com/stretchr/testify v1.4.0 // indirect
+	github.com/zserge/lorca v0.1.8 // indirect
 	gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273
 	go.etcd.io/bbolt v1.3.3
-	golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297 // indirect
 	golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45
-	golang.org/x/text v0.3.2 // indirect
-	gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15 // indirect
 	gopkg.in/ini.v1 v1.49.0
 	gopkg.in/yaml.v2 v2.2.5 // indirect
 )

go.sum

@@ -1,15 +1,33 @@
 cloud.google.com/go v0.34.0/go.mod h1:aQUYkXzVsufM+DwF1aE+0xfcU+56JwCaLick0ClmMTw=
+github.com/alecthomas/template v0.0.0-20190718012654-fb15b899a751 h1:JYp7IbQjafoB+tBA3gMyHYHrpOtNuDiK/uB5uXxq5wM=
+github.com/alecthomas/template v0.0.0-20190718012654-fb15b899a751/go.mod h1:LOuyumcjzFXgccqObfd/Ljyb9UuFJ6TxHnclSeseNhc=
+github.com/alecthomas/units v0.0.0-20210208195552-ff826a37aa15 h1:AUNCr9CiJuwrRYS3XieqF+Z9B9gNxo/eANAJCF2eiN4=
+github.com/alecthomas/units v0.0.0-20210208195552-ff826a37aa15/go.mod h1:OMCwj8VM1Kc9e19TLln2VL61YJF0x1XFtfdL4JdbSyE=
 github.com/asdine/storm v2.1.2+incompatible h1:dczuIkyqwY2LrtXPz8ixMrU/OFgZp71kbKTHGrXYt/Q=
 github.com/asdine/storm v2.1.2+incompatible/go.mod h1:RarYDc9hq1UPLImuiXK3BIWPJLdIygvV3PsInK0FbVQ=
+github.com/bmatcuk/doublestar v1.3.4 h1:gPypJ5xD31uhX6Tf54sDPUOBXTqKH4c9aPY66CyQrS0=
+github.com/bmatcuk/doublestar v1.3.4/go.mod h1:wiQtGV+rzVYxB7WIlirSN++5HPtPlXEo9MEoZQC/PmE=
+github.com/cortesi/modd v0.0.0-20210222043654-cbdcc23af7d5 h1:R2McxbAMq4aEHYUzQ8DGxWPXHSr33LdWS1C2qWCS554=
+github.com/cortesi/modd v0.0.0-20210222043654-cbdcc23af7d5/go.mod h1:5XXIj61uad0c9FWBHCA1M+pP+xvO0+/OI10xL4Hg68w=
+github.com/cortesi/moddwatch v0.0.0-20210222043437-a6aaad86a36e h1:vNbhR09qtq9ELJgvhAWng4zl/4CVTPBPVev3R8MlUYc=
+github.com/cortesi/moddwatch v0.0.0-20210222043437-a6aaad86a36e/go.mod h1:MUkYRZrwFTHATqCI5tDJRPqmBt9xf3q4+Avfut7kCCE=
+github.com/cortesi/termlog v0.0.0-20210222042314-a1eec763abec h1:v7D8uHsIKsyjfyhhNdY4qivqN558Ejiq+CDXiUljZ+4=
+github.com/cortesi/termlog v0.0.0-20210222042314-a1eec763abec/go.mod h1:10Fm2kasJmcKf1FSMQGSWb976sfR29hejNtfS9AydB4=
+github.com/creack/pty v1.1.9/go.mod h1:oKZEueFk5CKHvIhNR5MUki03XCEU+Q6VDXinZuGJ33E=
+github.com/creack/pty v1.1.11/go.mod h1:oKZEueFk5CKHvIhNR5MUki03XCEU+Q6VDXinZuGJ33E=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
+github.com/fatih/color v1.10.0 h1:s36xzo75JdqLaaWoiEHk767eHiwo0598uUxyfiPkDsg=
+github.com/fatih/color v1.10.0/go.mod h1:ELkj/draVOlAH/xkhN6mQ50Qd0MPOk5AAr3maGEBuJM=
 github.com/go-chi/chi v4.0.2+incompatible h1:maB6vn6FqCxrpz4FqWdh4+lwpyZIQS7YEAUcHlgXVRs=
 github.com/go-chi/chi v4.0.2+incompatible/go.mod h1:eB3wogJHnLi3x/kFX2A+IbTBlXxmMeXJVKy9tTv1XzQ=
 github.com/go-playground/locales v0.12.1/go.mod h1:IUMDtCfWo/w/mtMfIE/IG2K+Ey3ygWanZIBtBW0W2TM=
 github.com/go-playground/universal-translator v0.16.0/go.mod h1:1AnU7NaIRDWWzGEKwgtJRd2xk99HeFyHw3yid4rvQIY=
 github.com/golang/protobuf v1.2.0 h1:P3YflyNX/ehuJFLhxviNdFxQPkGK5cDcApsge1SqnvM=
 github.com/golang/protobuf v1.2.0/go.mod h1:6lQm79b+lXiMfvg/cZm0SGofjICqVBUtrP5yJMmIC1U=
+github.com/google/go-cmp v0.5.4/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
+github.com/google/renameio v0.1.0/go.mod h1:KWCgfxg9yswjAJkECMjeO8J8rahYeXnNhOm40UhjYkI=
 github.com/google/uuid v1.0.0/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
 github.com/google/uuid v1.1.1 h1:Gkbcsh/GbpXz7lPftLA3P6TYMwjCLYm83jiFQZF/3gY=
 github.com/google/uuid v1.1.1/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo=
@@ -21,49 +39,98 @@ github.com/gorilla/sessions v1.2.0 h1:S7P+1Hm5V/AT9cjEcUD5uDaQSX0OE577aCXgoaKpYb
 github.com/gorilla/sessions v1.2.0/go.mod h1:dk2InVEVJ0sfLlnXv9EAgkf6ecYs/i80K/zI+bUmuGM=
 github.com/jtolds/gls v4.20.0+incompatible/go.mod h1:QJZ7F/aHp+rZTRtaJ1ow/lLfFfVYBRgL+9YlvaHOwJU=
 github.com/kr/pretty v0.1.0/go.mod h1:dAy3ld7l9f0ibDNOQOHHMYYIIbhfbHSm3C4ZsoJORNo=
+github.com/kr/pretty v0.2.1/go.mod h1:ipq/a2n7PKx3OHsz4KJII5eveXtPO4qwEXGdVfWzfnI=
 github.com/kr/pty v1.1.1/go.mod h1:pFQYn66WHrOpPYNljwOMqo10TkYh1fy3cYio2l3bCsQ=
 github.com/kr/text v0.1.0/go.mod h1:4Jbv+DJW3UT/LiOwJeYQe1efqtUx/iVham/4vfdArNI=
+github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
 github.com/leodido/go-urn v1.1.0/go.mod h1:+cyI34gQWZcE1eQU7NVgKkkzdXDQHr1dBMtdAPozLkw=
+github.com/mattn/go-colorable v0.1.8 h1:c1ghPdyEDarC70ftn0y+A/Ee++9zz8ljHG1b13eJ0s8=
+github.com/mattn/go-colorable v0.1.8/go.mod h1:u6P/XSegPjTcexA+o6vUJrdnUu04hMope9wVRipJSqc=
+github.com/mattn/go-isatty v0.0.12 h1:wuysRhFDzyxgEmMf5xjvJ2M9dZoWAXNNr5LSBS7uHXY=
+github.com/mattn/go-isatty v0.0.12/go.mod h1:cbi8OIDigv2wuxKPP5vlRcQ1OAZbq2CE4Kysco4FUpU=
 github.com/oxtoacart/bpool v0.0.0-20190530202638-03653db5a59c h1:rp5dCmg/yLR3mgFuSOe4oEnDDmGLROTvMragMUXpTQw=
 github.com/oxtoacart/bpool v0.0.0-20190530202638-03653db5a59c/go.mod h1:X07ZCGwUbLaax7L0S3Tw4hpejzu63ZrrQiUe6W0hcy0=
 github.com/pborman/uuid v1.2.0 h1:J7Q5mO4ysT1dv8hyrUGHb9+ooztCXu1D8MY8DZYsu3g=
 github.com/pborman/uuid v1.2.0/go.mod h1:X/NO0urCmaxf9VXbdlT7C2Yzkj2IKimNn4k+gtPdI/k=
+github.com/pkg/diff v0.0.0-20200914180035-5b29258ca4f7/go.mod h1:zO8QMzTeZd5cpnIkz/Gn6iK0jDfGicM1nynOkkPIl28=
 github.com/pkg/errors v0.8.1 h1:iURUrRGxPUNPdy5/HRSm+Yj6okJ6UtLINN0Q9M4+h3I=
 github.com/pkg/errors v0.8.1/go.mod h1:bwawxfHBFNV+L2hUp1rHADufV3IMtnDRdf1r5NINEl0=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/rjeczalik/notify v0.0.0-20181126183243-629144ba06a1 h1:FLWDC+iIP9BWgYKvWKKtOUZux35LIQNAuIzp/63RQJU=
+github.com/rjeczalik/notify v0.0.0-20181126183243-629144ba06a1/go.mod h1:aErll2f0sUX9PXZnVNyeiObbmTlk5jnMoCa4QEjJeqM=
+github.com/rogpeppe/go-internal v1.6.2/go.mod h1:xXDCJY+GAPziupqXw64V24skbSoqbTEfhy4qGm1nDQc=
+github.com/sergi/go-diff v1.0.0/go.mod h1:0CfEIISq7TuYL3j771MWULgwwjU+GofnZX9QAmXWZgo=
 github.com/smartystreets/assertions v0.0.0-20180927180507-b2de0cb4f26d/go.mod h1:OnSkiWE9lh6wB0YB77sQom3nweQdgAjqCqsofrRNTgc=
 github.com/smartystreets/assertions v1.0.1/go.mod h1:kHHU4qYBaI3q23Pp3VPrmWhuIUrLW/7eUrw0BU5VaoM=
 github.com/smartystreets/goconvey v0.0.0-20190731233626-505e41936337/go.mod h1:syvi0/a8iFYH4r/RixwvyeAJjdLS9QV7WQ/tjFTllLA=
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/testify v1.3.0/go.mod h1:M5WIy9Dh21IEIfnGCwXGc5bZfKNJtfHm1UVUgZn+9EI=
 github.com/stretchr/testify v1.4.0/go.mod h1:j7eGeouHqKxXV5pUuKE4zz7dFj8WfuZ+81PSLYec5m4=
+github.com/stretchr/testify v1.7.0/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/h/Wwjteg=
+github.com/zserge/lorca v0.1.8 h1:gZwyvesmaoGCwxF5NssI6pdydXkCVHOoHw2nks/PBRs=
+github.com/zserge/lorca v0.1.8/go.mod h1:gTrVdXKyWxNhc8aUb1Uu3s0mY343arR1T6jUtxmBxR8=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273 h1:YtMGT0pEGTQ5MAglg6rvu8pQVQJEtskoeEw+csUqf2o=
 gitlab.com/wpetit/goweb v0.0.0-20190728111123-bbcb57177273/go.mod h1:5Y/eVplFvdsd6zMdA3bx8KON6Ab1n90+cQeX5uJ6jIE=
 go.etcd.io/bbolt v1.3.3 h1:MUGmc65QhB3pIlaQ5bB4LwqSj6GIonVJXpZiaKNyaKk=
 go.etcd.io/bbolt v1.3.3/go.mod h1:IbVyRI1SCnLcuJnV2u8VeU0CEYM7e686BmAb1XKL+uU=
 golang.org/x/crypto v0.0.0-20190308221718-c2843e01d9a2/go.mod h1:djNgcEr1/C05ACkg1iLfiJU5Ep61QUkGW8qpdssI0+w=
+golang.org/x/crypto v0.0.0-20210220033148-5ea612d1eb83 h1:/ZScEX8SfEmUGRHs0gxpqteO5nfNW6axyZbBdw9A12g=
+golang.org/x/crypto v0.0.0-20210220033148-5ea612d1eb83/go.mod h1:jdWPYTVW3xRLrWPugEBEK3UY2ZEsg3UU495nc5E+M+I=
 golang.org/x/net v0.0.0-20180724234803-3673e40ba225/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
+golang.org/x/net v0.0.0-20181102091132-c10e9556a7bc/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
 golang.org/x/net v0.0.0-20190108225652-1e06a53dbb7e/go.mod h1:mL1N/T3taQHkDXs73rZJwtUhF3w3ftmwwsq0BUmARs4=
 golang.org/x/net v0.0.0-20190311183353-d8887717615a/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
+golang.org/x/net v0.0.0-20190404232315-eb5bcb51f2a3/go.mod h1:t9HGtf8HONx5eT2rtn7q6eTqICYqUVnKs3thJo3Qplg=
 golang.org/x/net v0.0.0-20190724013045-ca1201d0de80/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
 golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297 h1:k7pJ2yAPLPgbskkFdhRCsA77k2fySZ1zf2zCjvQCiIM=
 golang.org/x/net v0.0.0-20190827160401-ba9fcec4b297/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
+golang.org/x/net v0.0.0-20200202094626-16171245cfb2 h1:CCH4IOTTfewWjGOlSp+zGcjutRKlBEZQ6wTn8ozI/nI=
+golang.org/x/net v0.0.0-20200202094626-16171245cfb2/go.mod h1:z5CRVTTTmAJ677TzLLGU+0bjPO0LkuOLi4/5GtJWs/s=
+golang.org/x/net v0.0.0-20210220033124-5f55cee0dc0d h1:1aflnvSoWWLI2k/dMUAl5lvU1YO4Mb4hz0gh+1rjcxU=
+golang.org/x/net v0.0.0-20210220033124-5f55cee0dc0d/go.mod h1:m0MpNAwzfU5UDzcl9v0D8zg8gWTRqZa9RBIspLL5mdg=
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45 h1:SVwTIAaPC2U/AvvLNZ2a7OVsmBpC8L5BlwK1whH3hm0=
 golang.org/x/oauth2 v0.0.0-20190604053449-0f29369cfe45/go.mod h1:gOpvHmFTYa4IltrdGE7lF6nIHvwfUNPOp7c8zoXwtLw=
 golang.org/x/sync v0.0.0-20181221193216-37e7f081c4d4/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20201020160332-67f06af15bc9/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sync v0.0.0-20210220032951-036812b2e83c h1:5KslGYwFpkhGh+Q16bwMP3cOontH8FOep7tGV86Y7SQ=
+golang.org/x/sync v0.0.0-20210220032951-036812b2e83c/go.mod h1:RxMgew5VJxzue5/jJTE5uejpjVlOe/izrB70Jof72aM=
+golang.org/x/sys v0.0.0-20180926160741-c2ed4eda69e7/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a h1:1BGLXjeY4akVXGgbC9HugT3Jv3hCI0z56oJR5vAMgBU=
 golang.org/x/sys v0.0.0-20190215142949-d0b11bdaac8a/go.mod h1:STP8DvDyc/dI5b8T5hshtkjS+E42TnysNCUPdjciGhY=
+golang.org/x/sys v0.0.0-20191026070338-33540a1f6037/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20200116001909-b77594299b42/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20200223170610-d5e6a3e2c0ae/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20201029080932-201ba4db2418/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20201119102817-f84b799fce68/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/sys v0.0.0-20210220050731-9a76102bfb43 h1:SgQ6LNaYJU0JIuEHv9+s6EbhSCwYeAf5Yvj6lpYlqAE=
+golang.org/x/sys v0.0.0-20210220050731-9a76102bfb43/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
+golang.org/x/term v0.0.0-20191110171634-ad39bd3f0407/go.mod h1:Nr5EML6q2oocZ2LXRh80K7BxOlk5/8JxuGnuhpl+muw=
+golang.org/x/term v0.0.0-20201117132131-f5c789dd3221/go.mod h1:Nr5EML6q2oocZ2LXRh80K7BxOlk5/8JxuGnuhpl+muw=
+golang.org/x/term v0.0.0-20201126162022-7de9c90e9dd1/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
+golang.org/x/term v0.0.0-20210220032956-6a3ed077a48d h1:SZxvLBoTP5yHO3Frd4z4vrF+DBX9vMVanchswa69toE=
+golang.org/x/term v0.0.0-20210220032956-6a3ed077a48d/go.mod h1:bj7SfCRtBDWHUb9snDiAeCFNEtKQo2Wmx5Cou7ajbmo=
 golang.org/x/text v0.3.0/go.mod h1:NqM8EUOU14njkJ3fqMW+pc6Ldnwhi/IjpwHt7yyuwOQ=
 golang.org/x/text v0.3.2/go.mod h1:bEr9sfX3Q8Zfm5fL9x+3itogRgK3+ptLWKqgva+5dAk=
+golang.org/x/text v0.3.3/go.mod h1:5Zoc/QRtKVWzQhOtBMvqHzDpF6irO9z98xDceosuGiQ=
 golang.org/x/tools v0.0.0-20180917221912-90fa682c2a6e/go.mod h1:n7NCudcB/nEzxVGmLbDWY5pfWTLqBcC2KZ6jyYvM4mQ=
 golang.org/x/tools v0.0.0-20190328211700-ab21143f2384/go.mod h1:LCzVGOaR6xXOjkQ3onu1FJEFr0SW1gC7cKk1uF8kGRs=
+golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 google.golang.org/appengine v1.4.0 h1:/wp5JvzpHIxhs/dumFmF7BXTf3Z+dd4uXta4kVyO508=
 google.golang.org/appengine v1.4.0/go.mod h1:xpcJRLb0r/rnEns0DIKYYv+WjYCduHsrkT7/EB5XEv4=
+gopkg.in/alecthomas/kingpin.v2 v2.2.6 h1:jMFz6MfLP0/4fUyZle81rXUoxOBFi19VUFKVDOQfozc=
+gopkg.in/alecthomas/kingpin.v2 v2.2.6/go.mod h1:FMv+mEhP44yOT+4EoQTLFTRgOQ1FBLkstjWtayDeSgw=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/check.v1 v1.0.0-20190902080502-41f04d3bba15/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20201130134442-10cb98267c6c/go.mod h1:JHkPIbrfpd72SG/EVd6muEfDQjcINNoR0C8j2r3qZ4Q=
+gopkg.in/errgo.v2 v2.1.0/go.mod h1:hNsd1EY+bozCKY1Ytp96fpM3vjJbqLJn88ws8XvfDNI=
 gopkg.in/go-playground/assert.v1 v1.2.1/go.mod h1:9RXL0bg/zibRAgZUYszZSwO/z8Y/a8bDuhia5mkpMnE=
 gopkg.in/go-playground/validator.v9 v9.29.1/go.mod h1:+c9/zcJMFNgbLvly1L1V+PpxWdVbfP1avr/N00E2vyQ=
 gopkg.in/ini.v1 v1.49.0 h1:MW0aLMiezbm/Ray0gJJ+nQFE2uOC9EpK2p5zPN3NqpM=
 gopkg.in/ini.v1 v1.49.0/go.mod h1:pNLf8WUiyNEtQjuu5G5vTm06TEv9tsIgeAvK8hOrP4k=
 gopkg.in/yaml.v2 v2.2.2/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
 gopkg.in/yaml.v2 v2.2.5/go.mod h1:hI93XBmqTisBFMUTm0b8Fm+jr3Dg1NNxqwp+5A1VGuI=
+gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
+mvdan.cc/editorconfig v0.1.1-0.20200121172147-e40951bde157/go.mod h1:Ge4atmRUYqueGppvJ7JNrtqpqokoJEFxYbP0Z+WeKS8=
+mvdan.cc/sh/v3 v3.2.2 h1:UpH3jtOUEXBWXZg35bnRukUjsB6UR+nNhhXCi2dGKOs=
+mvdan.cc/sh/v3 v3.2.2/go.mod h1:fPQmabBpREM/XQ9YXSU5ZFZ/Sm+PmKP9/vkFHgYKJEI=

internal/config/config.go

@@ -57,11 +57,11 @@ func NewDefault() *Config {
 		Debug: false,
 		HTTP: HTTPConfig{
 			Address:   ":3000",
-			PublicDir: "${GITEAKAN_HTTP_PUBDIR}",
+			PublicDir: "${GENGITKAN_HTTP_PUBDIR}",
 		},
 		Gitea: GiteaConfig{},
 		Data: DataConfig{
-			DBPath: "${GITEAKAN_DATA_DBPATH}",
+			DBPath: "${GENGITKAN_DATA_DBPATH}",
 		},
 	}
 }

internal/middleware/auth.go

@@ -5,7 +5,7 @@ import (
 
 	"github.com/pborman/uuid"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service"

internal/repository/board.go

@@ -20,7 +20,8 @@ type Board struct {
 type BoardLaneID string
 
 type BoardLane struct {
-	ID         BoardLaneID `json:"id"`
-	Title      string      `json:"title"`
-	IssueLabel string      `json:"issueLabel"`
+	ID                     BoardLaneID `json:"id"`
+	Title                  string      `json:"title"`
+	IssueLabel             string      `json:"issueLabel"`
+	CollectRemainingIssues bool        `json:"collectRemainingIssues"`
 }

internal/repository/storm/board.go

@@ -1,7 +1,7 @@
 package storm
 
 import (
-	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
 	"github.com/asdine/storm"
 	"github.com/pkg/errors"
 )

internal/route/board.go

@@ -6,7 +6,7 @@ import (
 
 	"github.com/go-chi/chi"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/repository"
+	"forge.cadoles.com/wpetit/gengitkan/internal/repository"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 )

internal/route/logout.go

@@ -3,7 +3,7 @@ package route
 import (
 	"net/http"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/oauth2.go

@@ -3,7 +3,7 @@ package route
 import (
 	"net/http"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
+	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/proxy.go

@@ -6,8 +6,8 @@ import (
 	"net/http/httputil"
 	"net/url"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
-	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
 	"github.com/pkg/errors"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/service/session"

internal/route/route.go

@@ -4,8 +4,8 @@ import (
 	"net/http"
 	"path"
 
-	"forge.cadoles.com/wpetit/gitea-kan/internal/config"
-	"forge.cadoles.com/wpetit/gitea-kan/internal/middleware"
+	"forge.cadoles.com/wpetit/gengitkan/internal/config"
+	"forge.cadoles.com/wpetit/gengitkan/internal/middleware"
 	"github.com/go-chi/chi"
 	"gitlab.com/wpetit/goweb/middleware/container"
 	"gitlab.com/wpetit/goweb/static"

modd.conf

@@ -5,8 +5,8 @@ modd.conf
 !mage_output_file.go {
   prep: make build
   prep: [ -e data/server.conf ] || ( mkdir -p data && bin/server -dump-config > data/server.conf )
-  daemon: GITEAKAN_HTTP_PUBDIR=./client/dist \
-    GITEAKAN_DATA_DBPATH=./data/data.db \
+  daemon: GENGITKAN_HTTP_PUBDIR=./client/dist \
+    GENGITKAN_DATA_DBPATH=./data/data.db \
     bin/server \
     -config ./data/server.conf
 }
@@ -16,6 +16,8 @@ modd.conf
 }
 
 client/webpack.config.js
+client/tsconfig.json
+client/package.json
 {
   daemon: cd client && NODE_ENV=development npm run watch
 }