Skip to content

Instantly share code, notes, and snippets.

@numlock1052

numlock1052/humhub-javascript-task-number.md

Last active November 4, 2023 05:52
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save numlock1052/1fcfa42ac5b8ecc5768de6913cd39ba8 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save numlock1052/1fcfa42ac5b8ecc5768de6913cd39ba8 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. numlock1052 revised this gist Nov 4, 2023. 1 changed file with 13 additions and 0 deletions.
    13 changes: 13 additions & 0 deletions humhub-javascript-task-number.md
    View file
    Original file line number Diff line number Diff line change
    @@ -8,6 +8,19 @@ To use this script open your HumHub with admin rights and go to:
    Inside the "HTML tracking code" copy paste this code :

    ```html
    <style>
    .thumbnail {
    margin: 25px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    min-height: 300px;
    }
    .img-profile-header-background {
    height: 100px!important;
    }
    .profile-user-photo-container {
    display: none;
    }
    </style>
    <script>
    (() => {
    // Version 1.0.1
  2. numlock1052 revised this gist Sep 15, 2023. 1 changed file with 61 additions and 45 deletions.
    106 changes: 61 additions & 45 deletions humhub-javascript-task-number.md
    View file
    Original file line number Diff line number Diff line change
    @@ -10,14 +10,27 @@ Inside the "HTML tracking code" copy paste this code :
    ```html
    <script>
    (() => {
    // Version 1.0.1
    const DEBUG = true;
    const _debug = (...args) => {
    if (DEBUG) console.log(...args);
    };
    const getId = (url) => {
    var id = undefined;
    url.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    return id;
    };
    const setListTaskNumber = () => {
    // Addstatistic Task-%number% for every task in the list : /index.php?r=tasks%2Flist
    // Add Task-%number% for every task in the list : /index.php?r=tasks%2Flist
    var elements = document.querySelectorAll(".task-list-item");
    if (elements) {
    var tasks = [].slice.call(elements);
    @@ -43,14 +56,7 @@ Inside the "HTML tracking code" copy paste this code :
    tasks.forEach((element) => {
    var url = element.getAttribute("data-task-url");
    if (url && url.indexOf("/index.php?r=tasks%2Ftask%2Fview&id=") > -1) {
    var id = undefined;
    url.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    var id = getId(url);
    var heading = element.querySelector(".media-heading");
    if (heading && heading.innerHTML.indexOf("<b>Task-") === -1) {
    _debug("setListActivyTaskNumber");
    @@ -62,34 +68,31 @@ Inside the "HTML tracking code" copy paste this code :
    }
    };
    function setTaskNumberProgressionEdition() {
    const setTaskNumberProgressionEdition = () => {
    // Add Task-%number% in detail of task : /index.php?r=tasks%2Ftask%2Fview&id
    var elements = document.querySelectorAll('button[data-action-click="task.changeState"]');
    if (elements) {
    var buttons = [].slice.call(elements);
    if (buttons && Array.isArray(buttons)) {
    buttons.forEach((element) => {
    var url = element.getAttribute("data-action-click-url");
    if (url && url.indexOf("/index.php?r=tasks%2Ftask%2Fproceed&id=") > -1) {
    var id = undefined;
    url.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    if (
    url &&
    (url.indexOf("/index.php?r=tasks%2Ftask%2Fproceed&id=") > -1 ||
    url.indexOf("/index.php?r=tasks%2Ftask%2Frevert&id=") > -1)
    ) {
    var id = getId(url);
    var text = document.querySelector(".task-head").querySelector("strong").childNodes[1];
    var task = [" Task-", id, " / "].join("");
    if (text && text.data.indexOf(task) === -1) {
    if (id && text && text.data.indexOf(task) === -1) {
    _debug("setTaskNumberProgressionEdition");
    text.data = [task, text.data].join("");
    }
    }
    });
    }
    }
    }
    };
    const setTaskNumberActualityAndGlobalView = () => {
    // Add Task-%number% in the dashboard view : /index.php?r=dashboard%2Fdashboard
    @@ -98,23 +101,18 @@ Inside the "HTML tracking code" copy paste this code :
    var tasks = [].slice.call(elements);
    if (tasks && Array.isArray(tasks)) {
    tasks.forEach((element) => {
    var id = undefined;
    var button = element.querySelector("a.btn");
    var button = element.querySelector("a.btn");
    if (button && button.href.indexOf("/index.php?r=tasks%2Ftask%2Fview&id=") > -1) {
    button.href.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    var id = getId(button.href);
    if (id) {
    var body = element.parentNode.parentNode.parentNode;
    var link = body.querySelector(".media-heading a");
    var task = ["Task-", id, " / "].join("");
    if (link && link.innerText.indexOf(task) === -1) {
    _debug("setTaskNumbeDashboard");
    link.innerText = [task, link.innerText].join("");
    }
    return true;
    });
    }
    var body = element.parentNode.parentNode.parentNode;
    var link = body.querySelector(".media-heading a");
    var task = ["Task-", id, " / "].join("");
    if (link && link.innerText.indexOf(task) === -1) {
    _debug("setTaskNumbeDashboard");
    link.innerText = [task, link.innerText].join("");
    }
    }
    });
    }
    @@ -140,15 +138,8 @@ Inside the "HTML tracking code" copy paste this code :
    return true;
    });
    if (form) {
    var id = undefined;
    form.action.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    if (form && !form.querySelector(".field-task-id")) {
    var id = getId(form.action);
    if (id && form && !form.querySelector(".field-task-id")) {
    _debug("setFormTaskNumber");
    var titleField = form.querySelector(".field-task-title");
    var body = titleField.parentNode;
    @@ -166,12 +157,37 @@ Inside the "HTML tracking code" copy paste this code :
    }
    };
    const setMediaListTaskNumber = () => {
    // Add Task-%number% in the media-list block
    var elements = document.querySelectorAll(".media-list a");
    if (elements) {
    var links = [].slice.call(elements);
    if (links && Array.isArray(links)) {
    links.forEach((link) => {
    if (
    link &&
    link.querySelector("strong") &&
    link.href.indexOf("index.php?r=tasks%2Ftask%2Fview&id=") > -1
    ) {
    var id = getId(link.href);
    var strong = link.querySelector("strong");
    var task = ["Task-", id, " / "].join("");
    if (id && strong && link.innerText.indexOf(task) === -1) {
    strong.innerText = [task, strong.innerText].join("");
    }
    }
    });
    }
    }
    };
    const setAll = () => {
    setListTaskNumber();
    setListActivyTaskNumber();
    setTaskNumberActualityAndGlobalView();
    setTaskNumberProgressionEdition();
    setFormTaskNumber();
    setMediaListTaskNumber();
    };
    const delayedUpdate = () => {
  3. numlock1052 revised this gist Sep 15, 2023. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion humhub-javascript-task-number.md
    View file
    Original file line number Diff line number Diff line change
    @@ -188,5 +188,5 @@ Inside the "HTML tracking code" copy paste this code :
    </script>
    ```

    Related to the product : https://www.humhub.com/en/
    Related to the product : https://www.humhub.com/en/ \
    Tested version 1.14.3 / 15.09.2023
  4. numlock1052 created this gist Sep 15, 2023.
    192 changes: 192 additions & 0 deletions humhub-javascript-task-number.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,192 @@
    <img width="765" alt="image" src="https://user-images.githubusercontent.com/10225601/268234269-1932c1c6-3f12-4a41-b5b6-57f95c810348.png">

    To use this script open your HumHub with admin rights and go to:

    ```
    # Top menu -> Administration -> Settings -> Advanced -> Statistics
    ```
    Inside the "HTML tracking code" copy paste this code :

    ```html
    <script>
    (() => {
    const DEBUG = true;
    const _debug = (...args) => {
    if (DEBUG) console.log(...args);
    };
    const setListTaskNumber = () => {
    // Addstatistic Task-%number% for every task in the list : /index.php?r=tasks%2Flist
    var elements = document.querySelectorAll(".task-list-item");
    if (elements) {
    var tasks = [].slice.call(elements);
    if (tasks && Array.isArray(tasks)) {
    tasks.forEach((element) => {
    var id = element.getAttribute("data-task-id");
    var detail = element.querySelector(".toggleTaskDetails");
    if (detail && detail.innerText.indexOf("Task-") === -1) {
    _debug("setListTaskNumber");
    detail.innerHTML = ["<b>Task-", id, "</b> / ", detail.innerText].join("");
    }
    });
    }
    }
    };
    const setListActivyTaskNumber = () => {
    // Add Task-%number% in the global tasks list : /index.php?r=tasks%2Fglobal
    var elements = document.querySelectorAll("div[data-task-url]");
    if (elements) {
    var tasks = [].slice.call(elements);
    if (tasks && Array.isArray(tasks)) {
    tasks.forEach((element) => {
    var url = element.getAttribute("data-task-url");
    if (url && url.indexOf("/index.php?r=tasks%2Ftask%2Fview&id=") > -1) {
    var id = undefined;
    url.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    var heading = element.querySelector(".media-heading");
    if (heading && heading.innerHTML.indexOf("<b>Task-") === -1) {
    _debug("setListActivyTaskNumber");
    heading.innerHTML = ["<b>Task-", id, "</b> / ", heading.innerText].join("");
    }
    }
    });
    }
    }
    };
    function setTaskNumberProgressionEdition() {
    // Add Task-%number% in detail of task : /index.php?r=tasks%2Ftask%2Fview&id
    var elements = document.querySelectorAll('button[data-action-click="task.changeState"]');
    if (elements) {
    var buttons = [].slice.call(elements);
    if (buttons && Array.isArray(buttons)) {
    buttons.forEach((element) => {
    var url = element.getAttribute("data-action-click-url");
    if (url && url.indexOf("/index.php?r=tasks%2Ftask%2Fproceed&id=") > -1) {
    var id = undefined;
    url.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    var text = document.querySelector(".task-head").querySelector("strong").childNodes[1];
    var task = [" Task-", id, " / "].join("");
    if (text && text.data.indexOf(task) === -1) {
    _debug("setTaskNumberProgressionEdition");
    text.data = [task, text.data].join("");
    }
    }
    });
    }
    }
    }
    const setTaskNumberActualityAndGlobalView = () => {
    // Add Task-%number% in the dashboard view : /index.php?r=dashboard%2Fdashboard
    var elements = document.querySelectorAll(".wall-entry-task");
    if (elements) {
    var tasks = [].slice.call(elements);
    if (tasks && Array.isArray(tasks)) {
    tasks.forEach((element) => {
    var id = undefined;
    var button = element.querySelector("a.btn");
    if (button && button.href.indexOf("/index.php?r=tasks%2Ftask%2Fview&id=") > -1) {
    button.href.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    }
    var body = element.parentNode.parentNode.parentNode;
    var link = body.querySelector(".media-heading a");
    var task = ["Task-", id, " / "].join("");
    if (link && link.innerText.indexOf(task) === -1) {
    _debug("setTaskNumbeDashboard");
    link.innerText = [task, link.innerText].join("");
    }
    });
    }
    }
    };
    const setFormTaskNumber = () => {
    // Add Task-%number% for every task forms (edition popup)
    var elements = document.querySelectorAll("form");
    if (elements) {
    var forms = [].slice.call(elements);
    var form = undefined;
    if (forms && Array.isArray(forms)) {
    forms.every((element) => {
    if (
    element &&
    element.action &&
    element.action.indexOf("/index.php?r=tasks%2Ftask%2Fedit&id=") > -1
    ) {
    form = element;
    return false;
    }
    return true;
    });
    if (form) {
    var id = undefined;
    form.action.split("&").every((element) => {
    if (element.indexOf("id=") === 0) {
    id = element.replace("id=", "");
    return false;
    }
    return true;
    });
    if (form && !form.querySelector(".field-task-id")) {
    _debug("setFormTaskNumber");
    var titleField = form.querySelector(".field-task-title");
    var body = titleField.parentNode;
    var taskIdDiv = document.createElement("DIV");
    taskIdDiv.setAttribute("class", "form-group field-task-id");
    taskIdDiv.innerHTML = [
    '<label class="control-label"><h4>Task number : #<b>',
    id,
    "</b></h4></label>",
    ].join("");
    body.prepend(taskIdDiv);
    }
    }
    }
    }
    };
    const setAll = () => {
    setListTaskNumber();
    setListActivyTaskNumber();
    setTaskNumberActualityAndGlobalView();
    setTaskNumberProgressionEdition();
    setFormTaskNumber();
    };
    const delayedUpdate = () => {
    setTimeout(() => setAll(), 500);
    setTimeout(() => setAll(), 1000);
    };
    $(document).bind("click", () => delayedUpdate());
    $(window).on("popstate", () => delayedUpdate());
    delayedUpdate();
    })();
    </script>
    ```

    Related to the product : https://www.humhub.com/en/
    Tested version 1.14.3 / 15.09.2023