Skip to content

Always select collectionlink item to the left #1344

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
fredrikkarlsson-pervanovo wants to merge 4 commits into
base: next
Choose a base branch
from
Open

Always select collectionlink item to the left #1344

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0109e81
Always select collectionlink item to the left
flommy Oct 7, 2020
850d405
Make select single collectionlink item into a button
flommy Oct 7, 2020
ec1b6b2
Added toggle all to collectionlink with multiple items
flommy Aug 27, 2021
1f21a68
Make remove collectionlink multiple item link red
flommy Aug 27, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
17 changes: 11 additions & 6 deletions modules/Collections/assets/field-collectionlink.tag
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
<ul class="uk-list uk-list-space uk-sortable" data-uk-sortable>
<li each="{l,index in link}" data-idx="{ index }">
<div class="uk-grid uk-grid-small uk-text-small">
<div><a onclick="{ removeListItem }"><i class="uk-icon-trash-o"></i></a></div>
<div><a onclick="{ removeListItem }"><i class="uk-text-danger uk-icon-trash-o"></i></a></div>
<div class="uk-flex uk-flex-item-1">
<span class="uk-flex-item-1">{ parent.getDisplay(l) }</span>
<a class="uk-margin-small-left" target="_blank" href="{ App.route('/collections/entry/'+parent.opts.link+'/'+l._id) }"><i class="uk-icon-external-link"></i></a>
Expand Down Expand Up @@ -103,7 +103,9 @@
<table class="uk-table uk-table-tabbed uk-table-striped" if="{ modalOpen && entries.length }">
<thead>
<tr>
<th show="{opts.multiple}"></th>
<th>
<input if="{opts.multiple}" class="uk-checkbox" type="checkbox" onclick="{toggleAll}"/>
</th>
<th class="uk-text-small" each="{field,idx in fields}">
<a class="uk-link-muted { parent.sort[field.name] ? 'uk-text-primary':'' }" onclick="{ parent.updatesort }" data-sort="{ field.name }">

Expand All @@ -112,19 +114,18 @@
<span if="{parent.sort[field.name]}" class="uk-icon-long-arrow-{ parent.sort[field.name] == 1 ? 'up':'down'}"></span>
</a>
</th>
<th width="20"></th>
</tr>
</thead>
<tbody>
<tr each="{entry,idx in entries}">
<td show="{parent.opts.multiple}"><input class="uk-checkbox" type="checkbox" onclick="{parent.toggleSelected}"></td>
<td show="{!parent.opts.multiple}">
<a onclick="{ parent.linkItem }" class="uk-button uk-button-primary"><i class="uk-icon-link"></i></a>
</td>
<td class="uk-text-truncate" each="{field,idy in parent.fields}" if="{ field.name != '_modified' }">
<raw content="{ App.Utils.renderValue(field.type, parent.entry[field.name], field, lang) }"></raw>
</td>
<td>{ App.Utils.dateformat( new Date( 1000 * entry._modified )) }</td>
<td show="{!parent.opts.multiple}">
<a onclick="{ parent.linkItem }"><i class="uk-icon-link"></i></a>
</td>
</tr>
</tbody>
</table>
Expand Down Expand Up @@ -461,6 +462,10 @@
}
}
}

toggleAll(e) {
App.$(e.target).parents("table").find("tr>td input" + (e.target.checked ? ":not(:checked)" : ":checked")).click();
}

getDisplay(link) {

Expand Down