.
This commit is contained in:
InesSuess
parent
9141c17e4d
commit
05568120bf
@ -47,6 +47,7 @@ $(document).ready(function() {
|
|||||||
data: {
|
data: {
|
||||||
name: $("#einkaufslistenname").val(),
|
name: $("#einkaufslistenname").val(),
|
||||||
description: $("#einkaufslistenbeschreibung").val(),
|
description: $("#einkaufslistenbeschreibung").val(),
|
||||||
|
color: $( "input:checked" ).val(),
|
||||||
idtoken: idtoken
|
idtoken: idtoken
|
||||||
},
|
},
|
||||||
success(res){
|
success(res){
|
||||||
@ -126,14 +127,14 @@ function eigeneEinkaufslisten(){
|
|||||||
const el = res[i];
|
const el = res[i];
|
||||||
|
|
||||||
$(".listen-ausgabe").append(`<div class="col-md-12 karten">
|
$(".listen-ausgabe").append(`<div class="col-md-12 karten">
|
||||||
<div class="card border-light mb-3" style="max-width: 18rem;" id="${el.sl_id}">
|
<div class="card border-light mb-3 shadow-sm" style="max-width: 18rem;" id="${el.sl_id}">
|
||||||
<div class="card-header" style="background-color: #b3b3b3;">
|
<div class="card-header" style="background-color: #${el.color};">
|
||||||
<span>
|
<span>
|
||||||
<img src="${picture}" alt="Avatar" style="width:10%; border-radius: 50%;">
|
<img src="${picture}" alt="Avatar" style="width:10%; border-radius: 50%;">
|
||||||
${userinfo}</span>
|
${userinfo}</span>
|
||||||
<button class="btn edit"><i class="fas fa-pencil-alt "></i></button>
|
<button class="btn edit"><i class="fas fa-pencil-alt "></i></button>
|
||||||
<button class="btn trash"><i class="far fa-trash-alt"></i></button>
|
<button class="btn trash"><i class="far fa-trash-alt"></i></button>
|
||||||
<button class="btn groupadd" data-toggle="modal" data-target=".ListenDetailAdd"><i class="fas fa-ellipsis-v"></i></button>
|
<button class="btn groupadd" data-toggle="modal" data-target=".ListenDetailAdd"><i class="fas fa-plus"></i></button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
@ -255,12 +256,12 @@ function Detail(){
|
|||||||
|
|
||||||
var link = "/dash/"+idtoken;
|
var link = "/dash/"+idtoken;
|
||||||
|
|
||||||
$(".card-header").append(`<div class="shoplistid" id="${id}" style="background-color:#b3b3b3">
|
$(".card-header").append(`<div class="shoplistid" id="${id}">
|
||||||
<a href="${link}" style="left: 5px; margin-top: -50px">
|
<a href="${link}" style="left: 5px; margin-top: -50px">
|
||||||
<i class="fas fa-caret-left"></i>
|
<i class="fas fa-caret-left"></i>
|
||||||
</a>
|
</a>
|
||||||
<button class="itemadd">
|
<button class="itemadd">
|
||||||
<i class="fas fa-ellipsis-v"></i>
|
<i class="fas fa-plus"></i>
|
||||||
</button>
|
</button>
|
||||||
<h1 class="text-center">
|
<h1 class="text-center">
|
||||||
${neu[0].name}
|
${neu[0].name}
|
||||||
@ -280,9 +281,7 @@ function Detail(){
|
|||||||
`);
|
`);
|
||||||
for(let x = 0; x < el.content.length; x++){
|
for(let x = 0; x < el.content.length; x++){
|
||||||
const el2 = el.content[x]
|
const el2 = el.content[x]
|
||||||
$(`.${el.name}`).append(`<div class="collapse" id="${el.name}"><ul><li>${el2.name}</li></ul></div>
|
$(`.${el.name}`).append(`<div class="collapse" id="${el.name}"><ul><li>${el2.count}x ${el2.name}</li></ul></div>`);
|
||||||
|
|
||||||
`);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ItemAdden();
|
ItemAdden();
|
||||||
|
|||||||
@ -72,3 +72,25 @@
|
|||||||
right:23px;
|
right:23px;
|
||||||
margin-top:-40px;
|
margin-top:-40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* button.change {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button.change:hover{
|
||||||
|
cursor:pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:active{
|
||||||
|
outline: none;
|
||||||
|
border: none;
|
||||||
|
} */
|
||||||
|
/*
|
||||||
|
button:focus{
|
||||||
|
outline: none;
|
||||||
|
} */
|
||||||
|
|
||||||
|
.btn:focus, .btn:active {
|
||||||
|
outline: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
@ -42,10 +42,14 @@
|
|||||||
|
|
||||||
<!-- detail card -->
|
<!-- detail card -->
|
||||||
<div class="row justify-content-center ">
|
<div class="row justify-content-center ">
|
||||||
<div class="card border-light mb-3 detailcardausgabe" style="width: 50rem;">
|
<div class="card border-light mb-3 detailcardausgabe shadow-sm" style="width: 50rem;">
|
||||||
<div class="card-header"></div>
|
<div class="card-header"></div>
|
||||||
|
|
||||||
<div class="card-body text-dark gruppeninhalt"></div>
|
<div class="card-body text-dark">
|
||||||
|
<div class="row justify-content-center gruppeninhalt">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -85,25 +89,25 @@
|
|||||||
<input type="radio" name="color" id="farbe6" value="2196F3" />
|
<input type="radio" name="color" id="farbe6" value="2196F3" />
|
||||||
<label for="farbe6"><span class="farbe6"></span></label>
|
<label for="farbe6"><span class="farbe6"></span></label>
|
||||||
|
|
||||||
<!-- <br>
|
<br>
|
||||||
|
|
||||||
<input type="radio" name="color" id="violet" value="violet" />
|
<input type="radio" name="color" id="farbe7" value="03a9f4" />
|
||||||
<label for="violet"><span class="violet"></span></label>
|
<label for="farbe7"><span class="farbe7"></span></label>
|
||||||
|
|
||||||
<input type="radio" name="color" id="purple" value="purple" />
|
<input type="radio" name="color" id="farbe8" value="00bcd4" />
|
||||||
<label for="purple"><span class="purple"></span></label>
|
<label for="farbe8"><span class="farbe8"></span></label>
|
||||||
|
|
||||||
<input type="radio" name="color" id="pink" value="pink" />
|
<input type="radio" name="color" id="farbe9" value="009688" />
|
||||||
<label for="pink"><span class="pink"></span></label>
|
<label for="farbe9"><span class="farbe9"></span></label>
|
||||||
|
|
||||||
<input type="radio" name="color" id="blue" value="blue" />
|
<input type="radio" name="color" id="farbe10" value="4caf50" />
|
||||||
<label for="blue"><span class="blue"></span></label>
|
<label for="farbe10"><span class="farbe10"></span></label>
|
||||||
|
|
||||||
<input type="radio" name="color" id="violet" value="violet" />
|
<input type="radio" name="color" id="farbe11" value="8bc34a" />
|
||||||
<label for="violet"><span class="violet"></span></label>
|
<label for="farbe11"><span class="farbe11"></span></label>
|
||||||
|
|
||||||
<input type="radio" name="color" id="purple" value="purple" />
|
<input type="radio" name="color" id="farbe12" value="cddc39" />
|
||||||
<label for="purple"><span class="purple"></span></label> -->
|
<label for="farbe12"><span class="farbe12"></span></label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -169,6 +173,51 @@
|
|||||||
<input type="text" class="form-control" id="einkaufslistenbeschreibung" placeholder="zB: Großeinkauf bei Billa">
|
<input type="text" class="form-control" id="einkaufslistenbeschreibung" placeholder="zB: Großeinkauf bei Billa">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group layout">
|
||||||
|
<label for="exampleInputPassword1">Farbe</label>
|
||||||
|
<div class="farbeeen">
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe1" value="F44336" />
|
||||||
|
<label for="farbe1"><span class="farbe1 border"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe2" value="e91e63" />
|
||||||
|
<label for="farbe2"><span class="farbe2"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe3" value="9c27b0" />
|
||||||
|
<label for="farbe3"><span class="farbe3"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe4" value="673ab7" />
|
||||||
|
<label for="farbe4"><span class="farbe4"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe5" value="3F51B5" />
|
||||||
|
<label for="farbe5"><span class="farbe5"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe6" value="2196F3" />
|
||||||
|
<label for="farbe6"><span class="farbe6"></span></label>
|
||||||
|
|
||||||
|
<br>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe7" value="03a9f4" />
|
||||||
|
<label for="farbe7"><span class="farbe7"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe8" value="00bcd4" />
|
||||||
|
<label for="farbe8"><span class="farbe8"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe9" value="009688" />
|
||||||
|
<label for="farbe9"><span class="farbe9"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe10" value="4caf50" />
|
||||||
|
<label for="farbe10"><span class="farbe10"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe11" value="8bc34a" />
|
||||||
|
<label for="farbe11"><span class="farbe11"></span></label>
|
||||||
|
|
||||||
|
<input type="radio" name="color" id="farbe12" value="cddc39" />
|
||||||
|
<label for="farbe12"><span class="farbe12"></span></label>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<center><button type="submit" class="btn btn-outline-dark add">Hinzufügen</button></center>
|
<center><button type="submit" class="btn btn-outline-dark add">Hinzufügen</button></center>
|
||||||
<br>
|
<br>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user