dredgy/DredgePos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updates

Browse Source
This commit is contained in:
Josh
2021-11-12 20:52:11 +10:00
parent e2c3a2e6ed
commit 29ca45a0b1
21 changed files with 119 additions and 927 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
wwwroot/manifest.webmanifest Normal file
View File

@@ -0,0 +1,7 @@
{
"short_name":"DredgePos",
"name":"F# Point of Sale System",
"start_url":"/",
"display":"fullscreen",
"scope":"/"
}

5
wwwroot/scripts/js/dredgepos.authenticate.js
View File

@@ -1,8 +1,9 @@
let showLoginBox = () => showVirtualNumpad('Enter Login Code', 6, true, false, false, authenticate);
let authenticate = (input) => {
let login = ajaxSync('/ajax/authenticateClerk', input);
if (login === 'success')
redirect('/floorplan');
if (login === 'success') {
location.assign('/floorplan');
}
else
showLoginBox();
};

2
wwwroot/scripts/js/dredgepos.authenticate.js.map
View File

@@ -1 +1 @@
{"version":3,"file":"dredgepos.authenticate.js","sourceRoot":"","sources":["../ts/dredgepos.authenticate.ts"],"names":[],"mappings":"AAAA,IAAI,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;AAEnG,IAAK,YAAY,GAAG,CAAC,KAAc,EAAE,EAAE;IACnC,IAAI,KAAK,GAAG,QAAQ,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA;IACtD,IAAG,KAAK,KAAK,SAAS;QAClB,QAAQ,CAAC,YAAY,CAAC,CAAA;;QAEtB,YAAY,EAAE,CAAA;AACtB,CAAC,CAAA;AAED,CAAC,CAAC,GAAG,EAAE;IACH,YAAY,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA"}
{"version":3,"file":"dredgepos.authenticate.js","sourceRoot":"","sources":["../ts/dredgepos.authenticate.ts"],"names":[],"mappings":"AAAA,IAAI,YAAY,GAAG,GAAG,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,CAAC,CAAA;AAEnG,IAAK,YAAY,GAAG,CAAC,KAAc,EAAE,EAAE;IACnC,IAAI,KAAK,GAAG,QAAQ,CAAC,yBAAyB,EAAE,KAAK,CAAC,CAAA;IACtD,IAAG,KAAK,KAAK,SAAS,EAAC;QACnB,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;KAChC;;QAEG,YAAY,EAAE,CAAA;AACtB,CAAC,CAAA;AAED,CAAC,CAAC,GAAG,EAAE;IACH,YAAY,EAAE,CAAA;AAClB,CAAC,CAAC,CAAA"}

9
wwwroot/scripts/js/dredgepos.core.js
View File

