chrosey/inventur
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

sub

Browse Source
This commit is contained in:
TLRZ Seyfferth
2018-01-12 16:04:46 +01:00
parent 5519b8f465
commit f45258cebd
3 changed files with 340 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+23 -21
View File
@@ -13,29 +13,26 @@
</head>
<body>
<div id="app">
<nav class="nav-extended teal ">
<nav class="nav-extended teal" >
<div class="nav-wrapper container">
<a href="#" class="brand-logo">Inventur</a>
<a href="#" data-activates="mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="#"></a></li>
</ul>
<ul id="mobile" class="sidenav">
<li><a href="#"></a></li>
</ul>
</div>
<div class="nav-content container">
<ul class="tabs tabs-transparent">
<li class="tab"><a href="#article">Artikelliste</a></li>
<li class="tab"><a href="#inventory" class="active">Inventur</a></li>
<li class="tab"><a href="#calc">Rechner</a></li>
<li class="tab"><a href="#article" @click="view = 'article';">Artikelliste</a></li>
<li class="tab"><a href="#inventory" class="active" @click="view = 'inventur';">Inventur</a></li>
<li class="tab"><a href="#calc" @click="view = 'calc';">Rechner</a></li>
</ul>
</div>
</nav>
<div class="container">
<div class="col s12" id="article">
<div class="valign-wrapper" style="height: 90vh" v-if="!ready">
<div class="progress">
<div class="indeterminate"></div>
</div>
</div>
<div class="col s12" id="article" v-if="ready">
<div v-for="(a, index) in articles" class="card">
<div class="card-content row">
<span class="card-title">{{ a.name }}</span>
@@ -79,8 +76,7 @@
</div>
</div>
<div class="col s12" id="inventory">
<div class="col s12" id="inventory" v-if="ready">
<div v-for="(a, index) in inventory.ug" class="card hoverable">
<div class="card-content row">
<div class="col s12 m2">{{ a.article.name }}</div>
@@ -105,12 +101,12 @@
</div>
<div class="card teal lighten-2 white-text">
<div class="card-content right-align">
<div class="card-content">
<h5>Gesamtsumme: {{ sales_ug | currency }}</h5>
</div>
</div>
</div>
<div class="col s12" id="calc">
<div class="col s12" id="calc" v-if="ready">
<div class="row">
<div class="col s12 m4 card darken-4 grey grey-text text-lighten-2">
<table class="card-content">
@@ -142,20 +138,26 @@
</div>
</div>
<div class="fixed-action-btn">
<a href="#" class="btn-floating btn-large teal">
<a href="#" class="btn-floating btn-large" :class="[ view == 'article' ? 'orange' : (view == 'inventur' ? 'teal' : 'brown') ]">
<i class="large material-icons">more</i>
</a>
<ul>
<li>
<li v-if="view == 'article'">
<a href="#" class="btn-floating tooltipped" data-position="left" @click="storeArticles" data-tooltip="Artikelliste speichern"><i class="material-icons">save</i></a>
</li>
<li>
<li v-if="view == 'article'">
<a href="#" class="btn-floating tooltipped" data-position="left" @click="addArticle" data-tooltip="Artikel hinzufügen"><i class="material-icons">add</i></a>
</li>
<li v-if="view == 'inventur'">
<a href="#" class="btn-floating tooltipped" data-position="left" @click="storeArticles" data-tooltip="Artikelliste speichern"><i class="material-icons">save</i></a>
</li>
<li v-if="view == 'inventur'">
<a href="#" class="btn-floating tooltipped" data-position="left" @click="addArticle" data-tooltip="Artikel hinzufügen"><i class="material-icons">add</i></a>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.3/js/materialize.min.js"></script>