|
41 | 41 | {{svg "octicon-trash"}} |
42 | 42 | {{ctx.Locale.Tr "repo.issues.label_delete"}} |
43 | 43 | </button> |
44 | | - <button class="item btn show-modal" data-modal="#new-project-column-item"> |
| 44 | + <button class="item btn show-modal show-project-column-modal-edit" data-modal="#project-column-modal-edit" |
| 45 | + data-modal-header="{{ctx.Locale.Tr "repo.projects.column.new"}}" |
| 46 | + data-modal-project-column-title-label="{{ctx.Locale.Tr "repo.projects.column.new_title"}}" |
| 47 | + data-modal-project-column-button-save="{{ctx.Locale.Tr "repo.projects.column.new_submit"}}" |
| 48 | + data-modal-project-column-id="" |
| 49 | + data-modal-project-column-title-input="" |
| 50 | + data-modal-project-column-color-input="" |
| 51 | + > |
45 | 52 | {{svg "octicon-plus"}} |
46 | 53 | {{ctx.Locale.Tr "new_project_column"}} |
47 | 54 | </button> |
48 | 55 | </div> |
49 | | - <div class="ui small modal new-project-column-modal" id="new-project-column-item"> |
50 | | - <div class="header"> |
51 | | - {{ctx.Locale.Tr "repo.projects.column.new"}} |
52 | | - </div> |
53 | | - <div class="content"> |
54 | | - <form class="ui form"> |
55 | | - <div class="required field"> |
56 | | - <label for="new_project_column">{{ctx.Locale.Tr "repo.projects.column.new_title"}}</label> |
57 | | - <input class="new-project-column" id="new_project_column" name="title" required> |
58 | | - </div> |
59 | | - |
60 | | - <div class="field color-field"> |
61 | | - <label for="new_project_column_color_picker">{{ctx.Locale.Tr "repo.projects.column.color"}}</label> |
62 | | - <div class="js-color-picker-input column"> |
63 | | - <input maxlength="7" placeholder="#c320f6" id="new_project_column_color_picker" name="color"> |
64 | | - {{template "repo/issue/label_precolors"}} |
65 | | - </div> |
66 | | - </div> |
67 | | - |
68 | | - <div class="text right actions"> |
69 | | - <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button> |
70 | | - <button data-url="{{$.Link}}" class="ui primary button" id="new_project_column_submit">{{ctx.Locale.Tr "repo.projects.column.new_submit"}}</button> |
71 | | - </div> |
72 | | - </form> |
73 | | - </div> |
74 | | - </div> |
75 | 56 | {{end}} |
76 | 57 | </div> |
77 | 58 |
|
|
81 | 62 | </div> |
82 | 63 |
|
83 | 64 | <div id="project-board" data-project-borad-writable="{{$canWriteProject}}"> |
84 | | - <div class="board {{if .CanWriteProjects}}sortable{{end}}"{{if .CanWriteProjects}} data-url="{{$.Link}}/move"{{end}}> |
| 65 | + <div class="board {{if $canWriteProject}}sortable{{end}}" {{if $canWriteProject}}data-url="{{$.Link}}/move"{{end}}> |
85 | 66 | {{range .Columns}} |
86 | | - <div class="project-column"{{if .Color}} style="background: {{.Color}} !important; color: {{ContrastColor .Color}} !important"{{end}} data-id="{{.ID}}" data-sorting="{{.Sorting}}" data-url="{{$.Link}}/{{.ID}}"> |
| 67 | + <div class="project-column" {{if .Color}}style="background: {{.Color}} !important; color: {{ContrastColor .Color}} !important"{{end}} data-id="{{.ID}}" data-sorting="{{.Sorting}}" data-url="{{$.Link}}/{{.ID}}"> |
87 | 68 | <div class="project-column-header{{if $canWriteProject}} tw-cursor-grab{{end}}"> |
88 | 69 | <div class="ui circular label project-column-issue-count"> |
89 | 70 | {{.NumIssues ctx}} |
90 | 71 | </div> |
91 | | - <div class="project-column-title-label gt-ellipsis">{{.Title}}</div> |
| 72 | + <div class="project-column-title-text gt-ellipsis">{{.Title}}</div> |
92 | 73 | {{if $canWriteProject}} |
93 | 74 | <div class="ui dropdown tw-p-1"> |
94 | 75 | {{svg "octicon-kebab-horizontal"}} |
95 | 76 | <div class="menu"> |
96 | | - <a class="item show-modal button" data-modal="#edit-project-column-modal-{{.ID}}"> |
97 | | - {{svg "octicon-pencil"}} |
98 | | - {{ctx.Locale.Tr "repo.projects.column.edit"}} |
| 77 | + <a class="item button show-modal show-project-column-modal-edit" data-modal="#project-column-modal-edit" |
| 78 | + data-modal-header="{{ctx.Locale.Tr "repo.projects.column.edit"}}" |
| 79 | + data-modal-project-column-title-label="{{ctx.Locale.Tr "repo.projects.column.edit_title"}}" |
| 80 | + data-modal-project-column-button-save="{{ctx.Locale.Tr "repo.projects.column.edit"}}" |
| 81 | + data-modal-project-column-id="{{.ID}}" |
| 82 | + data-modal-project-column-title-input="{{.Title}}" |
| 83 | + data-modal-project-column-color-input="{{.Color}}" |
| 84 | + > |
| 85 | + {{svg "octicon-pencil"}} {{ctx.Locale.Tr "repo.projects.column.edit"}} |
99 | 86 | </a> |
100 | 87 | {{if not .Default}} |
101 | | - <a class="item show-modal button default-project-column-show" |
102 | | - data-modal="#default-project-column-modal-{{.ID}}" |
103 | | - data-modal-default-project-column-header="{{ctx.Locale.Tr "repo.projects.column.set_default"}}" |
104 | | - data-modal-default-project-column-content="{{ctx.Locale.Tr "repo.projects.column.set_default_desc"}}" |
105 | | - data-url="{{$.Link}}/{{.ID}}/default"> |
106 | | - {{svg "octicon-pin"}} |
107 | | - {{ctx.Locale.Tr "repo.projects.column.set_default"}} |
| 88 | + <a class="item button link-action" data-url="{{$.Link}}/{{.ID}}/default" |
| 89 | + data-modal-confirm-header="{{ctx.Locale.Tr "repo.projects.column.set_default"}}" |
| 90 | + data-modal-confirm-content="{{ctx.Locale.Tr "repo.projects.column.set_default_desc"}}" |
| 91 | + > |
| 92 | + {{svg "octicon-pin"}} {{ctx.Locale.Tr "repo.projects.column.set_default"}} |
108 | 93 | </a> |
109 | | - <a class="item show-modal button show-delete-project-column-modal" |
110 | | - data-modal="#delete-project-column-modal-{{.ID}}" |
111 | | - data-url="{{$.Link}}/{{.ID}}"> |
112 | | - {{svg "octicon-trash"}} |
113 | | - {{ctx.Locale.Tr "repo.projects.column.delete"}} |
| 94 | + <a class="item button link-action" data-url="{{$.Link}}/{{.ID}}" data-link-action-method="DELETE" |
| 95 | + data-modal-confirm-header="{{ctx.Locale.Tr "repo.projects.deletion"}}" |
| 96 | + data-modal-confirm-content="{{ctx.Locale.Tr "repo.projects.deletion_desc"}}" |
| 97 | + > |
| 98 | + {{svg "octicon-trash"}} {{ctx.Locale.Tr "repo.projects.column.delete"}} |
114 | 99 | </a> |
115 | 100 | {{end}} |
116 | | - |
117 | | - <div class="ui small modal edit-project-column-modal" id="edit-project-column-modal-{{.ID}}"> |
118 | | - <div class="header"> |
119 | | - {{ctx.Locale.Tr "repo.projects.column.edit"}} |
120 | | - </div> |
121 | | - <div class="content"> |
122 | | - <form class="ui form"> |
123 | | - <div class="required field"> |
124 | | - <label for="new_project_column_title">{{ctx.Locale.Tr "repo.projects.column.edit_title"}}</label> |
125 | | - <input class="project-column-title-input" id="new_project_column_title" name="title" value="{{.Title}}" required> |
126 | | - </div> |
127 | | - |
128 | | - <div class="field color-field"> |
129 | | - <label for="new_project_column_color">{{ctx.Locale.Tr "repo.projects.column.color"}}</label> |
130 | | - <div class="js-color-picker-input column"> |
131 | | - <input maxlength="7" placeholder="#c320f6" id="new_project_column_color" name="color" value="{{.Color}}"> |
132 | | - {{template "repo/issue/label_precolors"}} |
133 | | - </div> |
134 | | - </div> |
135 | | - |
136 | | - <div class="text right actions"> |
137 | | - <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button> |
138 | | - <button data-url="{{$.Link}}/{{.ID}}" class="ui primary button edit-project-column-button">{{ctx.Locale.Tr "repo.projects.column.edit"}}</button> |
139 | | - </div> |
140 | | - </form> |
141 | | - </div> |
142 | | - </div> |
143 | | - |
144 | | - <div class="ui g-modal-confirm modal default-project-column-modal" id="default-project-column-modal-{{.ID}}"> |
145 | | - <div class="header"> |
146 | | - <span id="default-project-column-header"></span> |
147 | | - </div> |
148 | | - <div class="content"> |
149 | | - <label id="default-project-column-content"></label> |
150 | | - </div> |
151 | | - {{template "base/modal_actions_confirm" (dict "ModalButtonTypes" "confirm")}} |
152 | | - </div> |
153 | | - |
154 | | - <div class="ui g-modal-confirm modal" id="delete-project-column-modal-{{.ID}}"> |
155 | | - <div class="header"> |
156 | | - {{ctx.Locale.Tr "repo.projects.column.delete"}} |
157 | | - </div> |
158 | | - <div class="content"> |
159 | | - <label> |
160 | | - {{ctx.Locale.Tr "repo.projects.column.deletion_desc"}} |
161 | | - </label> |
162 | | - </div> |
163 | | - {{template "base/modal_actions_confirm" (dict "ModalButtonTypes" "confirm")}} |
164 | | - </div> |
165 | 101 | </div> |
166 | 102 | </div> |
167 | 103 | {{end}} |
|
179 | 115 | </div> |
180 | 116 | </div> |
181 | 117 |
|
182 | | -{{if .CanWriteProjects}} |
183 | | - <div class="ui g-modal-confirm delete modal"> |
184 | | - <div class="header"> |
185 | | - {{svg "octicon-trash"}} |
186 | | - {{ctx.Locale.Tr "repo.projects.deletion"}} |
187 | | - </div> |
188 | | - <div class="content"> |
189 | | - <p>{{ctx.Locale.Tr "repo.projects.deletion_desc"}}</p> |
190 | | - </div> |
191 | | - {{template "base/modal_actions_confirm" .}} |
| 118 | +{{if $canWriteProject}} |
| 119 | +<div class="ui small modal" id="project-column-modal-edit"> |
| 120 | + <div class="header">edit</div> |
| 121 | + <div class="content"> |
| 122 | + <form class="ui form ignore-dirty" method="post" data-action-base-link="{{$.Link}}"> |
| 123 | + <input class="project-column-id" type="hidden" name="id"> |
| 124 | + <div class="required field"> |
| 125 | + <label class="project-column-title-label" for="project-column-title-input">title</label> |
| 126 | + <input id="project-column-title-input" name="title" value="{{.Title}}" required> |
| 127 | + </div> |
| 128 | + <div class="field"> |
| 129 | + <label class="project-column-color-label" for="project-column-color-input">color</label> |
| 130 | + <div class="js-color-picker-input column"> |
| 131 | + <input maxlength="7" placeholder="#c320f6" id="project-column-color-input" name="color" value="{{.Color}}"> |
| 132 | + {{template "repo/issue/label_precolors"}} |
| 133 | + </div> |
| 134 | + </div> |
| 135 | + <div class="actions tw-text-right"> |
| 136 | + <button class="ui cancel button">{{ctx.Locale.Tr "settings.cancel"}}</button> |
| 137 | + <button type="submit" class="ui primary button project-column-button-save">save</button> |
| 138 | + </div> |
| 139 | + </form> |
192 | 140 | </div> |
| 141 | +</div> |
193 | 142 | {{end}} |
0 commit comments