Add recipe for Microsoft To Do (#325)

7 files changed, 69 insertions, 0 deletions

diff --git a/recipes/mstodo/README.md b/recipes/mstodo/README.md
new file mode 100644
index 0000000..e806d60
--- /dev/null
+++ b/recipes/mstodo/README.md
@@ -0,0 +1,2 @@
+# mstodo for Ferdi
+This is a Ferdi recipe for Microsoft To-do
diff --git a/recipes/mstodo/icon.png b/recipes/mstodo/icon.png
new file mode 100644
index 0000000..d536f4e
--- /dev/null
+++ b/recipes/mstodo/icon.png
diff --git a/recipes/mstodo/icon.svg b/recipes/mstodo/icon.svg
new file mode 100644
index 0000000..65075d2
--- /dev/null
+++ b/recipes/mstodo/icon.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;">
+    <g transform="matrix(11.125,0,0,11.125,516.839,512.605)">
+        <g transform="matrix(1,0,0,1,-43.5,-35.5)">
+            <clipPath id="_clip1">
+                <rect x="0" y="0" width="87" height="71"/>
+            </clipPath>
+            <g clip-path="url(#_clip1)">
+                <g id="Logo" transform="matrix(1,0,0,1,0,-8)">
+                    <rect id="Bounds" x="0" y="0" width="87" height="87" style="fill:none;"/>
+                    <path id="square" d="M0.258,43.5L17.555,26.203L34.852,43.5L17.555,60.797L0.258,43.5Z" style="fill:url(#_Linear2);"/>
+                    <path id="dash" d="M69.445,8.906L17.555,60.797L34.852,78.094L69.445,43.5L86.742,26.203L69.445,8.906Z" style="fill:url(#_Linear3);"/>
+                </g>
+            </g>
+        </g>
+    </g>
+    <defs>
+        <linearGradient id="_Linear2" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-95.7165,65.6281,-65.6281,-95.7165,86.3668,26.2031)"><stop offset="0" style="stop-color:rgb(28,159,255);stop-opacity:0.5"/><stop offset="1" style="stop-color:rgb(118,94,231);stop-opacity:0.5"/></linearGradient>
+        <linearGradient id="_Linear3" x1="0" y1="0" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-97.6059,55.4635,-55.4635,-97.6059,86.7422,26.0136)"><stop offset="0" style="stop-color:rgb(28,159,255);stop-opacity:1"/><stop offset="1" style="stop-color:rgb(118,94,231);stop-opacity:1"/></linearGradient>
+    </defs>
+</svg>
diff --git a/recipes/mstodo/index.js b/recipes/mstodo/index.js
new file mode 100644
index 0000000..73107f7
--- /dev/null
+++ b/recipes/mstodo/index.js
@@ -0,0 +1,2 @@
+module.exports = Ferdi => class mstodo extends Ferdi {
+};
diff --git a/recipes/mstodo/package.json b/recipes/mstodo/package.json
new file mode 100644
index 0000000..9e9ece5
--- /dev/null
+++ b/recipes/mstodo/package.json
@@ -0,0 +1,13 @@
+{
+  "id": "mstodo",
+  "name": "Microsoft To Do",
+  "version": "1.0.0",
+  "description": "Microsoft To Do",
+  "main": "index.js",
+  "author": "Yoga Setiawan <ariokidev@gmail.com>",
+  "license": "MIT",
+  "config": {
+    "serviceURL": "https://to-do.live.com/tasks/",
+    "hasNotificationSound": true
+  }
+}
diff --git a/recipes/mstodo/service.css b/recipes/mstodo/service.css
new file mode 100644
index 0000000..d129c4f
--- /dev/null
+++ b/recipes/mstodo/service.css
@@ -0,0 +1,6 @@
+/* Insert custom styles you want to insert here */
+.app-wrapper-web .app {
+    width: 100% !important;
+    height: 100% !important;
+    top: 0 !important;
+}
diff --git a/recipes/mstodo/webview.js b/recipes/mstodo/webview.js
new file mode 100644
index 0000000..8f5f0e9
--- /dev/null
+++ b/recipes/mstodo/webview.js
@@ -0,0 +1,24 @@
+"use strict";
+
+var _path = _interopRequireDefault(require("path"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+module.exports = Ferdi => {
+  const getMessages = function getMessages() {
+    const elements = document.querySelectorAll('.taskItem');
+    let count = 0;
+
+    for (let i = 0; i < elements.length; i += 1) {
+      if (elements[i].querySelectorAll('.completed').length === 0) {
+        count += 1;
+      }
+    }
+
+    // set Ferdi badge
+    Ferdi.setBadge(count);
+  };
+
+  Ferdi.loop(getMessages);
+  Ferdi.injectCSS(_path.default.join(__dirname, 'service.css'));
+};