viewJob.js

var fullJobID;
var smplJobID;
var parentID;


function formatDate(date) {
    let hours = date.getHours();
    let minutes = date.getMinutes();
    let ampm = hours >= 12 ? 'pm' : 'am';
    hours = hours % 12;
    hours = hours ? hours : 12; // the hour '0' should be '12'
    minutes = minutes < 10 ? '0' + minutes : minutes;
    let strTime = hours + ':' + minutes + ' ' + ampm;
    return date.getDate() + "/" + (date.getMonth() + 1) + "/" + date.getFullYear() + " at " + strTime;
}

toastr.options = {
    "closeButton": true,
    "debug": false,
    "newestOnTop": true,
    "progressBar": true,
    "positionClass": "toast-top-right",
    "preventDuplicates": true,
    "onclick": null,
    "showDuration": "300",
    "hideDuration": "1000",
    "timeOut": "5000",
    "extendedTimeOut": "2500",
    "showEasing": "swing",
    "hideEasing": "linear",
    "showMethod": "fadeIn",
    "hideMethod": "fadeOut"
};

Template.viewJob.helpers({
    isWarranty: function (jobType) {
        return jobType === "Warranty"
    },
    isExtended: function (jobType) {
        return jobType === "Extended"
    },
    formattedDate() {
        let d = this.jobDate;
        let e = formatDate(d);
        return e;
    },
    shortDesc() {
        if (this.description.length > 40) {
            return this.description.substr(0, 50) + '...';
        } else {
            return this.description;
        }
    },
    jobID() {
        let a = this.jobNum;
        let e = this.jobType.substr(0, 1);
        smplJobID = a;
        fullJobID = e + a;
        parentID = this._id;
        thIndex = this.index;
        return '<span class="label label-default" id="jobID">' + fullJobID + '</span>';
    },
    phNumber: function () {
        return Phoneformat.formatLocal('AU', this.number);
    },
    email: function () {
        return this.email
    },
    status: function () {
        let status = this.status;
        switch (status) {
            case "New":
                return '<span class="label label-primary">New</span>';
                break;
            case "Assigned":
                return '<span class="label label-success">Assigned</span>';
                break;
            case "Pending Parts":
            case "Pending Approval":
                return '<span class="label label-warning">Pending</span>';
                break;
            case "Stale":
                return '<span class="label label-danger">Stale</span>';
            default:
                return ""
        }
    },
    clipBtn: function () {
        return '<span class="btn btn-info btn-xs btn-copy-link" data-clipboard-text=' + fullJobID + '><i class="fa fa-clipboard" aria-hidden="true"></i></span>'
    },
    pdfBtn: function () {
        return '<span class="btn btn-primary2 btn-xs" id="pdfBtn"><i class="fa fa-file-pdf-o" aria-hidden="true"></i></span>'
    },
    notes: function () {
        return this.notes
    }
});


Template.viewJob.events({
    'click .btn-copy-link': function () {
        toastr.info(fullJobID + " - Successfully copied to clipboard");
    },
    'click .toast': function () {
        toastr.clear();
    },
    'mouseenter #jobID': function () {
        Dropdowns.show('jobID')
    },
    'mouseleave #jobID': function () {
        setTimeout(function () {
            Dropdowns.hide('jobID');
        }, 1500);
    },
    'click #pdfBtn': function () {
        var doc = new jsPDF();
        var specialElementHandlers = {
            '#editor': function (element, renderer) {
                return true;
            }
        };
        doc.fromHTML($('#render_me').get(0), 15, 15, {
            'width': 170,
            'elementHandlers': specialElementHandlers
        });
        doc.save(fullJobID + '.pdf');

    },

    'click .whichIndex': function() {
        console.log(this.index);
    }
});

Template.viewJob.onCreated(function () {
});

Template.viewJob.onRendered(function () {
    var clipboard = new Clipboard('.btn-copy-link');
    var self = this;
    this.autorun(function () {
        // hack to force the autorun to reevaluate
        Template.currentData();

        // onRendered code...
        Meteor.call('setJobOpen', fullJobID, Meteor.user().emails[0].address, parentID);
    });

    $('#textArea.editable').editable({
        success: function (response, newValue) {
            Jobs.update(
                {"_id": parentID},
                {
                    "$set": {
                        'notes.$.title': newValue
                    }
                }
            )
        }
    })
});