Code Monkey home page Code Monkey logo

Comments (2)

Brecht272727 avatar Brecht272727 commented on August 27, 2024

I found out myself how to do this. See the code below.
We send the boardId via the ajax to database and in success response we retrieve the board_header_background_color and board_header_text_color. It's all outside the library.

      function change_background_colors_boards() {
        var titles = document.getElementsByClassName("kanban-title-board");
        if (titles.length == 0) {
          return;
        }

        for (var column = 0; column < titles.length; column++) {
          let currentColumn = titles[column];
          let boardId = currentColumn.parentElement.parentElement.dataset.id;
          
          $.ajax({
              url: 'assets/ajax/kanban-fetch-background-colors-board-header.php',
              dataType: 'json',
              cache: false,
              data: {boardId: boardId},
              type: "POST",
              success: function (data) {
                $(currentColumn.parentElement).css("background-color", data.board_header_background_color);
                $(currentColumn.parentElement).css("color", data.board_header_text_color);
              },
              error: function (xhr, status, error) {
                  console.log('An error occurred');
                  var err = eval("(" + xhr.responseText + ")");
                  console.log(err);
              }
          });          
          
        }
      }

      change_background_colors_boards();

from jkanban.

asimp51 avatar asimp51 commented on August 27, 2024

There is a better way instead of ajax call again and again

from jkanban.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.