@@ -56,13 +56,16 @@ let ajaxSync = (endpoint, data, method = 'POST') => {
return response;
};
/* Redirect to a specific URL */
let redirect = (url) => {
window.location.href = url;
let redirect = (url) => location.assign(url);
const resize = () => {
$('#pageContainer').height(window.innerHeight + "px");
};
let setupCore = (languageVars) => {
Application.languageVars = languageVars;
const doc = $(document);
doc.on('click', '#alertNo, #alertOk', hideAlerts);
window.addEventListener('resize', resize);
resize();
setElementVisibilityByMode();
};
// @ts-ignore
@@ -130,7 +133,7 @@ let setElementVisibilityByMode = () => {
invisibleElements.each((index, elem) => {
let element = $(elem);
let inVisibleInModes = element.data('invisible-in-mode');
let hideElement = inVisibleInModes.every(invisibleMode => {
let hideElement = inVisibleInModes.some(invisibleMode => {
return mode.includes(invisibleMode);
});
element.toggle(!hideElement);

2
wwwroot/scripts/js/dredgepos.core.js.map
View File

File diff suppressed because one or more lines are too long

41
wwwroot/scripts/js/dredgepos.floorplan.js
View File

@@ -149,16 +149,21 @@ const createTableShape = (table) => {
};
const setupTableEvents = (tableGroup) => {
const tableShape = getTableShapeFromGroup(tableGroup);
tableGroup.on('click', (e) => tableClicked(e.target));
tableGroup.on('tap', (e) => tableClicked(e.target));
tableGroup.on('dragend', (e) => saveTableTransformation(e.target));
tableShape.on('transformend', (e) => {
const group = getTableGroupFromShape(e.target);
saveTableTransformation(group);
});
tableGroup.on('click', tableClicked);
tableGroup.on('tap', tableClicked);
tableGroup.on('dragend', tableGroupTransformed);
tableShape.on('transformend', tableShapeTransformed);
};
const getTableShapeFromGroup = (group) => group.getChildren()[0];
const getTableGroupFromShape = (shape) => shape.parent;
const tableGroupTransformed = (e) => {
saveTableTransformation(e.target);
};
const tableShapeTransformed = (e) => {
let shape = e.target;
let group = getTableGroupFromShape(shape);
saveTableTransformation(group);
};
const saveTableTransformation = (tableGroup) => {
const originalTable = getTableDataFromGroup(tableGroup);
const tableShape = getTableShapeFromGroup(tableGroup);
@@ -321,7 +326,8 @@ const selectTable = (tableShape) => {
turnOnMode('tableSelected');
};
const updateCoverText = (table) => $('.selectedTableCovers').text(lang('covers', table.default_covers.toString()));
const tableClicked = (tableShape) => {
const tableClicked = (event) => {
let tableShape = getTableShapeFromGroup(event.currentTarget);
const table = getTableDataFromShape(tableShape);
if (isInMode('merge')) {
mergeTables(getTableDataFromTableNumber(Floorplan.selectedTableNumber), table);
@@ -365,17 +371,13 @@ const createDecorationShape = (decoration, select) => {
decorationShape.src = 'images/decorations/' + decoration.decoration_image;
};
const setupDecorationEvents = (decorationShape) => {
decorationShape.on('click', e => {
decorationClicked(e.target);
});
decorationShape.on('transformend', e => {
decorationTransformed(e.target);
});
decorationShape.on('dragend', e => {
decorationTransformed(e.target);
});
decorationShape.on('click', decorationClicked);
decorationShape.on('tap', decorationClicked);
decorationShape.on('transformend', decorationTransformed);
decorationShape.on('dragend', decorationTransformed);
};
const decorationClicked = (decorationShape) => {
const decorationClicked = (event) => {
let decorationShape = event.target;
if (isInMode('edit')) {
turnOffMode('tableSelected');
if ((Floorplan.transformer.nodes().length > 0 && Floorplan.transformer.nodes()[0] != decorationShape) || Floorplan.transformer.nodes().length == 0) {
@@ -398,7 +400,8 @@ const selectDecorationShape = (decorationShape) => {
const getDecorationDataById = (id) => {
return Floorplan.decorations.find(decoration => id == decoration.id);
};
const decorationTransformed = (decorationShape) => {
const decorationTransformed = (event) => {
let decorationShape = event.currentTarget;
const oldDecorationData = getDecorationDataById(Number(decorationShape.id()));
const newDecoration = {
id: oldDecorationData.id,

2
wwwroot/scripts/js/dredgepos.floorplan.js.map
View File

File diff suppressed because one or more lines are too long

9
wwwroot/scripts/js/keyboards.js
View File

@@ -100,6 +100,9 @@ let setupVirtualKeyboard = (keyboardLayouts) => {
$(document).on('click', '.virtualKeyboardButton', e => {
virtualKeyboardInput($(e.target).data('value'));
});
$(document).on('click', '.forceFocus', (e) => {
$('#virtualKeyboardInput').trigger('focus');
});
setKeyboardLayout('default');
};
let showVirtualKeyboard = (heading, maxlength = 32, isPassword = false, submitFunction = () => { hideVirtualKeyboard(); }) => {
@@ -107,12 +110,16 @@ let showVirtualKeyboard = (heading, maxlength = 32, isPassword = false, submitFu
let inputBox = $('#virtualKeyboardInput');
keyboard.css('display', 'flex');
$('#virtualKeyboardHeading').html(heading);
$('.forceFocus').trigger('click');
keyboard.data('value', '');
inputBox.text('');
inputBox.val('');
keyboard.data('maxlength', maxlength);
keyboard.data('password', isPassword);
keyboard.data('submitfunction', submitFunction);
inputBox.attr('autofocus', 'autofocus');
inputBox.trigger('focus');
inputBox.trigger('click');
inputBox.trigger('select');
$(document).on('keyup', e => {
let key = e.key;
if (key == 'Enter' && inputBox.val().toString().length > 0) {

2
wwwroot/scripts/js/keyboards.js.map
View File

File diff suppressed because one or more lines are too long

5
wwwroot/scripts/ts/dredgepos.authenticate.ts
View File

@@ -2,8 +2,9 @@
let authenticate = (input : string) => {
let login = ajaxSync('/ajax/authenticateClerk', input)
if(login === 'success')
redirect('/floorplan')
if(login === 'success'){
location.assign('/floorplan')
}
else
showLoginBox()
}

13
wwwroot/scripts/ts/dredgepos.core.ts
View File

@@ -67,15 +67,20 @@
}
/* Redirect to a specific URL */
let redirect = (url: string) : void => {
window.location.href = url
}
let redirect = (url: string) : void => location.assign(url)
const resize = () => {
$('#pageContainer').height(window.innerHeight + "px");
}
let setupCore = (languageVars: Record<string, string>) => {
Application.languageVars = languageVars
const doc = $(document)
doc.on('click', '#alertNo, #alertOk', hideAlerts)
window.addEventListener('resize', resize)
resize()
setElementVisibilityByMode()
}
@@ -159,7 +164,7 @@
invisibleElements.each((index, elem) => {
let element = $(elem)
let inVisibleInModes: PosModes = element.data('invisible-in-mode')
let hideElement = inVisibleInModes.every(invisibleMode => {
let hideElement = inVisibleInModes.some(invisibleMode => {
return mode.includes(invisibleMode)
})
element.toggle(!hideElement)

45
wwwroot/scripts/ts/dredgepos.floorplan.ts
View File

@@ -212,18 +212,24 @@ const createTableShape = (table: table) => {
const setupTableEvents = (tableGroup: Konva.Group) => {
const tableShape = getTableShapeFromGroup(tableGroup)
tableGroup.on('click', (e) => tableClicked(e.target as Konva.Shape))
tableGroup.on('tap', (e) => tableClicked(e.target as Konva.Shape))
tableGroup.on('dragend', (e) => saveTableTransformation(e.target as Konva.Group))
tableShape.on('transformend', (e) => {
const group = getTableGroupFromShape(e.target as Konva.Shape)
saveTableTransformation(group)
})
tableGroup.on('click', tableClicked)
tableGroup.on('tap', tableClicked)
tableGroup.on('dragend', tableGroupTransformed)
tableShape.on('transformend', tableShapeTransformed)
}
const getTableShapeFromGroup = (group: Konva.Group) => group.getChildren()[0] as Konva.Shape
const getTableGroupFromShape = (shape: Konva.Shape) => shape.parent as Konva.Group
const tableGroupTransformed = (e: Konva.KonvaEventObject<any>) => {
saveTableTransformation(e.target as Konva.Group)
}
const tableShapeTransformed = (e: Konva.KonvaEventObject<any>) => {
let shape = e.target as Konva.Shape
let group = getTableGroupFromShape(shape)
saveTableTransformation(group)
}
const saveTableTransformation = (tableGroup: Konva.Group) => {
const originalTable = getTableDataFromGroup(tableGroup)
const tableShape = getTableShapeFromGroup(tableGroup)
@@ -425,7 +431,8 @@ const selectTable = (tableShape: Konva.Shape) => {
const updateCoverText = (table:table) => $('.selectedTableCovers').text(lang('covers', table.default_covers.toString()))
const tableClicked = (tableShape: Konva.Shape) => {
const tableClicked = (event: Konva.KonvaEventObject<any>) => {
let tableShape = getTableShapeFromGroup(event.currentTarget as Konva.Group)
const table = getTableDataFromShape(tableShape)
if(isInMode('merge')) {
@@ -481,20 +488,14 @@ const createDecorationShape = (decoration:decoration, select?: boolean) => {
}
const setupDecorationEvents = (decorationShape: Konva.Image) => {
decorationShape.on('click', e => {
decorationClicked(e.target as Konva.Image)
})
decorationShape.on('transformend', e => {
decorationTransformed(e.target as Konva.Image)
})
decorationShape.on('dragend', e => {
decorationTransformed(e.target as Konva.Image)
})
decorationShape.on('click', decorationClicked)
decorationShape.on('tap', decorationClicked)
decorationShape.on('transformend', decorationTransformed)
decorationShape.on('dragend', decorationTransformed)
}
const decorationClicked = (decorationShape: Konva.Image) => {
const decorationClicked = (event: Konva.KonvaEventObject<any>) => {
let decorationShape = event.target as Konva.Image
if(isInMode('edit')){
turnOffMode('tableSelected')
if ((Floorplan.transformer.nodes().length > 0 && Floorplan.transformer.nodes()[0] != decorationShape) || Floorplan.transformer.nodes().length == 0) {
@@ -519,8 +520,8 @@ const getDecorationDataById = (id: number) => {
return Floorplan.decorations.find(decoration => id == decoration.id)
}
const decorationTransformed = (decorationShape: Konva.Image) => {
const decorationTransformed = (event: Konva.KonvaEventObject<MouseEvent>|Konva.KonvaEventObject<TouchEvent|DragEvent|MouseEvent>) => {
let decorationShape = event.currentTarget as Konva.Image
const oldDecorationData = getDecorationDataById(Number(decorationShape.id()))
const newDecoration: decoration = {
id: oldDecorationData.id,

9
wwwroot/scripts/ts/keyboards.ts
View File

@@ -126,6 +126,9 @@ let showVirtualNumpad = (heading: string, maxlength = 4, isPassword: boolean, al
virtualKeyboardInput($(e.target).data('value'));
})
$(document).on('click', '.forceFocus', (e) => {
$('#virtualKeyboardInput').trigger('focus')
})
setKeyboardLayout('default')
}
@@ -135,13 +138,17 @@ let showVirtualNumpad = (heading: string, maxlength = 4, isPassword: boolean, al
keyboard.css('display', 'flex')
$('#virtualKeyboardHeading').html(heading)
$('.forceFocus').trigger('click')
keyboard.data('value', '')
inputBox.text('')
inputBox.val('')
keyboard.data('maxlength', maxlength)
keyboard.data('password', isPassword)
keyboard.data('submitfunction', submitFunction)
inputBox.attr('autofocus', 'autofocus');
inputBox.trigger('focus')
inputBox.trigger('click')
inputBox.trigger('select')
$(document).on('keyup', e => {
let key = e.key
if (key == 'Enter' && inputBox.val().toString().length > 0) {

4
wwwroot/styles/sass/dredgepos.core.sass
View File

@@ -56,7 +56,7 @@ body
color: var(--pos-header-text-color)
background: var(--pos-header-background)
.posButton.active,.posButton:active
.posButton.active,.posButton:active, .posButton:focus
border-color: var(--posbutton-border-color-active)
color: var(--posbutton-text-color-active)
background: var(--posbutton-background-active) /* webkit */
@@ -64,7 +64,7 @@ body
#pageContainer
@include flex
height: 100vh !important
height: 100vh
.posButton, .posHeader
@include flex

4
wwwroot/styles/sass/dredgepos.floorplan.sass
View File

@@ -79,8 +79,8 @@
display: none
border: solid 3px var(--global-border-color)
background-color: var(--global-bgcolor)
width: 30vw
height: 50vh
width: 30%
height: 50%
> *
@include flex-column-item

24
wwwroot/styles/sass/dredgepos.keyboards.sass
View File

@@ -28,13 +28,13 @@
#virtualNumpad
@include absoluteCenter
flex-direction: column
height: 70vh
width: 30vw
height: 70%
width: 25%
border: solid 2px var(--global-border-color)
@include mobile
height: 100vh
width: 100vw
height: 100%
width: 100%
#virtualNumpadInput
background-color: var(--global-secondary-bgcolor)
@@ -63,14 +63,14 @@
#virtualKeyboard
@include absoluteCenter
flex-direction: column
width: 80vw
height: 40vh
width: 80%
height: 40%
background-color: var(--global-bgcolor)
border: solid 2px var(--global-border-color)
@include mobile
width: 100vw
height: 10vh
width: 100%
height: 10%
top: 0
bottom: auto
@@ -118,14 +118,14 @@
@include flex-column
@include absoluteCenter
display: none
width: 60vw
height: 40vh
width: 60%
height: 40%
background-color: var(--global-bgcolor)
border: solid 2px var(--global-border-color)
@include mobile
width: 100vw
height: 100vh
width: 100%
height: 100%
> *
@include flex

3
wwwroot/themes/restaurant/authenticate.tpl.htm
View File

@@ -4,8 +4,9 @@
<title><!--[var:title]--></title>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name = "viewport" content = "user-scalable = no, initial-scale=0.8,maximum-scale=0.8 ,shrink-to-fit=yes" />
<link rel="manifest" href="/manifest.webmanifest">
</head>
<body class="darkMode">
<body ontouchstart="" class="darkMode">
<div id="authenticator">
</div>

7
wwwroot/themes/restaurant/floorplan.tpl.htm
View File

@@ -5,6 +5,7 @@
<script src="https://unpkg.com/current-device/umd/current-device.min.js"></script>
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name = "viewport" content = "user-scalable = no, initial-scale=0.8,maximum-scale=0.8 ,shrink-to-fit=yes" />
<link rel="manifest" href="/manifest.webmanifest">
</head>
<body class="darkMode">
<div id="pageContainer">
@@ -34,10 +35,10 @@
<small class="selectedTableCovers"></small>
</div>
<a class="posButton"><!--[lang:order_table]--></a>
<a class="posButton reserveTableButton" data-invisible-in-mode='["reservedTableSelected"]'><!--[lang:reserve_table]--></a>
<a class="posButton reserveTableButton" data-invisible-in-mode='["reservedTableSelected", "activeTableSelected"]'><!--[lang:reserve_table]--></a>
<a class="posButton unreserveTableButton" data-visible-in-mode='["reservedTableSelected"]'><!--[lang:unreserve_table]--></a>
<a class="posButton payTableButton"><!--[lang:pay_table]--></a>
<a class="posButton viewTableButton"><!--[lang:view_table]--></a>
<a class="posButton payTableButton" data-visible-in-mode='["activeTableSelected"]'><!--[lang:pay_table]--></a>
<a class="posButton viewTableButton" data-visible-in-mode='["activeTableSelected"]'><!--[lang:view_table]--></a>
</div>
</div>
</div>

1
wwwroot/themes/restaurant/virtualKeyboard.tpl.htm
View File

@@ -66,5 +66,6 @@
<div class="virtualKeyboardRow">
<a></a>
</div>
<span class="forceFocus"></span>
</div>
</div>