diff --git a/client/styles/style.css b/client/styles/style.css
index 6634c8a..8de7ba4 100644
--- a/client/styles/style.css
+++ b/client/styles/style.css
@@ -4254,7 +4254,7 @@ code {
}
/*Contact Form*/
-.menu input[type="text"] {
+/*.menu input[type="text"] {
height: 35px;
line-height: 35px;
}
@@ -4271,7 +4271,7 @@ code {
.menu .form-field label {
font-size: 12px;
margin-bottom: -10px;
-}
+}*/
.form-field span {
position: absolute;
diff --git a/server/content/boats.php b/server/content/boats.php
index bf21319..e06e933 100644
--- a/server/content/boats.php
+++ b/server/content/boats.php
@@ -35,6 +35,11 @@
$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe', 'css-class' => 'border-0']);
$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-boat', 'title' => 'Boots-Details', 'height' => 200]);
+ $items = '
Bitte trage hier den Bootsnamen ein:
';
+ $items .= $tpl->load('input', ['html-id' => 'input-editboatname', 'placeholder' => 'Bootsname', 'type' => 'text']);
+ $items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-editboatname']);
+ $sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-editboatname', 'height' => 240]);
+
$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
$sp['scripts'] .= $scripts->load('boats');
diff --git a/server/content/sailors.php b/server/content/sailors.php
index 1ae9716..29e65f6 100644
--- a/server/content/sailors.php
+++ b/server/content/sailors.php
@@ -35,6 +35,11 @@
$items .= $tpl->load('menu/item-icon', ['Vereins-Website', '', 'html-id' => 'menu-item-clubwebsite', 'icon' => 'fa-globe', 'css-class' => 'border-0']);
$sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-sailor', 'title' => 'Segler-Details', 'height' => 200]);
+ $items = 'Bitte trage hier den Jahrgang ein:
';
+ $items .= $tpl->load('input', ['html-id' => 'input-edityear', 'placeholder' => 'Jahrgang', 'type' => 'number']);
+ $items .= $tpl->load('button', ['Speichern', '#', 'html-id' => 'button-edityear']);
+ $sp['menus'] .= $tpl->load('menu/bottom', [$items, 'html-id' => 'menu-edityear', 'height' => 240]);
+
$sp['scripts'] .= $scripts->load('pagination', ['pageChange', 'page', 'pageCount', 'pagination']);
$sp['scripts'] .= $scripts->load('sailors');
diff --git a/server/scripts/boats.js b/server/scripts/boats.js
index 4077cbd..3482952 100644
--- a/server/scripts/boats.js
+++ b/server/scripts/boats.js
@@ -5,18 +5,64 @@ var page = 1;
var pageCount = 0;
const showCount = 25;
+async function onEditBoatnameClick() {
+ var id = $('#button-editboatname').attr('data-boat-id');
+ var name = $('#input-editboatname').val();
+ if (name != '') {
+ showLoader();
+ $.ajax({
+ url: QUERY_URL + 'add_boatname',
+ method: 'POST',
+ data: {
+ boat: id,
+ name: name
+ },
+ error: function (xhr, status, error) {
+ if (xhr.status == 0) {
+ toastError('Du bist momentan offline.
Stelle eine Internetverbindung her, um den Bootsnamen zu bearbeiten');
+ } else {
+ console.log('EditBoatname: unbekannter Fehler', status, error);
+ console.log(xhr);
+ toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+ }
+ hideLoader();
+ },
+ success: function (data, status, xhr) {
+ if ('status' in data) {
+ if (data.status == 'added') {
+ toastOk('Bootsnamen erfolgreich hinzugefügt');
+ sync();
+ } else {
+ toastInfo('Wir prüfen Deine Anfrage und korrigieren den Bootsnamen schnellstmöglich', 5000);
+ }
+ } else {
+ toastOk('Erfolgreich');
+ }
+ hideLoader();
+ }
+ });
+ }
+ $('#menu-editboatname').hideMenu();
+}
+
async function onListClicked(id) {
var boat = await dbGetData('boats', id);
$('#menu-boat').find('.menu-title').find('p').text(boat.sailnumber);
// Edit Boatname
- // TODO: create menu for edit boatname
+ $('#button-editboatname').attr('data-boat-id', boat.id);
+ $('#menu-editboatname').find('.menu-title').find('p').text(boat.sailnumber);
if (boat['name'] == '') {
$('#menu-item-boatname').find('span').text('Bootsnamen hinzufügen');
+ $('#menu-editboatname').find('.menu-title').find('h1').text('Bootsnamen hinzufügen');
+ $('#input-editboatname').val('');
} else {
$('#menu-item-boatname').find('span').text('Bootsnamen bearbeiten');
+ $('#menu-editboatname').find('.menu-title').find('h1').text('Bootsnamen bearbeiten');
+ $('#input-editboatname').val(boat.name);
}
+ $('#input-editboatname').trigger('focusin').trigger('focusout');
// club website
var clubwebsite = '';
@@ -86,6 +132,8 @@ var siteScript = async function() {
firstCall = false;
initPagination();
$('#input-search').on('input', reSearch);
+ $('#menu-item-boatname').click(function(){ $('#menu-boat').hideMenu(); $('#menu-editboatname').showMenu(); });
+ $('#button-editboatname').click(onEditBoatnameClick);
}
var results = await dbGetData('boats');
diff --git a/server/scripts/sailors.js b/server/scripts/sailors.js
index 896bcb9..c1d28ac 100644
--- a/server/scripts/sailors.js
+++ b/server/scripts/sailors.js
@@ -5,18 +5,64 @@ var page = 1;
var pageCount = 0;
const showCount = 25;
+async function onEditYearClick() {
+ var id = $('#button-edityear').attr('data-sailor-id');
+ var year = $('#input-edityear').val();
+ if (year != '') {
+ showLoader();
+ $.ajax({
+ url: QUERY_URL + 'add_year',
+ method: 'POST',
+ data: {
+ sailor: id,
+ year: year
+ },
+ error: function (xhr, status, error) {
+ if (xhr.status == 0) {
+ toastError('Du bist momentan offline.
Stelle eine Internetverbindung her, um den Jahrgang zu bearbeiten');
+ } else {
+ console.log('EditYear: unbekannter Fehler', status, error);
+ console.log(xhr);
+ toastError('Ein unbekannter Fehler ist aufgetreten. Bitte versuche es noch einmal', 5000);
+ }
+ hideLoader();
+ },
+ success: function (data, status, xhr) {
+ if ('status' in data) {
+ if (data.status == 'added') {
+ toastOk('Jahrgang erfolgreich hinzugefügt');
+ sync();
+ } else {
+ toastInfo('Wir prüfen Deine Anfrage und korrigieren den Jahrgang schnellstmöglich', 5000);
+ }
+ } else {
+ toastOk('Erfolgreich');
+ }
+ hideLoader();
+ }
+ });
+ }
+ $('#menu-edityear').hideMenu();
+}
+
async function onListClicked(id) {
var sailor = await dbGetData('sailors', id);
$('#menu-sailor').find('.menu-title').find('p').text(sailor.name);
// Edit Year
- // TODO: create menu for edit year
+ $('#button-edityear').attr('data-sailor-id', sailor.id);
+ $('#menu-edityear').find('.menu-title').find('p').text(sailor.name);
if (sailor['year'] == null) {
$('#menu-item-year').find('span').text('Jahrgang hinzufügen');
+ $('#menu-edityear').find('.menu-title').find('h1').text('Jahrgang hinzufügen');
+ $('#input-edityear').val('');
} else {
$('#menu-item-year').find('span').text('Jahrgang bearbeiten');
+ $('#menu-edityear').find('.menu-title').find('h1').text('Jahrgang bearbeiten');
+ $('#input-edityear').val(sailor.year);
}
+ $('#input-edityear').trigger('focusin').trigger('focusout');
// club website
var clubwebsite = '';
@@ -86,6 +132,8 @@ var siteScript = async function() {
firstCall = false;
initPagination();
$('#input-search').on('input', reSearch);
+ $('#menu-item-year').click(function(){ $('#menu-sailor').hideMenu(); $('#menu-edityear').showMenu(); });
+ $('#button-edityear').click(onEditYearClick);
}
var results = await dbGetData('sailors');