Rianẍa Comments - Answer Overflow

Topics

Rianẍa

KPCKevin Powell - Community

•Created by Rianẍa on 5/29/2024 in #front-end

Grid system

thanks @Chris this works for the 2 columns but I would like to do something that the class .grid is The 'container'. And so I can determine how wide it is based on the other class .col-grid-6. So .col-grid-6 is 50% and for example .col-grid-4 is 33% so column 2 works if I always have 2 columns, but not if I want it differently

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 5/29/2024 in #front-end

Grid system

I gona try tomorow! thx guys

12 replies

KPCKevin Powell - Community

•Created by David on 12/11/2023 in #front-end

Adding a color over an image

the background-blend-mode is indeed only when you use background-image 😉

4 replies

KPCKevin Powell - Community

•Created by David on 12/11/2023 in #front-end

Adding a color over an image

You can use a blend mode. An example:

<figure class="color-overlay">
  <img src=#>
</figure>

<figure class="color-overlay">
  <img src=#>
</figure>

.color-overlay {
  background-color: purple;
 }

.color-overlay img {
  mix-blend-mode: multiply;
/* You can choose other blend modes if you want. Just try en see what you want */
}

.color-overlay {
  background-color: purple;
 }

.color-overlay img {
  mix-blend-mode: multiply;
/* You can choose other blend modes if you want. Just try en see what you want */
}

Hope this is what you want 😉

4 replies

KPCKevin Powell - Community

•Created by Rianẍa on 12/10/2023 in #back-end

include not working

okay then I know 🙂 Thanks! then I can continue

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 12/10/2023 in #back-end

include not working

It works! 😄 Thank you! Can I actually use this path for every file? Regardless of which folder it is in?

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 12/10/2023 in #back-end

include not working

yes I tried but doesn't work

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 12/10/2023 in #back-end

include not working

But I have try every other path. ../ or even the whole path of my directory. And even that would not work?

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 11/5/2023 in #back-end

restore input with km

Anyone?

4 replies

KPCKevin Powell - Community

•Created by Rianẍa on 11/5/2023 in #back-end

restore input with km

This is my part of HTML:

<div class="groepen mt-5">
            <div class="row">
                <div class="col-3">
                    <p class="text-center"><b>A</b></p>
                    <input type="text" id="groep_A selected_date" name="groep_kilometers[A]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>B+</b></p>
                    <input type="text" id="groep_B+ selected_date" name="groep_kilometers[B+]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>B</b></p>
                    <input type="text" id="groep_B selected_date" name="groep_kilometers[B]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>C</b></p>
                    <input type="text" id="groep_C selected_date" name="groep_kilometers[C]" style="width:100%">
                </div>
            </div>
        </div>

<div class="groepen mt-5">
            <div class="row">
                <div class="col-3">
                    <p class="text-center"><b>A</b></p>
                    <input type="text" id="groep_A selected_date" name="groep_kilometers[A]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>B+</b></p>
                    <input type="text" id="groep_B+ selected_date" name="groep_kilometers[B+]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>B</b></p>
                    <input type="text" id="groep_B selected_date" name="groep_kilometers[B]" style="width:100%">
                </div>

                <div class="col-3">
                    <p class="text-center"><b>C</b></p>
                    <input type="text" id="groep_C selected_date" name="groep_kilometers[C]" style="width:100%">
                </div>
            </div>
        </div>

4 replies

KPCKevin Powell - Community

•Created by Rianẍa on 11/5/2023 in #back-end

restore input with km

