diff --git a/shopping_app/static/css/style.css b/shopping_app/static/css/style.css index 115b098..fadfd7f 100644 --- a/shopping_app/static/css/style.css +++ b/shopping_app/static/css/style.css @@ -4399,7 +4399,9 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-main, -.endpoint-shared_list .shopping-item-main { +.endpoint-shared_list .shopping-item-main, +.endpoint-view_list .shopping-item-main, +.endpoint-list .shopping-item-main { display: flex; align-items: center; gap: .75rem; @@ -4407,14 +4409,18 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-content, -.endpoint-shared_list .shopping-item-content { +.endpoint-shared_list .shopping-item-content, +.endpoint-view_list .shopping-item-content, +.endpoint-list .shopping-item-content { flex: 1 1 auto; min-width: 0; width: auto; } .endpoint-list_share .shopping-item-head, -.endpoint-shared_list .shopping-item-head { +.endpoint-shared_list .shopping-item-head, +.endpoint-view_list .shopping-item-head, +.endpoint-list .shopping-item-head { display: flex; align-items: center; justify-content: space-between; @@ -4422,7 +4428,9 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-text, -.endpoint-shared_list .shopping-item-text { +.endpoint-shared_list .shopping-item-text, +.endpoint-view_list .shopping-item-text, +.endpoint-list .shopping-item-text { flex: 1 1 auto; min-width: 0; display: flex; @@ -4433,7 +4441,9 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-name, -.endpoint-shared_list .shopping-item-name { +.endpoint-shared_list .shopping-item-name, +.endpoint-view_list .shopping-item-name, +.endpoint-list .shopping-item-name { display: inline; min-width: 0; max-width: 100%; @@ -4444,13 +4454,19 @@ body.sorting-active .shopping-item-row .large-checkbox { .endpoint-list_share .shopping-item-text .badge, .endpoint-shared_list .shopping-item-text .badge, +.endpoint-view_list .shopping-item-text .badge, +.endpoint-list .shopping-item-text .badge, .endpoint-list_share .shopping-item-text .info-line, -.endpoint-shared_list .shopping-item-text .info-line { +.endpoint-shared_list .shopping-item-text .info-line, +.endpoint-view_list .shopping-item-text .info-line, +.endpoint-list .shopping-item-text .info-line { align-self: center; } .endpoint-list_share .shopping-item-text .info-line, -.endpoint-shared_list .shopping-item-text .info-line { +.endpoint-shared_list .shopping-item-text .info-line, +.endpoint-view_list .shopping-item-text .info-line, +.endpoint-list .shopping-item-text .info-line { display: block; flex: 0 0 100%; width: 100%; @@ -4461,7 +4477,9 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-actions, -.endpoint-shared_list .shopping-item-actions { +.endpoint-shared_list .shopping-item-actions, +.endpoint-view_list .shopping-item-actions, +.endpoint-list .shopping-item-actions { display: inline-flex; flex: 0 0 auto; flex-wrap: nowrap; @@ -4491,12 +4509,16 @@ body.sorting-active .shopping-item-row .large-checkbox { @media (max-width: 575.98px) { .endpoint-list_share .shopping-item-main, - .endpoint-shared_list .shopping-item-main { + .endpoint-shared_list .shopping-item-main, + .endpoint-view_list .shopping-item-main, + .endpoint-list .shopping-item-main { gap: .55rem; } .endpoint-list_share .shopping-item-head, - .endpoint-shared_list .shopping-item-head { + .endpoint-shared_list .shopping-item-head, + .endpoint-view_list .shopping-item-head, + .endpoint-list .shopping-item-head { display: flex; align-items: center; justify-content: space-between; @@ -4504,14 +4526,18 @@ body.sorting-active .shopping-item-row .large-checkbox { } .endpoint-list_share .shopping-item-text, - .endpoint-shared_list .shopping-item-text { + .endpoint-shared_list .shopping-item-text, + .endpoint-view_list .shopping-item-text, + .endpoint-list .shopping-item-text { flex: 1 1 auto; min-width: 0; gap: .25rem; } .endpoint-list_share .shopping-item-actions, - .endpoint-shared_list .shopping-item-actions { + .endpoint-shared_list .shopping-item-actions, + .endpoint-view_list .shopping-item-actions, + .endpoint-list .shopping-item-actions { align-self: start; width: auto; margin-left: auto; diff --git a/shopping_app/static/js/functions.js b/shopping_app/static/js/functions.js index 74b8148..a6f1063 100644 --- a/shopping_app/static/js/functions.js +++ b/shopping_app/static/js/functions.js @@ -389,7 +389,7 @@ function renderItem(item, isShare = window.IS_SHARE, optionsOrShowEditOnly = fal `; - } else if (canShowShareActions) { + } else if (canShowShareActions || (!isShare && isOwner)) { actionButtons += ` `; } diff --git a/shopping_app/static/js/notes.js b/shopping_app/static/js/notes.js index e1fc693..cb9e283 100644 --- a/shopping_app/static/js/notes.js +++ b/shopping_app/static/js/notes.js @@ -3,9 +3,9 @@ window.currentItemId = window.currentItemId ?? null; window.openNoteModal = function (event, itemId) { event.stopPropagation(); window.currentItemId = itemId; - const noteEl = document.querySelector(`#item-${itemId} small.text-danger`); + const noteEl = document.querySelector(`#info-${itemId} .text-danger b`); document.getElementById('noteText').value = noteEl - ? noteEl.innerText.replace(/\[|\]|Powรณd:/g, "").trim() + ? noteEl.innerText.trim() : ""; const modal = new bootstrap.Modal(document.getElementById('noteModal')); modal.show(); diff --git a/shopping_app/templates/list.html b/shopping_app/templates/list.html index 924a8f4..96b7985 100644 --- a/shopping_app/templates/list.html +++ b/shopping_app/templates/list.html @@ -141,6 +141,9 @@ {% endif %} + + @@ -451,6 +454,28 @@ + + {% block scripts %} +