Projects: rename Board to Column in interface and improve consistency (#22767)

This commit is contained in:
Brecht Van Lommel 2023-02-25 00:10:50 +01:00 committed by GitHub
parent d827215011
commit 843f81113e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 70 additions and 68 deletions

View file

@ -57,7 +57,7 @@ new_mirror = New Mirror
new_fork = New Repository Fork new_fork = New Repository Fork
new_org = New Organization new_org = New Organization
new_project = New Project new_project = New Project
new_project_board = New Project board new_project_column = New Column
manage_org = Manage Organizations manage_org = Manage Organizations
admin_panel = Site Administration admin_panel = Site Administration
account_settings = Account Settings account_settings = Account Settings
@ -1203,35 +1203,35 @@ projects.description = Description (optional)
projects.description_placeholder = Description projects.description_placeholder = Description
projects.create = Create Project projects.create = Create Project
projects.title = Title projects.title = Title
projects.new = New project projects.new = New Project
projects.new_subheader = Coordinate, track, and update your work in one place, so projects stay transparent and on schedule. projects.new_subheader = Coordinate, track, and update your work in one place, so projects stay transparent and on schedule.
projects.create_success = The project '%s' has been created. projects.create_success = The project '%s' has been created.
projects.deletion = Delete Project projects.deletion = Delete Project
projects.deletion_desc = Deleting a project removes it from all related issues. Continue? projects.deletion_desc = Deleting a project removes it from all related issues. Continue?
projects.deletion_success = The project has been deleted. projects.deletion_success = The project has been deleted.
projects.edit = Edit Projects projects.edit = Edit Project
projects.edit_subheader = Projects organize issues and track progress. projects.edit_subheader = Projects organize issues and track progress.
projects.modify = Update Project projects.modify = Edit Project
projects.edit_success = Project '%s' has been updated. projects.edit_success = Project '%s' has been updated.
projects.type.none = "None" projects.type.none = "None"
projects.type.basic_kanban = "Basic Kanban" projects.type.basic_kanban = "Basic Kanban"
projects.type.bug_triage = "Bug Triage" projects.type.bug_triage = "Bug Triage"
projects.template.desc = "Project template" projects.template.desc = "Template"
projects.template.desc_helper = "Select a project template to get started" projects.template.desc_helper = "Select a project template to get started"
projects.type.uncategorized = Uncategorized projects.type.uncategorized = Uncategorized
projects.board.edit = "Edit board" projects.column.edit = "Edit Column"
projects.board.edit_title = "New Board Name" projects.column.edit_title = "Name"
projects.board.new_title = "New Board Name" projects.column.new_title = "Name"
projects.board.new_submit = "Submit" projects.column.new_submit = "Create Column"
projects.board.new = "New Board" projects.column.new = "New Column"
projects.board.set_default = "Set Default" projects.column.set_default = "Set Default"
projects.board.set_default_desc = "Set this board as default for uncategorized issues and pulls" projects.column.set_default_desc = "Set this column as default for uncategorized issues and pulls"
projects.board.delete = "Delete Board" projects.column.delete = "Delete Column"
projects.board.deletion_desc = "Deleting a project board moves all related issues to 'Uncategorized'. Continue?" projects.column.deletion_desc = "Deleting a project column moves all related issues to 'Uncategorized'. Continue?"
projects.board.color = "Color" projects.column.color = "Color"
projects.open = Open projects.open = Open
projects.close = Close projects.close = Close
projects.board.assigned_to = Assigned to projects.column.assigned_to = Assigned to
projects.card_type.desc = "Card Previews" projects.card_type.desc = "Card Previews"
projects.card_type.images_and_text = "Images and Text" projects.card_type.images_and_text = "Images and Text"
projects.card_type.text_only = "Text Only" projects.card_type.text_only = "Text Only"

View file

@ -31,30 +31,32 @@
</div> </div>
{{if not .PageIsEditProjects}} {{if not .PageIsEditProjects}}
<div class="field">
<label>{{.locale.Tr "repo.projects.template.desc"}}</label> <label>{{.locale.Tr "repo.projects.template.desc"}}</label>
<div class="ui selection dropdown"> <div class="ui selection dropdown">
<input type="hidden" name="board_type" value="{{.type}}"> <input type="hidden" name="board_type" value="{{.type}}">
<div class="default text">{{.locale.Tr "repo.projects.template.desc_helper"}}</div> <div class="default text">{{.locale.Tr "repo.projects.template.desc_helper"}}</div>
<div class="menu"> <div class="menu">
{{range $element := .BoardTypes}} {{range $element := .ProjectTypes}}
<div class="item" data-id="{{$element.BoardType}}" data-value="{{$element.BoardType}}">{{$.locale.Tr $element.Translation}}</div> <div class="item" data-id="{{$element.BoardType}}" data-value="{{$element.BoardType}}">{{$.locale.Tr $element.Translation}}</div>
{{end}} {{end}}
</div> </div>
</div> </div>
</div>
{{end}} {{end}}
</div> </div>
<div class="ui container"> <div class="ui container">
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui left"> <div class="ui left">
{{if .PageIsEditProjects}} {{if .PageIsEditProjects}}
<a class="ui primary basic button" href="{{.RepoLink}}/projects"> <a class="ui cancel button" href="{{.RepoLink}}/projects">
{{.locale.Tr "repo.milestones.cancel"}} {{.locale.Tr "repo.milestones.cancel"}}
</a> </a>
<button class="ui green button"> <button class="ui primary button">
{{.locale.Tr "repo.projects.modify"}} {{.locale.Tr "repo.projects.modify"}}
</button> </button>
{{else}} {{else}}
<button class="ui green button"> <button class="ui primary button">
{{.locale.Tr "repo.projects.create"}} {{.locale.Tr "repo.projects.create"}}
</button> </button>
{{end}} {{end}}

View file

@ -5,21 +5,21 @@
</div> </div>
<div class="column right aligned"> <div class="column right aligned">
{{if .CanWriteProjects}} {{if .CanWriteProjects}}
<a class="ui green button show-modal item" data-modal="#new-board-item">{{.locale.Tr "new_project_board"}}</a> <a class="ui green button show-modal item" data-modal="#new-board-item">{{.locale.Tr "new_project_column"}}</a>
{{end}} {{end}}
<div class="ui small modal new-board-modal" id="new-board-item"> <div class="ui small modal new-board-modal" id="new-board-item">
<div class="header"> <div class="header">
{{$.locale.Tr "repo.projects.board.new"}} {{$.locale.Tr "repo.projects.column.new"}}
</div> </div>
<div class="content"> <div class="content">
<form class="ui form"> <form class="ui form">
<div class="required field"> <div class="required field">
<label for="new_board">{{$.locale.Tr "repo.projects.board.new_title"}}</label> <label for="new_board">{{$.locale.Tr "repo.projects.column.new_title"}}</label>
<input class="new-board" id="new_board" name="title" required> <input class="new-board" id="new_board" name="title" required>
</div> </div>
<div class="field color-field"> <div class="field color-field">
<label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label> <label for="new_board_color">{{$.locale.Tr "repo.projects.column.color"}}</label>
<div class="color picker column"> <div class="color picker column">
<input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color_picker" name="color"> <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color_picker" name="color">
<div class="column precolors"> <div class="column precolors">
@ -30,7 +30,7 @@
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <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> <button data-url="{{$.Link}}" class="ui primary button" id="new_board_submit">{{$.locale.Tr "repo.projects.column.new_submit"}}</button>
</div> </div>
</form> </form>
</div> </div>
@ -92,32 +92,32 @@
<div class="menu user-menu" tabindex="-1"> <div class="menu user-menu" tabindex="-1">
<a class="item show-modal button" data-modal="#edit-project-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#edit-project-board-modal-{{.ID}}">
{{svg "octicon-pencil"}} {{svg "octicon-pencil"}}
{{$.locale.Tr "repo.projects.board.edit"}} {{$.locale.Tr "repo.projects.column.edit"}}
</a> </a>
{{if not .Default}} {{if not .Default}}
<a class="item show-modal button" data-modal="#set-default-project-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#set-default-project-board-modal-{{.ID}}">
{{svg "octicon-pin"}} {{svg "octicon-pin"}}
{{$.locale.Tr "repo.projects.board.set_default"}} {{$.locale.Tr "repo.projects.column.set_default"}}
</a> </a>
{{end}} {{end}}
<a class="item show-modal button" data-modal="#delete-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#delete-board-modal-{{.ID}}">
{{svg "octicon-trash"}} {{svg "octicon-trash"}}
{{$.locale.Tr "repo.projects.board.delete"}} {{$.locale.Tr "repo.projects.column.delete"}}
</a> </a>
<div class="ui small modal edit-project-board" id="edit-project-board-modal-{{.ID}}"> <div class="ui small modal edit-project-board" id="edit-project-board-modal-{{.ID}}">
<div class="header"> <div class="header">
{{$.locale.Tr "repo.projects.board.edit"}} {{$.locale.Tr "repo.projects.column.edit"}}
</div> </div>
<div class="content"> <div class="content">
<form class="ui form"> <form class="ui form">
<div class="required field"> <div class="required field">
<label for="new_board_title">{{$.locale.Tr "repo.projects.board.edit_title"}}</label> <label for="new_board_title">{{$.locale.Tr "repo.projects.column.edit_title"}}</label>
<input class="project-board-title" id="new_board_title" name="title" value="{{.Title}}" required> <input class="project-board-title" id="new_board_title" name="title" value="{{.Title}}" required>
</div> </div>
<div class="field color-field"> <div class="field color-field">
<label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label> <label for="new_board_color">{{$.locale.Tr "repo.projects.column.color"}}</label>
<div class="color picker column"> <div class="color picker column">
<input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color" name="color" value="{{.Color}}"> <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color" name="color" value="{{.Color}}">
<div class="column precolors"> <div class="column precolors">
@ -128,7 +128,7 @@
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <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> <button data-url="{{$.Link}}/{{.ID}}" class="ui primary button">{{$.locale.Tr "repo.projects.column.edit"}}</button>
</div> </div>
</form> </form>
</div> </div>
@ -136,31 +136,31 @@
<div class="ui basic modal" id="set-default-project-board-modal-{{.ID}}"> <div class="ui basic modal" id="set-default-project-board-modal-{{.ID}}">
<div class="ui icon header"> <div class="ui icon header">
{{$.locale.Tr "repo.projects.board.set_default"}} {{$.locale.Tr "repo.projects.column.set_default"}}
</div> </div>
<div class="content center"> <div class="content center">
<label> <label>
{{$.locale.Tr "repo.projects.board.set_default_desc"}} {{$.locale.Tr "repo.projects.column.set_default_desc"}}
</label> </label>
</div> </div>
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <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> <button class="ui primary button set-default-project-board" data-url="{{$.Link}}/{{.ID}}/default">{{$.locale.Tr "repo.projects.column.set_default"}}</button>
</div> </div>
</div> </div>
<div class="ui basic modal" id="delete-board-modal-{{.ID}}"> <div class="ui basic modal" id="delete-board-modal-{{.ID}}">
<div class="ui icon header"> <div class="ui icon header">
{{$.locale.Tr "repo.projects.board.delete"}} {{$.locale.Tr "repo.projects.column.delete"}}
</div> </div>
<div class="content center"> <div class="content center">
<label> <label>
{{$.locale.Tr "repo.projects.board.deletion_desc"}} {{$.locale.Tr "repo.projects.column.deletion_desc"}}
</label> </label>
</div> </div>
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <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> <button class="ui red button delete-project-board" data-url="{{$.Link}}/{{.ID}}">{{$.locale.Tr "repo.projects.column.delete"}}</button>
</div> </div>
</div> </div>
</div> </div>
@ -238,7 +238,7 @@
{{end}} {{end}}
<div class="right floated"> <div class="right floated">
{{range .Assignees}} {{range .Assignees}}
<a class="tooltip" target="_blank" href="{{.HomeLink}}" data-content="{{$.locale.Tr "repo.projects.board.assigned_to"}} {{.Name}}">{{avatar . 28 "mini gt-mr-3"}}</a> <a class="tooltip" target="_blank" href="{{.HomeLink}}" data-content="{{$.locale.Tr "repo.projects.column.assigned_to"}} {{.Name}}">{{avatar . 28 "mini gt-mr-3"}}</a>
{{end}} {{end}}
</div> </div>
</div> </div>

View file

@ -71,14 +71,14 @@
<div class="ui divider"></div> <div class="ui divider"></div>
<div class="ui left"> <div class="ui left">
{{if .PageIsEditProjects}} {{if .PageIsEditProjects}}
<a class="ui primary basic button" href="{{.RepoLink}}/projects"> <a class="ui cancel button" href="{{.RepoLink}}/projects">
{{.locale.Tr "repo.milestones.cancel"}} {{.locale.Tr "repo.milestones.cancel"}}
</a> </a>
<button class="ui green button"> <button class="ui primary button">
{{.locale.Tr "repo.projects.modify"}} {{.locale.Tr "repo.projects.modify"}}
</button> </button>
{{else}} {{else}}
<button class="ui green button"> <button class="ui primary button">
{{.locale.Tr "repo.projects.create"}} {{.locale.Tr "repo.projects.create"}}
</button> </button>
{{end}} {{end}}

View file

@ -9,21 +9,21 @@
<div class="column right aligned"> <div class="column right aligned">
{{if and .CanWriteProjects (not .Repository.IsArchived)}} {{if and .CanWriteProjects (not .Repository.IsArchived)}}
<a class="ui green button show-modal item" href="{{$.RepoLink}}/issues/new/choose?project={{$.Project.ID}}">{{.locale.Tr "repo.issues.new"}}</a> <a class="ui green button show-modal item" href="{{$.RepoLink}}/issues/new/choose?project={{$.Project.ID}}">{{.locale.Tr "repo.issues.new"}}</a>
<a class="ui green button show-modal item" data-modal="#new-board-item">{{.locale.Tr "new_project_board"}}</a> <a class="ui green button show-modal item" data-modal="#new-board-item">{{.locale.Tr "new_project_column"}}</a>
{{end}} {{end}}
<div class="ui small modal new-board-modal" id="new-board-item"> <div class="ui small modal new-board-modal" id="new-board-item">
<div class="header"> <div class="header">
{{$.locale.Tr "repo.projects.board.new"}} {{$.locale.Tr "repo.projects.column.new"}}
</div> </div>
<div class="content"> <div class="content">
<form class="ui form"> <form class="ui form">
<div class="required field"> <div class="required field">
<label for="new_board">{{$.locale.Tr "repo.projects.board.new_title"}}</label> <label for="new_board">{{$.locale.Tr "repo.projects.column.new_title"}}</label>
<input class="new-board" id="new_board" name="title" required> <input class="new-board" id="new_board" name="title" required>
</div> </div>
<div class="field color-field"> <div class="field color-field">
<label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label> <label for="new_board_color">{{$.locale.Tr "repo.projects.column.color"}}</label>
<div class="color picker column"> <div class="color picker column">
<input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color_picker" name="color"> <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color_picker" name="color">
<div class="column precolors"> <div class="column precolors">
@ -34,7 +34,7 @@
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
<button data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}" class="ui green button" id="new_board_submit">{{$.locale.Tr "repo.projects.board.new_submit"}}</button> <button data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}" class="ui primary button" id="new_board_submit">{{$.locale.Tr "repo.projects.column.new_submit"}}</button>
</div> </div>
</form> </form>
</div> </div>
@ -96,32 +96,32 @@
<div class="menu user-menu" tabindex="-1"> <div class="menu user-menu" tabindex="-1">
<a class="item show-modal button" data-modal="#edit-project-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#edit-project-board-modal-{{.ID}}">
{{svg "octicon-pencil"}} {{svg "octicon-pencil"}}
{{$.locale.Tr "repo.projects.board.edit"}} {{$.locale.Tr "repo.projects.column.edit"}}
</a> </a>
{{if not .Default}} {{if not .Default}}
<a class="item show-modal button" data-modal="#set-default-project-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#set-default-project-board-modal-{{.ID}}">
{{svg "octicon-pin"}} {{svg "octicon-pin"}}
{{$.locale.Tr "repo.projects.board.set_default"}} {{$.locale.Tr "repo.projects.column.set_default"}}
</a> </a>
{{end}} {{end}}
<a class="item show-modal button" data-modal="#delete-board-modal-{{.ID}}"> <a class="item show-modal button" data-modal="#delete-board-modal-{{.ID}}">
{{svg "octicon-trash"}} {{svg "octicon-trash"}}
{{$.locale.Tr "repo.projects.board.delete"}} {{$.locale.Tr "repo.projects.column.delete"}}
</a> </a>
<div class="ui small modal edit-project-board" id="edit-project-board-modal-{{.ID}}"> <div class="ui small modal edit-project-board" id="edit-project-board-modal-{{.ID}}">
<div class="header"> <div class="header">
{{$.locale.Tr "repo.projects.board.edit"}} {{$.locale.Tr "repo.projects.column.edit"}}
</div> </div>
<div class="content"> <div class="content">
<form class="ui form"> <form class="ui form">
<div class="required field"> <div class="required field">
<label for="new_board_title">{{$.locale.Tr "repo.projects.board.edit_title"}}</label> <label for="new_board_title">{{$.locale.Tr "repo.projects.column.edit_title"}}</label>
<input class="project-board-title" id="new_board_title" name="title" value="{{.Title}}" required> <input class="project-board-title" id="new_board_title" name="title" value="{{.Title}}" required>
</div> </div>
<div class="field color-field"> <div class="field color-field">
<label for="new_board_color">{{$.locale.Tr "repo.projects.board.color"}}</label> <label for="new_board_color">{{$.locale.Tr "repo.projects.column.color"}}</label>
<div class="color picker column"> <div class="color picker column">
<input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color" name="color" value="{{.Color}}"> <input class="color-picker" maxlength="7" placeholder="#c320f6" id="new_board_color" name="color" value="{{.Color}}">
<div class="column precolors"> <div class="column precolors">
@ -132,7 +132,7 @@
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
<button data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}" class="ui red button">{{$.locale.Tr "repo.projects.board.edit"}}</button> <button data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}" class="ui primary button">{{$.locale.Tr "repo.projects.column.edit"}}</button>
</div> </div>
</form> </form>
</div> </div>
@ -140,31 +140,31 @@
<div class="ui basic modal" id="set-default-project-board-modal-{{.ID}}"> <div class="ui basic modal" id="set-default-project-board-modal-{{.ID}}">
<div class="ui icon header"> <div class="ui icon header">
{{$.locale.Tr "repo.projects.board.set_default"}} {{$.locale.Tr "repo.projects.column.set_default"}}
</div> </div>
<div class="content center"> <div class="content center">
<label> <label>
{{$.locale.Tr "repo.projects.board.set_default_desc"}} {{$.locale.Tr "repo.projects.column.set_default_desc"}}
</label> </label>
</div> </div>
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
<button class="ui red button set-default-project-board" data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}/default">{{$.locale.Tr "repo.projects.board.set_default"}}</button> <button class="ui primary button set-default-project-board" data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}/default">{{$.locale.Tr "repo.projects.column.set_default"}}</button>
</div> </div>
</div> </div>
<div class="ui basic modal" id="delete-board-modal-{{.ID}}"> <div class="ui basic modal" id="delete-board-modal-{{.ID}}">
<div class="ui icon header"> <div class="ui icon header">
{{$.locale.Tr "repo.projects.board.delete"}} {{$.locale.Tr "repo.projects.column.delete"}}
</div> </div>
<div class="content center"> <div class="content center">
<label> <label>
{{$.locale.Tr "repo.projects.board.deletion_desc"}} {{$.locale.Tr "repo.projects.column.deletion_desc"}}
</label> </label>
</div> </div>
<div class="text right actions"> <div class="text right actions">
<div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div> <div class="ui cancel button">{{$.locale.Tr "settings.cancel"}}</div>
<button class="ui red button delete-project-board" data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}">{{$.locale.Tr "repo.projects.board.delete"}}</button> <button class="ui red button delete-project-board" data-url="{{$.RepoLink}}/projects/{{$.Project.ID}}/{{.ID}}">{{$.locale.Tr "repo.projects.column.delete"}}</button>
</div> </div>
</div> </div>
</div> </div>
@ -249,7 +249,7 @@
{{end}} {{end}}
<div class="right floated"> <div class="right floated">
{{range .Assignees}} {{range .Assignees}}
<a class="tooltip" target="_blank" href="{{.HomeLink}}" data-content="{{$.locale.Tr "repo.projects.board.assigned_to"}} {{.Name}}">{{avatar $.Context . 28 "mini gt-mr-3"}}</a> <a class="tooltip" target="_blank" href="{{.HomeLink}}" data-content="{{$.locale.Tr "repo.projects.column.assigned_to"}} {{.Name}}">{{avatar $.Context . 28 "mini gt-mr-3"}}</a>
{{end}} {{end}}
</div> </div>
</div> </div>