123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 |
- <div class="page-content repository projects view-project">
- <div class="ui container">
- <div class="ui two column stackable grid">
- <div class="column">
- </div>
- <div class="column right aligned">
- {{if .CanWriteProjects}}
- <a class="ui green button show-modal item" data-modal="#new-board-item">{{.locale.Tr "new_project_board"}}</a>
- {{end}}
- <div class="ui small modal new-board-modal" id="new-board-item">
- <div class="header">
- {{$.locale.Tr "repo.projects.board.new"}}
- </div>
- <div class="content">
- <form class="ui form">
- <div class="required field">
- <label for="new_board">{{$.locale.Tr "repo.projects.board.new_title"}}</label>
- <input class="new-board" id="new_board" name="title" required>
- </div>
-
- <div class="field color-field">
- <label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label>
- <div class="color picker column">
- <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color_picker" name="color">
- <div class="column precolors">
- {{template "repo/issue/label_precolors"}}
- </div>
- </div>
- </div>
-
- <div class="text right actions">
- <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
- <button data-url="{{$.Link}}" class="ui green button" id="new_board_submit">{{$.locale.Tr "repo.projects.board.new_submit"}}</button>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- <div class="ui divider"></div>
- <div class="ui two column stackable grid">
- <div class="column">
- <h2 class="project-title">{{$.Project.Title}}</h2>
- <div class="content project-description">{{$.Project.RenderedContent|Str2html}}</div>
- </div>
- {{if or $.CanWriteIssues $.CanWritePulls}}
- <div class="column right aligned">
- <div class="ui compact right small menu">
- <a class="item" href="{{$.Link}}/edit" data-id={{$.Project.ID}} data-title={{$.Project.Title}}>
- {{svg "octicon-pencil"}}
- <span class="mx-3">{{$.locale.Tr "repo.issues.label_edit"}}</span>
- </a>
- {{if .Project.IsClosed}}
- <a class="item link-action" href data-url="{{$.Link}}/open">
- {{svg "octicon-check"}}
- <span class="mx-3">{{$.locale.Tr "repo.projects.open"}}</span>
- </a>
- {{else}}
- <a class="item link-action" href data-url="{{$.Link}}/close">
- {{svg "octicon-skip"}}
- <span class="mx-3">{{$.locale.Tr "repo.projects.close"}}</span>
- </a>
- {{end}}
- <a class="item delete-button" href="#" data-url="{{$.Link}}/delete" data-id="{{.Project.ID}}">
- {{svg "octicon-trash"}}
- <span class="mx-3">{{$.locale.Tr "repo.issues.label_delete"}}</span>
- </a>
- </div>
- </div>
- {{end}}
- </div>
- <div class="ui divider"></div>
- </div>
- <div class="ui container fluid padded" id="project-board">
-
- <div class="board">
- {{range $board := .Boards}}
-
- <div class="ui segment board-column" style="background: {{.Color}} !important;" data-id="{{.ID}}" data-sorting="{{.Sorting}}" data-url="{{$.Link}}/{{.ID}}">
- <div class="board-column-header df ac sb">
- <div class="ui large label board-label py-2">
- <div class="ui small circular grey label board-card-cnt">
- {{.NumIssues}}
- </div>
- {{.Title}}
- </div>
- {{if and $.CanWriteProjects (ne .ID 0)}}
- <div class="ui dropdown jump item tooltip">
- <div class="not-mobile px-3" tabindex="-1">
- {{svg "octicon-kebab-horizontal"}}
- </div>
- <div class="menu user-menu" tabindex="-1">
- <a class="item show-modal button" data-modal="#edit-project-board-modal-{{.ID}}">
- {{svg "octicon-pencil"}}
- {{$.locale.Tr "repo.projects.board.edit"}}
- </a>
- {{if not .Default}}
- <a class="item show-modal button" data-modal="#set-default-project-board-modal-{{.ID}}">
- {{svg "octicon-pin"}}
- {{$.locale.Tr "repo.projects.board.set_default"}}
- </a>
- {{end}}
- <a class="item show-modal button" data-modal="#delete-board-modal-{{.ID}}">
- {{svg "octicon-trash"}}
- {{$.locale.Tr "repo.projects.board.delete"}}
- </a>
-
- <div class="ui small modal edit-project-board" id="edit-project-board-modal-{{.ID}}">
- <div class="header">
- {{$.locale.Tr "repo.projects.board.edit"}}
- </div>
- <div class="content">
- <form class="ui form">
- <div class="required field">
- <label for="new_board_title">{{$.locale.Tr "repo.projects.board.edit_title"}}</label>
- <input class="project-board-title" id="new_board_title" name="title" value="{{.Title}}" required>
- </div>
-
- <div class="field color-field">
- <label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label>
- <div class="color picker column">
- <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color" name="color" value="{{.Color}}">
- <div class="column precolors">
- {{template "repo/issue/label_precolors"}}
- </div>
- </div>
- </div>
-
- <div class="text right actions">
- <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
- <button data-url="{{$.Link}}/{{.ID}}" class="ui red button">{{$.locale.Tr "repo.projects.board.edit"}}</button>
- </div>
- </form>
- </div>
- </div>
-
- <div class="ui basic modal" id="set-default-project-board-modal-{{.ID}}">
- <div class="ui icon header">
- {{$.locale.Tr "repo.projects.board.set_default"}}
- </div>
- <div class="content center">
- <label>
- {{$.locale.Tr "repo.projects.board.set_default_desc"}}
- </label>
- </div>
- <div class="text right actions">
- <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
- <button class="ui red button set-default-project-board" data-url="{{$.Link}}/{{.ID}}/default">{{$.locale.Tr "repo.projects.board.set_default"}}</button>
- </div>
- </div>
-
- <div class="ui basic modal" id="delete-board-modal-{{.ID}}">
- <div class="ui icon header">
- {{$.locale.Tr "repo.projects.board.delete"}}
- </div>
- <div class="content center">
- <label>
- {{$.locale.Tr "repo.projects.board.deletion_desc"}}
- </label>
- </div>
- <div class="text right actions">
- <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
- <button class="ui red button delete-project-board" data-url="{{$.Link}}/{{.ID}}">{{$.locale.Tr "repo.projects.board.delete"}}</button>
- </div>
- </div>
- </div>
- </div>
- {{end}}
- </div>
- <div class="ui divider"></div>
-
- <div class="ui cards board" data-url="{{$.Link}}/{{.ID}}" data-project="{{$.Project.ID}}" data-board="{{.ID}}" id="board_{{.ID}}">
-
- {{range (index $.IssuesMap .ID)}}
-
- <!-- start issue card -->
- <div class="card board-card" data-issue="{{.ID}}">
- <div class="content p-0">
- <div class="header">
- <span class="dif ac vm {{if .IsClosed}}red{{else}}green{{end}}">
- {{if .IsPull}}
- {{if .PullRequest.HasMerged}}
- {{svg "octicon-git-merge" 16 "text purple"}}
- {{else}}
- {{if .IsClosed}}
- {{svg "octicon-git-pull-request" 16 "text red"}}
- {{else}}
- {{svg "octicon-git-pull-request" 16 "text green"}}
- {{end}}
- {{end}}
- {{else}}
- {{if .IsClosed}}
- {{svg "octicon-issue-closed" 16 "text red"}}
- {{else}}
- {{svg "octicon-issue-opened" 16 "text green"}}
- {{end}}
- {{end}}
- </span>
- <a class="project-board-title vm" href="{{.Link}}">
- {{.Title}}
- </a>
- </div>
- <div class="meta my-2">
- <span class="text light grey">
- {{.Repo.FullName}}#{{.Index}}
- {{$timeStr := TimeSinceUnix .GetLastEventTimestamp $.locale}}
- {{if .OriginalAuthor}}
- {{$.locale.Tr .GetLastEventLabelFake $timeStr (.OriginalAuthor|Escape) | Safe}}
- {{else if gt .Poster.ID 0}}
- {{$.locale.Tr .GetLastEventLabel $timeStr (.Poster.HomeLink|Escape) (.Poster.GetDisplayName | Escape) | Safe}}
- {{else}}
- {{$.locale.Tr .GetLastEventLabelFake $timeStr (.Poster.GetDisplayName | Escape) | Safe}}
- {{end}}
- </span>
- </div>
- {{- if .MilestoneID}}
- <div class="meta my-2">
- <a class="milestone" href="{{$.RepoLink}}/milestone/{{.MilestoneID}}">
- {{svg "octicon-milestone" 16 "mr-2 vm"}}
- <span class="vm">{{.Milestone.Name}}</span>
- </a>
- </div>
- {{- end}}
- {{- range index $.LinkedPRs .ID}}
- <div class="meta my-2">
- <a href="{{$.RepoLink}}/pulls/{{.Index}}">
- <span class="m-0 {{if .PullRequest.HasMerged}}purple{{else if .IsClosed}}red{{else}}green{{end}}">{{svg "octicon-git-merge" 16 "mr-2 vm"}}</span>
- <span class="vm">{{.Title}} <span class="text light grey">#{{.Index}}</span></span>
- </a>
- </div>
- {{- end}}
- </div>
-
- {{if or .Labels .Assignees}}
- <div class="extra content labels-list p-0 pt-2">
- {{range .Labels}}
- <a class="ui label" target="_blank" href="{{$.RepoLink}}/issues?labels={{.ID}}" style="color: {{.ForegroundColor}}; background-color: {{.Color}};" title="{{.Description | RenderEmojiPlain}}">{{.Name | RenderEmoji}}</a>
- {{end}}
- <div class="right floated">
- {{range .Assignees}}
- <a class="tooltip" target="_blank" href="{{.HTMLURL}}" data-content="{{$.locale.Tr "repo.projects.board.assigned_to"}} {{.Name}}">{{avatar . 28 "mini mr-3"}}</a>
- {{end}}
- </div>
- </div>
- {{end}}
- </div>
- <!-- stop issue card -->
-
- {{end}}
- </div>
- </div>
- {{end}}
- </div>
-
- </div>
-
- </div>
-
- {{if or .CanWriteIssues .CanWritePulls}}
- <div class="ui small basic delete modal">
- <div class="ui icon header">
- {{svg "octicon-trash"}}
- {{.locale.Tr "repo.projects.deletion"}}
- </div>
- <div class="content">
- <p>{{.locale.Tr "repo.projects.deletion_desc"}}</p>
- </div>
- <div class="actions">
- <div class="ui red basic inverted cancel button">
- <i class="remove icon"></i>
- {{.locale.Tr "modal.no"}}
- </div>
- <div class="ui green basic inverted ok button">
- <i class="checkmark icon"></i>
- {{.locale.Tr "modal.yes"}}
- </div>
- </div>
- </div>
- {{end}}
|