dergeorg/SmartShopper
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Styling und in Dash einbauen

Browse Source
This commit is contained in:
Georg Reisinger
2019-03-24 17:18:19 +01:00
parent f9fb9c61e3
commit 3ab823a025
3 changed files with 38 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
express-server/views/user.ejs
View File

@ -22,25 +22,32 @@
<!-- Square card -->
<center>
<div class="demo-card-image mdl-card mdl-shadow--2dp">
<button @click="backToDash" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect"> Zurück
zu SmartShopper</button>
<img v-bind:src="this.dataPic" width="100%" />
<div class="mdl-card__title mdl-card--expand"></div>
<div class="mdl-card__title mdl-card--expand">
</div>
<div class="mdl-card__actions">
<label for="nameinput">Name: </label><input type="text" id="nameinput" v-model="name">
</div>
<div class="mdl-card__actions mdl-card--border">
<div v-if="!showUploadButtons">
<input type="file" @change="onFileChange">
<Label class="input-custom-file mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored">
Foto ändern
<input type="file" @change="onFileChange">
</label>
<button @click="fertig" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Fertig
</button>
</div>
<div v-else>
<button @click="removeImage" class="mdl-button mdl-button--raised mdl-button--accent">Remove image</button>
<button @click="fotoChoose" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
<button @click="removeImage" class="mdl-button mdl-js-button mdl-button--raised mdl-button--coloredmdl-js-ripple-effect mdl-button--accent">Remove image</button>
<button @click="fotoChoose" class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored mdl-js-ripple-effect">
Foto setzten
</button>
</div>
</div>
</div>
</center>