testen
This commit is contained in:
LukasNowy
@@ -34,16 +34,21 @@
|
||||
|
||||
<body>
|
||||
<div class="myapp">
|
||||
<nav>
|
||||
<div class="nav-wrapper red darken-1">
|
||||
<a class="brand-logo">{{title}}</a>
|
||||
<ul id="nav-mobile" class="right hide-on-med-and-down">
|
||||
<li><a href="sass.html">Done Purchases</a></li>
|
||||
<li><a href="/scan">Scan bill</a></li>
|
||||
<li class="nav-createlist"><a>Create Shoppinglist</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="navbar-fixed">
|
||||
<nav>
|
||||
<div class="nav-wrapper red darken-1">
|
||||
<a class="brand-logo">{{title}}</a>
|
||||
<ul id="nav-mobile" class="right hide-on-med-and-down">
|
||||
<li><a>Done Purchases</a></li>
|
||||
<li><a href="/scan">Scan bill</a></li>
|
||||
<li class="nav-createlist crtList"><a>Create Shoppinglist</a></li>
|
||||
<li class="nav-createlist modlGR"><a>Add Group</a></li>
|
||||
<li class="nav-createlist modlINV"><a>Show Invitelink</a></li>
|
||||
<li class="nav-createlist modlINVM"><a>Invite User manually</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container row">
|
||||
@@ -55,7 +60,9 @@
|
||||
<li class="collection-item citemL" v-for="item in myshoppinglists">
|
||||
<div v-on:click="getShoppinglistDetail(item.sl_id)">{{item.name}}<a href="#!"
|
||||
class="secondary-content"><i v-on:click="deleteShoppinglist(item.sl_id)"
|
||||
class="material-icons ico">delete</i> <i class="material-icons ico">edit</i></a>
|
||||
class="material-icons ico">delete</i> <i class="material-icons ico">edit</i>
|
||||
<i class="material-icons ico" v-on:click="createInvite(item.sl_id)">share</i>
|
||||
</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -67,25 +74,45 @@
|
||||
<h4>Shared Shoppinglists</h4>
|
||||
</li>
|
||||
<li class="collection-item citemL" v-for="item in sharedshoppinglists">
|
||||
<div>{{item.name}}<a href="#!" class="secondary-content"><i
|
||||
class="material-icons ico">remove_circle_outline</i></a></div>
|
||||
<div>{{item.name}}<a class="secondary-content"><i class="material-icons ico"
|
||||
v-on:click="removeMember(item.sl_id)">remove_circle_outline</i></a></div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
<ul class="collection with-header">
|
||||
<li class="collection-header">
|
||||
<h4>Your Done Purchases</h4>
|
||||
</li>
|
||||
<li class="collection-item citemL" v-for="item in done_purchases">
|
||||
<div>{{item.count}}x {{item.name}} ({{item.date}})<a class="secondary-content"></a></div>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- etainansicht -->
|
||||
<!-- detainansicht -->
|
||||
<div class="col s6">
|
||||
|
||||
<ul class="collapsible">
|
||||
<li v-for="group in currentlist.groups">
|
||||
<div class="collapsible-header"><i class="material-icons">view_list</i>{{group.name}}</div>
|
||||
<div class="collapsible-header" v-on:click="setCurrentGroup(group.group_id)"><i
|
||||
class="material-icons ico"
|
||||
v-on:click="deleteGroup(group.group_id, currentlist.sl_id)">delete</i><i
|
||||
class="material-icons ico">edit</i><i class="large material-icons ico modlIT"
|
||||
v-on:click="setCurrentGroup(group.group_id)">add</i>{{group.name}}</div>
|
||||
<div class="collapsible-body"><span>
|
||||
|
||||
<div class="collection">
|
||||
<a class="collection-item msl" v-for="item in group.content">{{item.name}}</a>
|
||||
</div>
|
||||
<ul class="collection">
|
||||
<li class="collection-item msl" v-for="item in group.content">
|
||||
<div>{{item.name}} {{item.count}}x
|
||||
<a v-on:click="delItem(item.item_id, currentGroup, currentlist.sl_id)"
|
||||
class="secondary-content"><i class="material-icons ico">delete</i></a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</span></div>
|
||||
</li>
|
||||
@@ -95,6 +122,8 @@
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Modal Structure ADD SHOPPINGLOST -->
|
||||
<div id="modal1" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Create new Shoppinglist</h4>
|
||||
@@ -107,7 +136,83 @@
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#!" class="modal-close waves-effect waves-green btn-flat" v-on:click="createShoppinglist(name, description)">Create</a>
|
||||
<a href="#!" class="modal-close waves-effect waves-green btn-flat"
|
||||
v-on:click="createShoppinglist(name, description)">Create</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Structure ADD GROUP -->
|
||||
<div id="modalGR" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Add Group to {{currentlist.name}}</h4>
|
||||
<input id="gr_name" type="text" class="validate" v-model="grname">
|
||||
<label class="active" for="gr_name">Group Name</label>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-green btn-flat"
|
||||
v-on:click="addGroup(currentlist.sl_id, grname)">Add Group</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Structure ADD Item -->
|
||||
<div id="modalIT" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Add Item</h4>
|
||||
<input id="it_name" type="text" class="validate" v-model="it_name">
|
||||
<label class="active" for="it_name">Item Name</label>
|
||||
|
||||
<input id="it_count" type="text" class="validate" v-model="it_count">
|
||||
<label class="active" for="it_count">Count</label>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-green btn-flat"
|
||||
v-on:click="addItem(currentGroup, currentlist.sl_id, it_name, it_count)">Add Item</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Invite link-->
|
||||
<div id="modalINV" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Invitelink: </h4>
|
||||
|
||||
<textarea id="textarea1"
|
||||
class="materialize-textarea">www.smartshopper.cf/invite/{{currentlist.invitelink}}</textarea>
|
||||
<label for="textarea1">Invitelink</label>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-green btn-flat"
|
||||
v-on:click="addItem(currentGroup, currentlist.sl_id, it_name, it_count)">Skip</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<!-- Modal Invite manually-->
|
||||
<div id="modalINVM" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Invite User to Shoppinglist</h4>
|
||||
<div class="row">
|
||||
<div class="input-field col s6">
|
||||
<input value="" id="first_name2" type="text" class="validate" v-model="search" v-on:keyup="searchUsers(search)">
|
||||
<label class="active" for="first_name2">Name</label>
|
||||
</div>
|
||||
<div class="col s6">
|
||||
<ul class="collection">
|
||||
<li class="collection-item avatar" v-for="user in users">
|
||||
<img src="user.picture" alt="" class="circle">
|
||||
<span class="title">{{user.name}}</span>
|
||||
<p>{{user.email}}</p>
|
||||
|
||||
<a class="secondary-content"><i class="material-icons icoR" v-on:click="inviteMan(currentlist.sl_id, user.username)">add_circle</i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-red btn-flat">Cancel</a>
|
||||
<a class="modal-close waves-effect waves-green btn-flat">Confirm</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user