RouteMeHome/get_my
1
0
Fork 0
mirror of https://gitlab.com/bmcgonag/get_my.git synced 2026-03-27 08:18:50 +00:00
Code Issues 1 Projects Releases Packages Wiki Activity Actions

Many chcanges, but version 0.1.0 is ready to be cut.

Browse source
This commit is contained in:
Brian McGonagill 2022-08-23 13:41:21 -05:00
parent 42643a37f5
commit 6e37ae8c74
46 changed files with 1038 additions and 273 deletions
Download patch file Download diff file Expand all files Collapse all files

9
client/AdminMgmt/LocationMgmt/locMgmt.html
View file

@ -1,5 +1,8 @@
<template name="locMgmt">
{{> locMgmtForm}}
<hr>
{{> locMgmtTbl}}
<div class="container">
<h4>Location Management</h4>
{{> locMgmtForm}}
<hr>
{{> locMgmtTbl}}
</div>
</template>

30
client/AdminMgmt/LocationMgmt/locMgmtForm.html
View file

@ -1,16 +1,22 @@
<template name="locMgmtForm">
<div class="row">
<div class="col s12 m6 l6 input-field">
<input type="text" class="locNameInp" id="locNameInp" style="{{#if $eq locNameErr true}}border: 2px solid red;{{/if}}" />
<label for="locNameInp">Name*</label>
<form action="" id="locInputForm">
<div class="row">
<div class="col s12 m6 l6 input-field">
<input type="text" class="locNameInp" id="locNameInp" style="{{#if $eq locNameErr true}}border: 2px solid red;{{/if}}" />
<label for="locNameInp">Name*</label>
</div>
</div>
</div>
<div class="row">
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn cancelLocMgmt orange">Cancel</a>
<div class="row">
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn cancelLocMgmt orange">Cancel</a>
</div>
<div class="col s6 m6 l6">
{{#if $eq locEditMode false}}
<a class="waves-effect waves-light btn saveLocMgmt green right">Add</a>
{{else}}
<a class="waves-effect waves-light btn editLocMgmt blue right">Rename</a>
{{/if}}
</div>
</div>
<div class="col s6 m6 l6">
<a class="waves-effect waves-light btn saveLocMgmt green right">Add</a>
</div>
</div>
</form>
</template>

56
client/AdminMgmt/LocationMgmt/locMgmtForm.js
View file

@ -6,12 +6,16 @@ Template.locMgmtForm.onCreated(function() {
Template.locMgmtForm.onRendered(function() {
Session.set("locNameMiss", false);
Session.set("locEditMode", false);
});
Template.locMgmtForm.helpers({
locNameErr: function() {
return Session.get("locNameMiss");
},
locEditMode: function() {
return Session.get("locEditMode");
}
});
Template.locMgmtForm.events({
@ -32,8 +36,60 @@ Template.locMgmtForm.events({
});
}
},
'click .editLocMgmt' (event) {
event.preventDefault();
let locName = $("#locNameInp").val();
let locEditMode = Session.get("locEditMode");
let locId = Session.get("locEditId");
if (locName == null || locName == "") {
Session.set("locNameMiss", true);
return;
} else {
Meteor.call('edit.location', locId, locName, function(err, result) {
if (err) {
// console.log(" ERROR: Can't edit category: " + err);
} else {
// console.log(" SUCCESS editing category.");
$("#locNameInp").val("");
Session.set("locEditMode", false);
}
});
}
},
'submit #locInputForm' (event) {
event.preventDefault();
let locName = $("#locNameInp").val();
let locEditMode = Session.get("locEditMode");
let locId = Session.get("locEditId");
if (locName == null || locName == "") {
Session.set("locNameMiss", true);
return;
} else {
if (locEditMode == false) {
Meteor.call('add.location', locName, function(err, result) {
if (err) {
// console.log(" ERROR: Can't add category: " + err);
} else {
// console.log(" SUCCESS adding category.");
$("#locNameInp").val("");
}
});
} else {
Meteor.call('edit.location', locId, locName, function(err, result) {
if (err) {
// console.log(" ERROR: Can't edit category: " + err);
} else {
// console.log(" SUCCESS editing category.");
$("#locNameInp").val("");
Session.set("locEditMode", false);
}
});
}
}
},
'click .cancelLocMgmt' (event) {
event.preventDefault();
$("#locNameInp").val("");
Session.set("locEditMode", false);
}
});

32
client/AdminMgmt/LocationMgmt/locMgmtTbl.html
View file

@ -1,21 +1,15 @@
<template name="locMgmtTbl">
<table class="highlight striped responsive-table">
<thead>
<tr>
<th>Name</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{{#each locs}}
<tr>
<td>{{locationName}}</td>
<td>
<i class="material-icons clickable deleteCategory">delete</i>
<i class="material-icons clickable editCategory">edit</i>
</td>
</tr>
{{/each}}
</tbody>
</table>
<div class="row">
<div class="col s12">
<ul class="collection">
{{#each locs}}
<li class="collection-item">
{{locationName}}
<i class="material-icons clickable deleteLocation right tooltipped" data-position="top" data-tooltip="Delete Location">delete</i>
<i class="material-icons clickable editLocation right tooltipped" data-position="top" data-tooltip="Edit Location">edit</i>
</li>
{{/each}}
</ul>
</div>
</div>
</template>

26
client/AdminMgmt/LocationMgmt/locMgmtTbl.js
View file

@ -5,7 +5,9 @@ Template.locMgmtTbl.onCreated(function() {
});
Template.locMgmtTbl.onRendered(function() {
Meteor.setTimeout(function() {
$('.tooltipped').tooltip();
}, 150);
});
Template.locMgmtTbl.helpers({
@ -14,6 +16,22 @@ Template.locMgmtTbl.helpers({
}
});
Template.locMgmtTbl.events([
]);
Template.locMgmtTbl.events({
'click .deleteLocation' (event) {
event.preventDefault();
Meteor.call('delete.location', this._id, function(err, result) {
if (err) {
console.log(" ERROR deleting location: " + err);
} else {
console.log(" SUCCESS deleting the location.");
}
});
},
'click .editLocation' (event) {
event.preventDefault();
Session.set("locEditMode", true);
Session.set("locEditId", this._id);
let locInfo = Locations.findOne({ _id: this._id });
$("#locNameInp").val(locInfo.locationName);
},
});