sebse/kuerbiskern-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

List, export, recommendations done

Browse Source
This commit is contained in:
Caesar2011
2019-01-12 11:57:07 +01:00
parent fc582eb48c
commit de7b40a377
23 changed files with 898 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
views/export.pug Normal file
View File

@@ -0,0 +1,34 @@
extends layout
block content
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Exportieren
.mdl-card__supporting-text
| Hier kannst Du Deine Daten auf ein anderes Gerät oder in deine Notizen zu speichern!
h4 Eigene UID
pre= uid
h4 QR-Code
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
img(src=dataurl, style="width: 100%")
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Importieren
.mdl-card__supporting-text
| Hier kannst Du Deine Daten auf ein anderes Gerät oder in deine Notizen zu speichern!
h4 Eigene UID
form(action='#', onsubmit="loadUID(this)")
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
input#import.mdl-textfield__input(type='text')
label.mdl-textfield__label(for='import') UID
button.mdl-button.mdl-js-button.mdl-button--raised.mdl-js-ripple-effect.mdl-button--colored(type="submit")
| Laden

2
views/index.pug
View File

@@ -40,7 +40,7 @@ block content
span.mdl-selectfield__error Select a value
br
.mdl-textfield.mdl-js-textfield.mdl-textfield--floating-label
input.mdl-textfield__input(type="number", id="age_input", onchange="sendAge(this)", value=(user.age !== -1 ? user.age : ""))
input.mdl-textfield__input(type="number", id="age_input", pattern="[0-9]{0,2}", onchange="sendAge(this)", value=(user.age !== -1 ? user.age : ""))
label.mdl-textfield__label(for="age_input") Alter
//.mdl-card__actions.mdl-card--border
// a.mdl-button.mdl-button--colored.mdl-js-button.mdl-js-ripple-effect

2
views/layout.pug
View File

@@ -57,7 +57,7 @@ html
nav.mdl-navigation
a.mdl-navigation__link(href='/') Liste
a.mdl-navigation__link(href='/recommends') Empfohlene Cocktails
a.mdl-navigation__link(href='/similar') Ähnliche Cocktails
a.mdl-navigation__link(href='/export') Export
a.mdl-navigation__link(href='/admin') Admin
a.mdl-navigation__link(href='/impressum') Impressum & Datenschutz
main.mdl-layout__content

62
views/recommends.pug Normal file
View File

@@ -0,0 +1,62 @@
extends layout
block content
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Ähnliche Cocktails
.mdl-card__supporting-text
canvas#myChart
script(src="/js/Chart.bundle.min.js")
script.
var ctx = document.getElementById("myChart");
console.log(ctx);
var myChart = new Chart(ctx, {
type: 'bubble',
data: {
datasets: !{JSON.stringify(data).replace(/<\//g, "<\\/")}
}, options: {
legend: {
display: false
},
tooltips: {
callbacks: {
title: function (tooltipItem, data) {
let dsIdx = tooltipItem[0].datasetIndex;
let idx = tooltipItem[0].index;
let val = data.datasets[dsIdx].data[idx].val;
return val[2] + " - " + val[3];
},
label: function (tooltipItem, data) {
let dsIdx = tooltipItem.datasetIndex;
let idx = tooltipItem.index;
let val = data.datasets[dsIdx].data[idx].val;
return val[7];
},
afterLabel: function (tooltipItem, data) {
let dsIdx = tooltipItem.datasetIndex;
let idx = tooltipItem.index;
let val = data.datasets[dsIdx].data[idx].val;
return val[4] + " - Happy Hour: " + val[5];
}
}
}
}
});
.mdl-grid
.mdl-cell--3-offset-desktop
.mdl-cell.mdl-cell--6-col.mdl-cell--12-col-tablet
.demo-card-square.mdl-card.mdl-shadow--2dp
.mdl-card__title.mdl-card--expand
h2.mdl-card__title-text Persönliche Empfehlungen
.mdl-card__supporting-text
each recommend in recommends
li.mdl-list__item.mdl-list__item--two-line
span.mdl-list__item-primary-content
i.material-icons.mdl-list__item-avatar local_bar
span= recommend[1][3]
span.mdl-list__item-sub-title= recommend[1][7].replace(/;/g, ', ')
span.mdl-list__item-secondary-content= Math.round(recommend[0]*10)/10