Email Login
This commit is contained in:
Georg Reisinger
@ -1,36 +0,0 @@
|
||||
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
|
||||
|
||||
<script >
|
||||
|
||||
// Initialize Firebase
|
||||
var config = {
|
||||
apiKey: "AIzaSyCuvwf78cmSDoZ2yS4XxHZhnjUn7yIHYfw",
|
||||
authDomain: "test-667ca.firebaseapp.com",
|
||||
databaseURL: "https://test-667ca.firebaseio.com",
|
||||
projectId: "test-667ca",
|
||||
storageBucket: "test-667ca.appspot.com",
|
||||
messagingSenderId: "221332577314"
|
||||
};
|
||||
firebase.initializeApp(config);
|
||||
|
||||
console.log("EJS TEst: ", "<%= customtoken%>")
|
||||
firebase.auth().signInWithCustomToken("<%= customtoken%>").then(function(response){
|
||||
firebase.auth().getIdToken(/* forceRefresh */ ).then(function(idToken) {
|
||||
console.log("IDTOKEN: ", idToken)
|
||||
window.location.replace('/dash/'+ idToken);
|
||||
}).catch(function(error) {
|
||||
console.error("token error: ", error)
|
||||
});
|
||||
|
||||
|
||||
}).catch(function(error) {
|
||||
// Handle Errors here.
|
||||
var errorCode = error.code;
|
||||
var errorMessage = error.message;
|
||||
console.error("Custom token error: ", error.message)
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
@ -1,16 +1,19 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<head>
|
||||
<title></title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<link rel='stylesheet' href='/stylesheets/style.css'>
|
||||
<link rel='stylesheet' href='/stylesheets/colorpicker-style.css'>
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU"
|
||||
crossorigin="anonymous">
|
||||
<link rel='stylesheet' href='/bootstrap/dist/css/bootstrap.min.css'>
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
|
||||
</head>
|
||||
<body id="vue-app">
|
||||
</head>
|
||||
|
||||
<body id="vue-app">
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar sticky-top navbar-light bg-light" style="background-color:rgb(200, 200, 201)">
|
||||
@ -21,12 +24,13 @@
|
||||
</a>
|
||||
<ul class="nav justify-content-end liste">
|
||||
<li class="nav-item">
|
||||
<!-- <a class="nav-link active" href="#">Add</a> -->
|
||||
<button class="btn btn-outline-light border-secondary sl_add" style="color: black">Shoppingliste Hinzufügen</button>
|
||||
<!-- <a class="nav-link active" href="#">Add</a> -->
|
||||
<button class="btn btn-outline-light border-secondary sl_add" style="color: black">Shoppingliste
|
||||
Hinzufügen</button>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- <a href="/logout"> -->
|
||||
<button class="btn btn-outline-light border-secondary logout" style="color: black">Logout</button>
|
||||
<button class="btn btn-outline-light border-secondary logout" style="color: black">Logout</button>
|
||||
<!-- </a> -->
|
||||
</nav>
|
||||
<br>
|
||||
@ -50,71 +54,74 @@
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Modal Group Hinzufügen -->
|
||||
<div class="modal fade bd-example-modal-sm ListenDetailAdd" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
||||
<div class="modal fade bd-example-modal-sm ListenDetailAdd" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content">
|
||||
<div>
|
||||
|
||||
<center><p class="layout ueberschrift">Group hinzufügen</p></center>
|
||||
<center>
|
||||
<p class="layout ueberschrift">Group hinzufügen</p>
|
||||
</center>
|
||||
<div class="form-group layout">
|
||||
<label for="exampleInputEmail1">Name</label>
|
||||
<input type="text" class="form-control" id="groupname"placeholder="zB: Getränke">
|
||||
<label for="exampleInputEmail1">Name</label>
|
||||
<input type="text" class="form-control" id="groupname" placeholder="zB: Getränke">
|
||||
</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>
|
||||
<label for="exampleInputPassword1">Farbe</label>
|
||||
<div class="farbeeen">
|
||||
|
||||
<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="farbe1" value="F44336" />
|
||||
<label for="farbe1"><span class="farbe1 border"></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>
|
||||
<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 gruppenadd">Hinzufügen</button></center>
|
||||
<br>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -122,33 +129,36 @@
|
||||
|
||||
|
||||
<!-- Modal Item Hinzufügen -->
|
||||
<div class="modal fade bd-example-modal-sm GroupItemAdd" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
|
||||
<div class="modal fade bd-example-modal-sm GroupItemAdd" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
|
||||
aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content">
|
||||
<div class="inhalt">
|
||||
|
||||
<center><p class="layout ueberschrift">Item hinzufügen</p></center>
|
||||
<center>
|
||||
<p class="layout ueberschrift">Item hinzufügen</p>
|
||||
</center>
|
||||
<div class="form-group layout">
|
||||
<label for="exampleInputEmail1">Gegenstand</label>
|
||||
<input type="text" class="form-control" id="itemname" placeholder="zB: Coca Cola">
|
||||
<label for="exampleInputEmail1">Gegenstand</label>
|
||||
<input type="text" class="form-control" id="itemname" placeholder="zB: Coca Cola">
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group layout">
|
||||
<label for="Anzahl-example">Anzahl</label>
|
||||
<select class="custom-select" id="inputGroupSelect01">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select>
|
||||
<label for="Anzahl-example">Anzahl</label>
|
||||
<select class="custom-select" id="inputGroupSelect01">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group layout">
|
||||
<label for="Group-select">Group</label>
|
||||
<select class="custom-select custom-select-groups" id="inputGroupSelect02">
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<center><button type="submit" class="btn btn-outline-dark itemhinzu">Hinzufügen</button></center>
|
||||
<br>
|
||||
@ -158,66 +168,67 @@
|
||||
|
||||
|
||||
<!-- Modal Shoppingliste Hinzufügen -->
|
||||
<div class="modal fade bd-example-modal-sm EigeneListeAdd" tabindex="-1" id="EigeneListeAdd" role="dialog" aria-labelledby="EigeneListeAdd" aria-hidden="true">
|
||||
<div class="modal fade bd-example-modal-sm EigeneListeAdd" tabindex="-1" id="EigeneListeAdd" role="dialog"
|
||||
aria-labelledby="EigeneListeAdd" aria-hidden="true">
|
||||
<div class="modal-dialog modal-sm">
|
||||
<div class="modal-content">
|
||||
<div>
|
||||
|
||||
<div class="form-group layout">
|
||||
<label for="exampleInputEmail1">Name</label>
|
||||
<input type="text" class="form-control" id="einkaufslistenname"placeholder="zB: Billa">
|
||||
<label for="exampleInputEmail1">Name</label>
|
||||
<input type="text" class="form-control" id="einkaufslistenname" placeholder="zB: Billa">
|
||||
</div>
|
||||
|
||||
<div class="form-group layout">
|
||||
<label for="exampleInputPassword1">Beschreibung</label>
|
||||
<input type="text" class="form-control" id="einkaufslistenbeschreibung" placeholder="zB: Großeinkauf bei Billa">
|
||||
<label for="exampleInputPassword1">Beschreibung</label>
|
||||
<input type="text" class="form-control" id="einkaufslistenbeschreibung" placeholder="zB: Großeinkauf bei Billa">
|
||||
</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>
|
||||
|
||||
|
||||
<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>
|
||||
<br>
|
||||
@ -240,5 +251,6 @@
|
||||
<script src="https://unpkg.com/ionicons@4.4.8/dist/ionicons.js"></script>
|
||||
<script src="/javascripts/test.js"></script>
|
||||
<script src="/javascripts/firebase-app.js"></script>
|
||||
</body>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,3 +1,7 @@
|
||||
<h1><%= message %></h1>
|
||||
<h2><%= error.status %></h2>
|
||||
<pre><%= error.stack %></pre>
|
||||
<h1>
|
||||
<%= message %>
|
||||
</h1>
|
||||
<h2>
|
||||
<%= error.status %>
|
||||
</h2>
|
||||
<pre><%= error.stack %></pre>
|
||||
@ -1,22 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<link rel='stylesheet' href='/stylesheets/style.css' />
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<link rel='stylesheet' href='/stylesheets/style.css' />
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
|
||||
<div id='vue-app'>
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id='vue-app'>
|
||||
|
||||
<input v-model="email" id="email" type="email">
|
||||
<input v-model="password" id="password" type="password">
|
||||
<button id="loginemailbutton" @click="loginemail()">Login with Email</button>
|
||||
|
||||
{{email}}
|
||||
|
||||
<button id="loginbutton" @click="login()">Login with google</button>
|
||||
|
||||
|
||||
|
||||
<script src="javascripts/login.js"></script>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,5 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
@ -9,13 +10,13 @@
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
<script src="/invite/inv.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="/invite/style.css">
|
||||
|
||||
|
||||
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
@ -29,6 +30,7 @@
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
@ -49,9 +51,10 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -53,4 +53,4 @@
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
@ -2,87 +2,91 @@
|
||||
<html lang="en">
|
||||
|
||||
<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">
|
||||
<title>Document</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
<script src="https://www.gstatic.com/firebasejs/5.7.0/firebase.js"></script>
|
||||
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
<script src="/ocrscan/axios.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
<script src="/ocrscan/axios.js"></script>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
|
||||
|
||||
<script src='https://cdn.jsdelivr.net/gh/naptha/tesseract.js@v1.0.14/dist/tesseract.min.js'></script>
|
||||
<script src='https://cdn.jsdelivr.net/gh/naptha/tesseract.js@v1.0.14/dist/tesseract.min.js'></script>
|
||||
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
<!--Import Google Icon Font-->
|
||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
|
||||
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<!--Let browser know website is optimized for mobile-->
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<!-- Compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
<!-- Compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
|
||||
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
<!-- Compiled and minified JavaScript -->
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
|
||||
|
||||
<link rel="stylesheet" href="ocrscan/style.css">
|
||||
<link rel="stylesheet" href="ocrscan/style.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div class="row r1">
|
||||
<div class="col s12 m6 l6 opt1 waves-effect waves-dark" >
|
||||
<center><i class="material-icons ico" >file_upload</i></center>
|
||||
</div>
|
||||
|
||||
<div class="col s12 m6 l6 opt2 waves-effect waves-dark" onclick="M.toast({html: 'Not yet available'})">
|
||||
|
||||
<center><i class="material-icons ico">camera</i></center>
|
||||
</div>
|
||||
<div class="row r1">
|
||||
<div class="col s12 m6 l6 opt1 waves-effect waves-dark">
|
||||
<center><i class="material-icons ico">file_upload</i></center>
|
||||
</div>
|
||||
|
||||
<div class="row r2">
|
||||
<div class="container">
|
||||
<div class="file-field input-field">
|
||||
<div class="btn deep-orange darken-1 btn-choose waves-effect waves-light">
|
||||
<span>Choose Image</span>
|
||||
<input type='file' onchange="readURL(this);" />
|
||||
</div>
|
||||
<div class="file-path-wrapper">
|
||||
</div>
|
||||
<div class="col s12 m6 l6 opt2 waves-effect waves-dark" onclick="M.toast({html: 'Not yet available'})">
|
||||
|
||||
<center><i class="material-icons ico">camera</i></center>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row r2">
|
||||
<div class="container">
|
||||
<div class="file-field input-field">
|
||||
<div class="btn deep-orange darken-1 btn-choose waves-effect waves-light">
|
||||
<span>Choose Image</span>
|
||||
<input type='file' onchange="readURL(this);" />
|
||||
</div>
|
||||
<div class="file-path-wrapper">
|
||||
</div>
|
||||
<center><img id="blah" src="#" alt="" /></center>
|
||||
</div>
|
||||
|
||||
<center><button class="btn waves-effect waves-light deep-orange darken-1 disabled btn-analyze " type="submit" name="action">Continue<i class="material-icons right">send</i></button></center>
|
||||
|
||||
<center><img id="blah" src="#" alt="" /></center>
|
||||
</div>
|
||||
|
||||
<center><button class="btn waves-effect waves-light deep-orange darken-1 disabled btn-analyze " type="submit" name="action">Continue<i
|
||||
class="material-icons right">send</i></button></center>
|
||||
|
||||
|
||||
<div class="fixed-action-btn">
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="fixed-action-btn">
|
||||
<a class="btn-floating btn-large btndash">
|
||||
<i class="large material-icons blue-grey darken-4">arrow_back</i>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Modal Structure PRE -->
|
||||
<div id="modal1" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Choose Shoppinglist</h4>
|
||||
<center> <div class="preloader-wrapper big active">
|
||||
<center>
|
||||
<div class="preloader-wrapper big active">
|
||||
<div class="spinner-layer spinner-blue-only">
|
||||
<div class="circle-clipper left">
|
||||
<div class="circle"></div>
|
||||
</div><div class="gap-patch">
|
||||
</div>
|
||||
<div class="gap-patch">
|
||||
<div class="circle"></div>
|
||||
</div><div class="circle-clipper right">
|
||||
</div>
|
||||
<div class="circle-clipper right">
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
</div>
|
||||
@ -90,52 +94,53 @@
|
||||
</center>
|
||||
<div class="collection output">
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-red btn-flat btndash">Return to Dashboard</a>
|
||||
<a class="modal-close waves-effect waves-red btn-flat btndash">Return to Dashboard</a>
|
||||
<a class="modal-close waves-effect waves-green btn-flat btncont">Continue</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Structure IMPORT -->
|
||||
<div id="modal2" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Import Image</h4>
|
||||
<!-- Modal Structure IMPORT -->
|
||||
<div id="modal2" class="modal">
|
||||
<div class="modal-content">
|
||||
<h4>Import Image</h4>
|
||||
|
||||
<div class="file-field input-field">
|
||||
<div class="btn">
|
||||
<span>File</span>
|
||||
<input type='file' onchange="readURL(this);" />
|
||||
</div>
|
||||
<div class="file-path-wrapper">
|
||||
<input class="file-path validate" type="text" placeholder="Upload one or more files">
|
||||
</div>
|
||||
</div>
|
||||
<img class="materialboxed" id="blah" src="#" alt="your image" />
|
||||
|
||||
|
||||
|
||||
<div class="file-field input-field">
|
||||
<div class="btn">
|
||||
<span>File</span>
|
||||
<input type='file' onchange="readURL(this);" />
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-red btn-flat btndash">Return to Dashboard</a>
|
||||
<a href="#!" class="modal-close waves-effect waves-green btn-flat btnanalyze">Remove Items</a>
|
||||
<div class="file-path-wrapper">
|
||||
<input class="file-path validate" type="text" placeholder="Upload one or more files">
|
||||
</div>
|
||||
</div>
|
||||
<img class="materialboxed" id="blah" src="#" alt="your image" />
|
||||
|
||||
<!-- Modal Structure PRELOADER END-->
|
||||
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a class="modal-close waves-effect waves-red btn-flat btndash">Return to Dashboard</a>
|
||||
<a href="#!" class="modal-close waves-effect waves-green btn-flat btnanalyze">Remove Items</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modal Structure PRELOADER END-->
|
||||
<div id="modalEND" class="modal">
|
||||
<div class="modal-content">
|
||||
<center> <div class="progress">
|
||||
<div class="indeterminate"></div>
|
||||
<center>
|
||||
<div class="progress">
|
||||
<div class="indeterminate"></div>
|
||||
</div>
|
||||
|
||||
</center>
|
||||
<p>Loading ...</p>
|
||||
|
||||
</center>
|
||||
<p>Loading ...</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<script src="/ocrscan/cam.js"></script>
|
||||
<script src="/ocrscan/ocrscan.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user