MMM-GoogleTasks.js

Module.register("MMM-GoogleTasks", {
  // Default module config.
  defaults: {
    listID: "", // List ID (see authenticate.js)
    maxResults: 10,
    showCompleted: false, //set showCompleted and showHidden true
    ordering: "myorder", // Order by due date, title, updated timestamp or by 'my order'
    dateFormat: "MMM Do", // Format to display dates (moment.js formats)
    updateInterval: 10000, // Time between content updates (millisconds)
    animationSpeed: 2000, // Speed of the update animation (milliseconds)
    tableClass: "small" // Name of the classes issued from main.css

    // Pointless for a mirror, not currently implemented
    /* 
    dueMax: "2040-07-11T18:30:00.000Z", // RFC 3339 timestamp 
    dueMin: "1970-07-11T18:30:00.000Z", // RFC 3339 timestamp 
    completedMax: "2040-07-11T18:30:00.000Z", //only if showCompleted true (RFC 3339 timestamp)
    completedMin: "1970-07-11T18:30:00.000Z", //only if showCompleted true (RFC 3339 timestamp)
    */
  },

  // Define required scripts
  getScripts: function () {
    return ["moment.js"];
  },

  // Define required scripts.
  getStyles: function () {
    return ["font-awesome.css", "MMM-GoogleTasks.css"];
  },

  // Define start sequence
  start: function () {
    Log.info("Starting module: " + this.name);
    this.tasks;
    this.loaded = false;
    if (!this.config.listID) {
      Log.log("config listID required");
    } else {
      this.sendSocketNotification("MODULE_READY", {});
    }

    // API requies completed config settings if showCompleted
    if (!this.config.showCompleted) {
      // delete this.config.completedMin;
      // delete this.config.completedMax;
    } else {
      this.config.showHidden = true;
    }
  },

  socketNotificationReceived: function (notification, payload) {
    if (notification === "SERVICE_READY") {
      this.sendSocketNotification("REQUEST_UPDATE", this.config);

      // Create repeating call to node_helper get list
      setInterval(function () {
        this.sendSocketNotification("REQUEST_UPDATE", this.config);
      }, this.config.updateInterval);

      // Check if payload id matches module id
    } else if (
      notification === "UPDATE_DATA" &&
      payload.id === this.config.listID
    ) {
      // Handle new data
      this.loaded = true;
      if (payload.items) {
        this.tasks = payload.items;
        this.updateDom(this.config.animationSpeed);
      } else {
        this.tasks = null;
        Log.info("No tasks found.");
        this.updateDom(this.config.animationSpeed);
      }
    }
  },

  getDom: function () {
    let wrapper = document.createElement("div");
    wrapper.className = "container ";
    wrapper.className += this.config.tableClass;

    if (!this.tasks) {
      wrapper.innerHTML = this.loaded ? "EMPTY" : "LOADING";
      wrapper.className = this.config.tableClass + " dimmed";
      return wrapper;
    }

    // Sort attributes like they are shown in the Tasks app
    switch (this.config.ordering) {
      case "myorder":
        let temp = [];
        this.tasks
          .filter((task) => task.parent === undefined) // Filter tasks to only parent tasks
          .sort((a, b) => (a.position > b.position ? 1 : -1)) // Sort parent tasks by position
          .forEach((task) => {
            // Map over parents to create reordered list of tasks
            temp.push(task);

            // Loop through all tasks to find and sort subtasks for each parent
            let subList = [];
            this.tasks.map((subtask) => {
              if (subtask.parent === task.id) {
                subList.push(subtask);
              }
            });
            subList.sort((a, b) => (a.position > b.position ? 1 : -1));
            temp.push(...subList);
          });
        this.tasks = temp;
        break;

      case "due":
      case "title":
      case "updated":
        this.tasks = this.tasks.sort((a, b) =>
          a[this.config.ordering] > b[this.config.ordering] ? 1 : -1
        );
        break;
    }

    let titleWrapper, dateWrapper, noteWrapper;

    this.tasks.forEach((item, index) => {
      titleWrapper = document.createElement("div");
      titleWrapper.className = "item title";
      titleWrapper.innerHTML =
        '<i class="fa fa-circle-thin" ></i>' + item.title;

      // If item is completed change icon to checkmark
      if (item.status === "completed") {
        titleWrapper.innerHTML = '<i class="fa fa-check" ></i>' + item.title;
      }

      if (item.parent) {
        titleWrapper.className = "item child";
      }

      if (item.notes) {
        noteWrapper = document.createElement("div");
        noteWrapper.className = "item notes light";
        noteWrapper.innerHTML = item.notes.replace(/\n/g, "<br>");
        titleWrapper.appendChild(noteWrapper);
      }

      dateWrapper = document.createElement("div");
      dateWrapper.className = "item date light";

      if (item.due) {
        let date = moment(item.due);
        dateWrapper.innerHTML = date.utc().format(this.config.dateFormat);
      }

      // Create borders between parent items
      if (index < this.tasks.length - 1 && !this.tasks[index + 1].parent) {
        titleWrapper.style.borderBottom = "1px solid #666";
        dateWrapper.style.borderBottom = "1px solid #666";
      }

      wrapper.appendChild(titleWrapper);
      wrapper.appendChild(dateWrapper);
    });

    return wrapper;
  }
});