philipp/hacky-ruadat
1
0
Fork 0
forked from Ruderverein-Donau-Linz/rowt
Code Issues Pull Requests Actions Activity

[TASK] add status to boat

Browse Source
This commit is contained in:
Marie Birner
2023-07-30 20:02:46 +02:00
parent 80e57dfe12
commit fafe82b15a
6 changed files with 98 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/static/js/multiselect-dropdown.js
View File

@ -3,7 +3,6 @@ style.setAttribute("id","multiselect_dropdown_styles");
style.innerHTML = `
.multiselect-dropdown{
display: inline-block;
padding: 2px 5px 0px 5px;
border-radius: 4px;
border: solid 1px #ced4da;
background-color: white;
@ -12,6 +11,8 @@ style.innerHTML = `
background-repeat: no-repeat;
background-position: right .75rem center;
background-size: 16px 12px;
padding: 0.375rem 0.5rem;
line-height: 1.5rem;
}
.multiselect-dropdown span.optext, .multiselect-dropdown span.placeholder{
margin-right:0.5em;
@ -27,20 +28,18 @@ style.innerHTML = `
.multiselect-dropdown span.optext .optdel {
float: right;
margin: 0 -6px 1px 5px;
font-size: 0.7em;
margin-top: 2px;
font-size: 1em;
cursor: pointer;
color: #666;
}
.multiselect-dropdown span.optext .optdel:hover { color: #c66;}
.multiselect-dropdown span.optext .optdel:hover { color:#f43f5e;}
.multiselect-dropdown span.placeholder{
color:#ced4da;
}
.multiselect-dropdown-list-wrapper{
box-shadow: gray 0 3px 8px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
z-index: 100;
padding:2px;
border-radius: 4px;
border-radius: .375rem;
border: solid 1px #ced4da;
display: none;
margin: -1px;
@ -52,6 +51,8 @@ style.innerHTML = `
}
.multiselect-dropdown-list-wrapper .multiselect-dropdown-search{
margin-bottom:5px;
padding: 0.375rem 0.5rem;
line-height: 1.5rem;
}
.multiselect-dropdown-list{
padding:2px;
@ -63,8 +64,8 @@ style.innerHTML = `
width: 6px;
}
.multiselect-dropdown-list::-webkit-scrollbar-thumb {
background-color: #bec4ca;
border-radius:3px;
background-color: rgba(226, 232, 240, 0.8);
border-radius: .375rem;
}
.multiselect-dropdown-list div{
@ -78,7 +79,7 @@ style.innerHTML = `
.multiselect-dropdown-list div.checked{
}
.multiselect-dropdown-list div:hover{
background-color: #ced4da;
background-color: rgba(226, 232, 240, 0.8);
}
.multiselect-dropdown span.maxselected {width:100%;}
.multiselect-dropdown-all-selector {border-bottom:solid 1px #999;}
@ -91,8 +92,8 @@ function MultiselectDropdown(options){
height:'15rem',
placeholder:'Auswählen',
txtSelected:'ausgewählt',
txtAll:'All',
txtRemove: 'Löschen',
txtAll:'Alle',
txtRemove: 'Entfernen',
txtSearch:'Suchen',
...options
};
@ -186,7 +187,7 @@ function MultiselectDropdown(options){
sels.map(x=>{
var c=newEl('span',{class:'optext',text:x.text, srcOption: x});
if((el.attributes['multiselect-hide-x']?.value !== 'true'))
c.appendChild(newEl('span',{class:'optdel',text:'🗙',title:config.txtRemove, onclick:(ev)=>{c.srcOption.listitemEl.dispatchEvent(new Event('click'));div.refresh();ev.stopPropagation();}}));
c.appendChild(newEl('span',{class:'optdel',text:'x',title:config.txtRemove, onclick:(ev)=>{c.srcOption.listitemEl.dispatchEvent(new Event('click'));div.refresh();ev.stopPropagation();}}));
div.appendChild(c);
});