This is my code:

  function fillDataBasedOnDate() {
    var selectedDate = document.getElementById("selected_date").value;
    var checkboxPrefixes = ["A", "B+", "B", "C"];
    var url = 'ajax_get_data.php?selected_date=' + selectedDate;
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
        data = JSON.parse(xhr.responseText);
        console.log(data); 
            for (var lid_id in data) {
                if (data.hasOwnProperty(lid_id)) {
                    var groepData = data[lid_id];
                    checkboxPrefixes.forEach(function (prefix) {
                        var kilometers = groepData[prefix] && groepData[prefix].kilometers;
                        var checkboxId = 'groep_' + prefix + '_' + lid_id;
                        var checkbox = document.getElementById(checkboxId);
                        if (checkbox) {
                        checkbox.checked = kilometers > 0;
                        } 
                    });
                }
            }
//THIS IS NOT CORRECT
            checkboxPrefixes.forEach(function (prefix) {
                if (groepData[prefix]) {
                    var kilometers = groepData[prefix].kilometers;
                    var kilometersInputId = 'groep_kilometers[' + prefix + ']';
                    var kilometersInput = document.querySelector('input[name="' + kilometersInputId + '"]');
                    if (kilometersInput) {
                        kilometersInput.value = kilometers || '';
                    } else {
                        console.log("Element niet gevonden: " + kilometersInputId);
                    }
                }
            });
        }
    }
    xhr.send();
  }

  function fillDataBasedOnDate() {
    var selectedDate = document.getElementById("selected_date").value;
    var checkboxPrefixes = ["A", "B+", "B", "C"];
    var url = 'ajax_get_data.php?selected_date=' + selectedDate;
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
        data = JSON.parse(xhr.responseText);
        console.log(data); 
            for (var lid_id in data) {
                if (data.hasOwnProperty(lid_id)) {
                    var groepData = data[lid_id];
                    checkboxPrefixes.forEach(function (prefix) {
                        var kilometers = groepData[prefix] && groepData[prefix].kilometers;
                        var checkboxId = 'groep_' + prefix + '_' + lid_id;
                        var checkbox = document.getElementById(checkboxId);
                        if (checkbox) {
                        checkbox.checked = kilometers > 0;
                        } 
                    });
                }
            }
//THIS IS NOT CORRECT
            checkboxPrefixes.forEach(function (prefix) {
                if (groepData[prefix]) {
                    var kilometers = groepData[prefix].kilometers;
                    var kilometersInputId = 'groep_kilometers[' + prefix + ']';
                    var kilometersInput = document.querySelector('input[name="' + kilometersInputId + '"]');
                    if (kilometersInput) {
                        kilometersInput.value = kilometers || '';
                    } else {
                        console.log("Element niet gevonden: " + kilometersInputId);
                    }
                }
            });
        }
    }
    xhr.send();
  }

So the first part is correct, it works. It is the 2nd part that does not correspond to the km

4 replies

KPCKevin Powell - Community

•Created by Rianẍa on 9/23/2023 in #back-end

how can I retrieve the stored data by date

Is there no one that can help me? 🙁

5 replies

KPCKevin Powell - Community

•Created by Rianẍa on 9/23/2023 in #back-end

how can I retrieve the stored data by date

5 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/15/2023 in #back-end

Auto backup DB

cmd.exe /c "C:\xampp\htdocs\TWT_ProjectDev\Twt\backup.sh" >NUL 2>&1

cmd.exe /c "C:\xampp\htdocs\TWT_ProjectDev\Twt\backup.sh" >NUL 2>&1

I added this now. Also the file name is now backup.ps1

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/15/2023 in #back-end

Auto backup DB

and cmd line

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/15/2023 in #back-end

Auto backup DB

 #!/bin/bash

# Databasegegevens
DB_HOST="localhost"
DB_USER="root"
DB_PASSWORD=""
DB_NAME="twt"

# Pad naar de back-updirectory
BACKUP_DIR="/mnt/c/Users/mstep/Documents/BACKUP_Twt"

# Bestandsnaam voor de back-up (voeg de huidige datum toe aan de bestandsnaam)
BACKUP_FILE="$BACKUP_DIR/backup_$(date +%Y%m%d%H%M%S).sql"

# Maak de back-up met mysqldump
mysqldump --host=$DB_HOST --user=$DB_USER --password=$DB_PASSWORD $DB_NAME > $BACKUP_FILE

echo "Database back-up is gemaakt: $BACKUP_FILE"

0 0 * * 0 /bin/bash /mnt/c/Users/mstep/Documents/TWT_ProjectDev/Twt/backup.sh >/dev/null 2>&1

 #!/bin/bash

# Databasegegevens
DB_HOST="localhost"
DB_USER="root"
DB_PASSWORD=""
DB_NAME="twt"

# Pad naar de back-updirectory
BACKUP_DIR="/mnt/c/Users/mstep/Documents/BACKUP_Twt"

# Bestandsnaam voor de back-up (voeg de huidige datum toe aan de bestandsnaam)
BACKUP_FILE="$BACKUP_DIR/backup_$(date +%Y%m%d%H%M%S).sql"

# Maak de back-up met mysqldump
mysqldump --host=$DB_HOST --user=$DB_USER --password=$DB_PASSWORD $DB_NAME > $BACKUP_FILE

echo "Database back-up is gemaakt: $BACKUP_FILE"

0 0 * * 0 /bin/bash /mnt/c/Users/mstep/Documents/TWT_ProjectDev/Twt/backup.sh >/dev/null 2>&1

12 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/9/2023 in #back-end

Multiple dates on one id?

How can I do that? Have you a example?

17 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/9/2023 in #back-end

Multiple dates on one id?

So without specific groep it can switch

17 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/9/2023 in #back-end

Multiple dates on one id?

This must be the list of all riders. The most ride everytime on the same groep. But there are some people that switches of groep

17 replies

KPCKevin Powell - Community

•Created by Rianẍa on 7/9/2023 in #back-end

Multiple dates on one id?

how can i fix this then? I'm a beginner sorry. I already have the membership list

17 replies