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

Updated myTasks with newer materialize.

Browse source
This commit is contained in:
Brian McGonagill 2024-07-23 08:11:40 -05:00
parent 3d060e2eef
commit 17b42b7d68
4 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
client/Dashboard/dashboard.html
View file

@ -12,7 +12,7 @@
{{#each mytaskitems}} {{#each mytaskitems}}
<li class="collection-item blue darken-3">{{taskName}}</li> <li class="collection-item blue darken-3">{{taskName}}</li>
{{else}} {{else}}
<li class="collection-item blue darken-4">No Tasks</li> <li class="collection-item blue darken-4">No Tasks due Today</li>
{{/each}} {{/each}}
</ul> </ul>
</div> </div>

4
client/MyTasks/myTasksForm.js
View file

@ -1,11 +1,13 @@
import { TaskItems } from '../../imports/api/tasks.js'; import { TaskItems } from '../../imports/api/tasks.js';
import { M } from '../lib/assets/materialize.js';
Template.myTasksForm.onCreated(function() { Template.myTasksForm.onCreated(function() {
}); });
Template.myTasksForm.onRendered(function() { Template.myTasksForm.onRendered(function() {
$('.datepicker').datepicker(); var elems = document.querySelectorAll('.datepicker');
var instances = M.Datepicker.init(elems, {});
Session.set("hideComplete", true); Session.set("hideComplete", true);
Session.set("onlyToday", true); Session.set("onlyToday", true);
}); });

2
client/MyTasks/myTasksTbl.html
View file

@ -6,7 +6,7 @@
<div class="collapsible-body"> <div class="collapsible-body">
<span> <span>
<ul class="collection"> <ul class="collection">
<li class="collection-item">{{taskDate}}<i class="material-icons clickable right markMyTaskComplete">check</i><i class="material-icons clickable right deleteMyTask">delete</i></li> <li class="collection-item">{{taskDate}}<i class="material-icons clickable right markMyTaskComplete">check</i><i class="modal-trigger material-icons clickable right deleteMyTask" data-target="modalDelete">delete</i></li>
<li class="collection-item">Complete? {{#if $eq isComplete true}}<i class="material-icons green">check</i>{{else}}<i class="material-icons red">close</i>{{/if}}</li> <li class="collection-item">Complete? {{#if $eq isComplete true}}<i class="material-icons green">check</i>{{else}}<i class="material-icons red">close</i>{{/if}}</li>
<li class="collection-item">Completed On? {{#if $eq isComplete true}}{{compOn}}{{else}}Not Complete{{/if}}</li> <li class="collection-item">Completed On? {{#if $eq isComplete true}}{{compOn}}{{else}}Not Complete{{/if}}</li>
</ul> </ul>

9
client/MyTasks/myTasksTbl.js
View file

@ -1,12 +1,17 @@
import { TaskItems } from '../../imports/api/tasks.js'; import { TaskItems } from '../../imports/api/tasks.js';
import moment from 'moment'; import moment from 'moment';
import { M } from '../lib/assets/materialize.js';
Template.myTasksTbl.onCreated(function() { Template.myTasksTbl.onCreated(function() {
this.subscribe("myTasks"); this.subscribe("myTasks");
}); });
Template.myTasksTbl.onRendered(function() { Template.myTasksTbl.onRendered(function() {
$('.collapsible').collapsible(); var elems = document.querySelectorAll('.collapsible');
var instances = M.Collapsible.init(elems, {});
var elemm = document.querySelectorAll('.modal');
var instancem = M.Modal.init(elemm, {});
Session.set("hideComplete", true); Session.set("hideComplete", true);
Session.set("onlyToday", true); Session.set("onlyToday", true);
}); });
@ -62,10 +67,10 @@ Template.myTasksTbl.events({
}, },
'click .deleteMyTask' (event) { 'click .deleteMyTask' (event) {
event.preventDefault(); event.preventDefault();
console.log("detected click");
Session.set("deleteId", this._id); Session.set("deleteId", this._id);
Session.set("method", "delete.task"); Session.set("method", "delete.task");
Session.set("item", this.taskName); Session.set("item", this.taskName);
Session.set("view", "My Tasks"); Session.set("view", "My Tasks");
$('#modalDelete').modal('open');
} }
}); });