d6f3269d6c
Meinen Namen auf den Login und Registrieren und User Bearbeiten hinzugefügt. Damit jeder weis das das von mir designt wurde!
86 lines
3.1 KiB
Plaintext
86 lines
3.1 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-app.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-auth.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-storage.js"></script>
|
|
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase-messaging.js"></script>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
|
<link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
|
<script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
<title>User bearbeiten</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="vue-app">
|
|
<!-- 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__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">
|
|
<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-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>
|
|
<div class="mdl-mega-footer__bottom-section">
|
|
<ul class="mdl-mega-footer__link-list">
|
|
<li>Created by Georg Reisinger</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<style lang="scss">
|
|
.demo-card-square.mdl-card {
|
|
width: 320px;
|
|
height: 320px;
|
|
}
|
|
|
|
.demo-card-square>.mdl-card__title {
|
|
color: #fff;
|
|
}
|
|
|
|
.fotochooserimg {
|
|
width: 30%;
|
|
margin: auto;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
</style>
|
|
<script src="https://unpkg.com/axios@0.18.0/dist/axios.min.js"></script>
|
|
<script src="javascripts/user.js"></script>
|
|
</body>
|
|
|
|
</html> |