Skip to content

Commit 57d75c0

Browse files
committed
feat: support to edit projects
1 parent 6767328 commit 57d75c0

File tree

8 files changed

+150
-37
lines changed

8 files changed

+150
-37
lines changed

lib/lynx_web/templates/page/profile.html.heex

-5
Original file line numberDiff line numberDiff line change
@@ -158,7 +158,6 @@
158158
<ul>
159159
<li>
160160
<a href={Routes.page_path(@conn, :projects)}>
161-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
162161
<span>
163162
<i class="iconly-Curved-PaperPlus"></i>
164163
<span><%= gettext "Projects" %></span>
@@ -167,7 +166,6 @@
167166
</li>
168167
<li>
169168
<a href={Routes.page_path(@conn, :snapshots)}>
170-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
171169
<span>
172170
<i class="iconly-Curved-PaperPlus"></i>
173171
<span><%= gettext "Snapshots" %></span>
@@ -177,7 +175,6 @@
177175
<%= if @data.is_super do %>
178176
<li>
179177
<a href={Routes.page_path(@conn, :teams)}>
180-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
181178
<span>
182179
<i class="iconly-Curved-PaperPlus"></i>
183180
<span><%= gettext "Teams" %></span>
@@ -186,7 +183,6 @@
186183
</li>
187184
<li>
188185
<a href={Routes.page_path(@conn, :users)}>
189-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
190186
<span>
191187
<i class="iconly-Curved-PaperPlus"></i>
192188
<span><%= gettext "Users" %></span>
@@ -195,7 +191,6 @@
195191
</li>
196192
<li>
197193
<a href={Routes.page_path(@conn, :settings)}>
198-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
199194
<span>
200195
<i class="iconly-Curved-PaperPlus"></i>
201196
<span><%= gettext "Settings" %></span>

lib/lynx_web/templates/page/project.html.heex

-5
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,6 @@
164164
<ul>
165165
<li>
166166
<a href={Routes.page_path(@conn, :projects)}>
167-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
168167
<span>
169168
<i class="iconly-Curved-PaperPlus"></i>
170169
<span><%= gettext "Projects" %></span>
@@ -173,7 +172,6 @@
173172
</li>
174173
<li>
175174
<a href={Routes.page_path(@conn, :snapshots)}>
176-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
177175
<span>
178176
<i class="iconly-Curved-PaperPlus"></i>
179177
<span><%= gettext "Snapshots" %></span>
@@ -183,7 +181,6 @@
183181
<%= if @data.is_super do %>
184182
<li>
185183
<a href={Routes.page_path(@conn, :teams)}>
186-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
187184
<span>
188185
<i class="iconly-Curved-PaperPlus"></i>
189186
<span><%= gettext "Teams" %></span>
@@ -192,7 +189,6 @@
192189
</li>
193190
<li>
194191
<a href={Routes.page_path(@conn, :users)}>
195-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
196192
<span>
197193
<i class="iconly-Curved-PaperPlus"></i>
198194
<span><%= gettext "Users" %></span>
@@ -201,7 +197,6 @@
201197
</li>
202198
<li>
203199
<a href={Routes.page_path(@conn, :settings)}>
204-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
205200
<span>
206201
<i class="iconly-Curved-PaperPlus"></i>
207202
<span><%= gettext "Settings" %></span>

lib/lynx_web/templates/page/projects.html.heex

