Updated Store Management with newer materialize libraries

This commit is contained in:
Brian McGonagill 2024-07-23 14:03:26 -05:00
parent 27b3c82faf
commit ea3ed117ff
4 changed files with 41 additions and 38 deletions

View file

@ -12,4 +12,5 @@
{{/if}} {{/if}}
</div> </div>
</form> </form>
{{> snackbar}}
</template> </template>

View file

@ -25,10 +25,10 @@ Template.storeMgmtForm.events({
} else { } else {
Meteor.call("add.store", storeName, function(err, result) { Meteor.call("add.store", storeName, function(err, result) {
if (err) { if (err) {
// console.log("ERROR: Store add failed: " + err); console.log("ERROR: Store add failed: " + err);
} else { } else {
// console.log("Success adding store!");
$("#storeName").val(""); $("#storeName").val("");
showSnackbar("Store Added Successfully!", "green");
} }
}); });
} }
@ -38,37 +38,35 @@ Template.storeMgmtForm.events({
$("#storeName").val(""); $("#storeName").val("");
Session.set("editModeStore", false); Session.set("editModeStore", false);
}, },
'submit #storeForm' (event) { // 'submit #storeForm' (event) {
event.preventDefault(); // event.preventDefault();
let editMode = Session.get("editModeStore"); // let editMode = Session.get("editModeStore");
let storeName = $("#storeName").val(); // let storeName = $("#storeName").val();
if (storeName == "" || storeName == null) { // if (storeName == "" || storeName == null) {
Session.set("borderRed", true); // Session.set("borderRed", true);
return; // return;
} else { // } else {
if (editMode == false) { // if (editMode == false) {
Meteor.call("add.store", storeName, function(err, result) { // Meteor.call("add.store", storeName, function(err, result) {
if (err) { // if (err) {
// console.log("ERROR: Store add failed: " + err); // console.log("ERROR: Store add failed: " + err);
} else { // } else {
// console.log("Success adding store!"); // $("#storeName").val("");
$("#storeName").val(""); // }
} // });
}); // } else {
} else { // let storeId = Session.get("storeIdEdit");
let storeId = Session.get("storeIdEdit"); // Meteor.call("edit.store", storeId, storeName, function(err, result) {
Meteor.call("edit.store", storeId, storeName, function(err, result) { // if (err) {
if (err) {
// console.log("ERROR: Store add failed: " + err); // console.log("ERROR: Store add failed: " + err);
} else { // } else {
// console.log("Success adding store!"); // $("#storeName").val("");
$("#storeName").val(""); // Session.set("editModeStore", false);
Session.set("editModeStore", false); // }
} // });
}); // }
} // }
} // },
},
'click .editStoreMgmt' (event) { 'click .editStoreMgmt' (event) {
let storeName = $("#storeName").val(); let storeName = $("#storeName").val();
let storeId = Session.get("storeIdEdit"); let storeId = Session.get("storeIdEdit");
@ -78,11 +76,11 @@ Template.storeMgmtForm.events({
} else { } else {
Meteor.call("edit.store", storeId, storeName, function(err, result) { Meteor.call("edit.store", storeId, storeName, function(err, result) {
if (err) { if (err) {
// console.log("ERROR: Store add failed: " + err); console.log("ERROR: Store add failed: " + err);
} else { } else {
// console.log("Success adding store!");
$("#storeName").val(""); $("#storeName").val("");
Session.set("editModeStore", false); Session.set("editModeStore", false);
showSnackbar("Store Updated Successfully!", "green");
} }
}); });
} }

View file

@ -5,7 +5,7 @@
{{#each mgmtStoreInfo}} {{#each mgmtStoreInfo}}
<li class="collection-item"> <li class="collection-item">
{{storeName}} {{storeName}}
<i class="material-icons clickable deleteStore right tooltipped" data-position="top" data-tooltip="Delete Store">delete</i> <i class="material-icons clickable deleteStore right tooltipped modal-trigger" data-target="modalDelete" data-position="top" data-tooltip="Delete this store">delete</i>
<i class="material-icons clickable editStore right tooltipped" data-position="top" data-tooltip="Edit Store Name">edit</i> <i class="material-icons clickable editStore right tooltipped" data-position="top" data-tooltip="Edit Store Name">edit</i>
</li> </li>
{{/each}} {{/each}}

View file

@ -1,12 +1,17 @@
import { Stores } from '../../../imports/api/stores'; import { Stores } from '../../../imports/api/stores';
import { M } from '../../lib/assets/materialize.js';
Template.storeMgmtTbl.onCreated(function() { Template.storeMgmtTbl.onCreated(function() {
this.subscribe("storeInfo"); this.subscribe("storeInfo");
}); });
Template.storeMgmtTbl.onRendered(function() { Template.storeMgmtTbl.onRendered(function() {
var elems = document.querySelectorAll('.modal');
var instances = M.Modal.init(elems, {});
Meteor.setTimeout(function() { Meteor.setTimeout(function() {
$('.tooltipped').tooltip(); var elemt = document.querySelectorAll('.tooltipped');
var instancet = M.Tooltip.init(elemt, {});
}, 150); }, 150);
}); });
@ -23,7 +28,6 @@ Template.storeMgmtTbl.events({
Session.set("method", "delete.store"); Session.set("method", "delete.store");
Session.set("item", this.storeName); Session.set("item", this.storeName);
Session.set("view", "Stores"); Session.set("view", "Stores");
$('#modalDelete').modal('open');
}, },
'click .editStore' (event) { 'click .editStore' (event) {
event.preventDefault(); event.preventDefault();