+60-6
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
var _globals = {
33
new_project: '<%= gettext "Project created successfully!" %>',
44
delete_project_message: '<%= gettext "Project deleted successfully!" %>',
5+
update_project_message: '<%= gettext "Project updated successfully!" %>',
56
delete_project_alert: '<%= gettext "You are trying to delete a project! are you sure?" %>',
67
delete_project_endpoint: '<%= Routes.project_path(@conn, :delete, "UUID") %>',
78
project_view_page: '<%= Routes.page_path(@conn, :project, "UUID") %>'
@@ -161,7 +162,6 @@
161162
<ul>
162163
<li>
163164
<a href={Routes.page_path(@conn, :projects)}>
164-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
165165
<span>
166166
<i class="iconly-Curved-PaperPlus"></i>
167167
<span><%= gettext "Projects" %></span>
@@ -170,7 +170,6 @@
170170
</li>
171171
<li>
172172
<a href={Routes.page_path(@conn, :snapshots)}>
173-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
174173
<span>
175174
<i class="iconly-Curved-PaperPlus"></i>
176175
<span><%= gettext "Snapshots" %></span>
@@ -180,7 +179,6 @@
180179
<%= if @data.is_super do %>
181180
<li>
182181
<a href={Routes.page_path(@conn, :teams)}>
183-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
184182
<span>
185183
<i class="iconly-Curved-PaperPlus"></i>
186184
<span><%= gettext "Teams" %></span>
@@ -189,7 +187,6 @@
189187
</li>
190188
<li>
191189
<a href={Routes.page_path(@conn, :users)}>
192-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
193190
<span>
194191
<i class="iconly-Curved-PaperPlus"></i>
195192
<span><%= gettext "Users" %></span>
@@ -198,7 +195,6 @@
198195
</li>
199196
<li>
200197
<a href={Routes.page_path(@conn, :settings)}>
201-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
202198
<span>
203199
<i class="iconly-Curved-PaperPlus"></i>
204200
<span><%= gettext "Settings" %></span>
@@ -295,7 +291,7 @@
295291
<td style="text-align: center">${formatDatetime(project.createdAt)}</td>
296292
<td>
297293
<button @click="viewProjectAction(project.id)" class="btn btn-dashed btn-sm text-warning-100 border-warning-100 hp-hover-text-color-warning-80 hp-hover-border-color-warning-80"><%= gettext "View" %></button>
298-
<!--<button @click="editProjectAction(project.id)" class="btn btn-dashed btn-sm text-black-100 border-black-100 hp-hover-text-color-black-80 hp-hover-border-color-black-80"><%= gettext "Edit" %></button>-->
294+
<button @click="editProjectAction(project.id)" class="btn btn-dashed btn-sm text-black-100 border-black-100 hp-hover-text-color-black-80 hp-hover-border-color-black-80" data-bs-toggle="modal" data-bs-target="#edit_project_modal"><%= gettext "Edit" %></button>
299295
<button @click="deleteProjectAction(project.id)" class="btn btn-dashed btn-sm text-danger border-danger hp-hover-text-color-danger-2 hp-hover-border-color-danger-2"><%= gettext "Delete" %></button>
300296
</td>
301297
</tr>
@@ -393,6 +389,64 @@
393389
</div>
394390
</div>
395391

392+
<div class="modal fade" id="edit_project_modal" tabindex="-1" aria-labelledby="editProjectLabel" aria-hidden="true" data-action={Routes.team_path(@conn, :list)}>
393+
<div class="modal-dialog modal-dialog-centered">
394+
<div class="modal-content">
395+
<div class="modal-header py-16 px-24">
396+
<h5 class="modal-title" id="editProjectLabel"><%= gettext "Edit Project" %></h5>
397+
<button type="button" class="btn-close hp-bg-none d-flex align-items-center justify-content-center" data-bs-dismiss="modal" aria-label="Close">
398+
<i class="ri-close-line hp-text-color-dark-0 lh-1" style="font-size: 24px;"></i>
399+
</button>
400+
</div>
401+
402+
<div class="divider m-0"></div>
403+
404+
<form id="update_project_form" action={Routes.project_path(@conn, :update, "UUID")} method="post" v-on:submit.prevent="updateProjectAction">
405+
<input type="hidden" value="" name="uuid">
406+
<div class="modal-body">
407+
<div class="row gx-8">
408+
<div class="col-12">
409+
<div class="mb-24">
410+
<label class="form-label"><%= gettext "Name" %></label>
411+
<input type="text" class="form-control" name="name" required="required" minlength="2" maxlength="60">
412+
</div>
413+
</div>
414+
415+
<div class="col-12">
416+
<div class="mb-24">
417+
<label class="form-label"><%= gettext "Slug" %></label>
418+
<input type="text" class="form-control" name="slug" required="required" minlength="2" maxlength="60">
419+
</div>
420+
</div>
421+
422+
<div class="col-12">
423+
<div class="mb-24">
424+
<label class="form-label"><%= gettext "Description" %></label>
425+
<textarea name="description" class="form-control" required="required" minlength="2" maxlength="250"></textarea>
426+
</div>
427+
</div>
428+
429+
<div class="col-12">
430+
<div class="mb-24">
431+
<label class="form-label"><%= gettext "Team" %></label>
432+
<select class="form-select" name="team_id" required="required">
433+
<template v-for="team in teams">
434+
<option :value="team.id">${team.name}</option>
435+
</template>
436+
</select>
437+
</div>
438+
</div>
439+
</div>
440+
</div>
441+
442+
<div class="modal-footer pt-0 px-24 pb-24">
443+
<div class="divider"></div>
444+
<button type="submit" class="m-0 btn btn-primary w-100" :disabled="isInProgress"><%= gettext "Submit" %></button>
445+
</div>
446+
</form>
447+
</div>
448+
</div>
449+
</div>
396450
</div>
397451

398452
<footer class="w-100 py-18 px-16 py-sm-24 px-sm-32 hp-bg-color-black-20 hp-bg-color-dark-90">

lib/lynx_web/templates/page/settings.html.heex

-5
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,6 @@
151151
<ul>
152152
<li>
153153
<a href={Routes.page_path(@conn, :projects)}>
154-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
155154
<span>
156155
<i class="iconly-Curved-PaperPlus"></i>
157156
<span><%= gettext "Projects" %></span>
@@ -160,7 +159,6 @@
160159
</li>
161160
<li>
162161
<a href={Routes.page_path(@conn, :snapshots)}>
163-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
164162
<span>
165163
<i class="iconly-Curved-PaperPlus"></i>
166164
<span><%= gettext "Snapshots" %></span>
@@ -170,7 +168,6 @@
170168
<%= if @data.is_super do %>
171169
<li>
172170
<a href={Routes.page_path(@conn, :teams)}>
173-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
174171
<span>
175172
<i class="iconly-Curved-PaperPlus"></i>
176173
<span><%= gettext "Teams" %></span>
@@ -179,7 +176,6 @@
179176
</li>
180177
<li>
181178
<a href={Routes.page_path(@conn, :users)}>
182-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
183179
<span>
184180
<i class="iconly-Curved-PaperPlus"></i>
185181
<span><%= gettext "Users" %></span>
@@ -188,7 +184,6 @@
188184
</li>
189185
<li>
190186
<a href={Routes.page_path(@conn, :settings)}>
191-
<div class="tooltip-item in-active" data-bs-toggle="tooltip" data-bs-placement="right" title="Blank Page" data-bs-original-title="Blank Page" aria-label="Blank Page"></div>
192187
<span>
193188
<i class="iconly-Curved-PaperPlus"></i>
194189
<span><%= gettext "Settings" %></span>

0 commit comments

Comments
 (0)