archive 14/06/2022

PHOTO

Tue Jun 14 2022 09:55:42 GMT+0000 (Coordinated Universal Time)

function renderIndexStudentAbsence2(data, total_non_daily) {
            html = "";
            totalData = 0;
            statusPresence = "";
            studentGroupOrCounselor = "";
            studentGroupName = "";
            totalDataGroup = Object.keys(data).length;
            if (totalDataGroup === 1) {
                studentGroupName = '|' + Object.keys(data).pop();
            }
            html += `
                <div class="table-responsive table-report-period mt-4">
                    <table class="table">
                        <thead class="no-cell-hover">
                            <tr class="text-left">
                                ${totalDataGroup === 1 ? `` : `<th class="text-left" rowspan="2">${isWikrama === "1" ? `Rayon` : `Rombel`}</th>`}
                                <th class="text-left" rowspan="2">No.</th>
                                <th class="text-left" rowspan="2">Nama</th>
                                <th class="text-center" colspan="2">Absensi Hari Ini</th>
                                ${total_non_daily === 0 ? `` : `<th class="text-center" colspan="4">JP yang Tidak Dihadiri</th>`}
                            </tr>
                            <tr>
                                <th class="text-left">Status</th>
                                <th class="text-left">Keterangan</th>
                                ${total_non_daily === 0 ? `` : `
                                                                <th class="text-left">JP ke-</th>
                                                                <th class="text-left">Status</th>
                                                                <th class="text-left">Pelajaran</th>
                                                                <th class="text-left">Guru Mapel</th>    
                                                                `}
                            </tr>
                        </thead>
                        <tbody class="index-absence-student-loading-destop">`

            $.each(data, function(key, value) {
                totalJp = 0;
                totalNumber = 1;
                totalDaily = value.length;

                let total = value.reduce((val, element) => {
                    return val + element.non_daily.length
                }, 0);

                var rowspanGroup = value.length + total;

                // console.log({
                //     total,
                //     rowspanGroup,
                //     totalDaily
                // });

                $.each(value, function(key, value) {
                    if (value.non_daily.length !== 0) {
                        totalJp = value.non_daily.length;
                    }
                })

                totalDataStudent = value.length;

                if (totalDataStudent > 1) {
                    totalJpFinal = totalJp * totalDataStudent + totalDataStudent;
                } else {
                    totalJpFinal = totalJp * totalDataStudent;
                }

                totalRowGroup = 0;

                if (totalJpFinal === 0) {
                    totalRowGroup = totalDataStudent;
                } else {
                    totalRowGroup = totalJpFinal + 1;
                }

                if (totalDaily === 1) {
                    totalJpValue = 0;
                    $.each(value, function(index, value) {
                        if (value.daily.status === "SICK") {
                            statusPresence = "Sakit";
                        } else if (value.daily.status === "UNKNOWN") {
                            statusPresence = "Alpha";
                        } else {
                            statusPresence = "Izin";
                        }

                        if (isWikrama === "1") {
                            studentGroupOrCounselor =
                                `${value.name} ${value.nis} | ${value.student_group.name}`;
                        } else {
                            studentGroupOrCounselor = `${value.name} ${value.nis}`;
                        }
                        no = index + 1;
                        var lengthMonDaily = value.non_daily.length;
                        var rowspanStudent = lengthMonDaily + 1;
                        html += `
                            <tr>
                            ${totalDataGroup === 1 ? `` : `<td class="text-left align-top" width="90px" rowspan="${rowspanGroup}">${key}</td>`}
                        `
                        html += `
                            <td class="text-right align-top" width="60px" rowspan="${totalJp + 1}">${no++}.</td>
                            <td class="text-left align-top" width="240px" rowspan="${totalJp + 1}">${studentGroupOrCounselor}</td>
                            <td class="text-left align-top" width="75px" rowspan="${totalJp + 1}">${statusPresence}</td>
                            <td class="text-left align-top" width="200px" rowspan="${totalJp + 1}">${value.daily.note === null || value.daily.note === "null" ? `<span class="font-w400 font-13 grey-6">Tidak ada keterangan.</span>` : `<span class="font-w400 font-13 black-1">${value.daily.note}</span>`}</td>
                    `
                        if (total_non_daily !== 0) {
                            if (value.non_daily.length === 0) {
                                html += `
                                    <td class="text-left grey-6" width="60px" colspan="4">Jam pelajaran belum diatur. Hubungi Waka. Kurikulum untuk melakukan pengaturan sehingga guru dapat menginput absen per JP dan laporannya tampil pada halaman ini.</td>
                                `
                            } else {
                                value.non_daily.sort(function(a, b) {
                                    var dateA = parseInt(a.school_hour.order),
                                        dateB = parseInt(b.school_hour.order);
                                    return dateA - dateB;
                                });
                                $.each(value.non_daily, function(key, value) {
                                    statusJp = "";
                                    if (value.status === "SICK") {
                                        statusJp = "Sakit";
                                    } else if (value.status === "UNKNOWN") {
                                        statusJp = "Alpha";
                                    } else {
                                        statusJp = "Izin";
                                    }
                                    html += `
                                    <tr>
                                        <td class="text-left" width="60px">${value.school_hour.order}</td>
                                        <td class="text-left cursor-pointer btn-edit-status-absence" width="75px">${statusJp}</td>
                                        <td class="text-left" width="240px">${value.subject_name}</td>
                                        <td class="text-left" width="240px">${value.teacher}</td>
                                    </tr>
                                `
                                })
                            }
                        }
                        html += `</tr>`
                    })
                } else {
                    html += `<tr>
                            ${totalDataGroup === 1 ? `` : `<td class="text-left align-top" width="90px" rowspan="${rowspanGroup}">${key}</td>`}
                        </tr>`

                    totalJpValue = 0;
                    $.each(value, function(index, value) {
                        if (value.daily.status === "SICK") {
                            statusPresence = "Sakit";
                        } else if (value.daily.status === "UNKNOWN") {
                            statusPresence = "Alpha";
                        } else {
                            statusPresence = "Izin";
                        }

                        if (isWikrama === "1") {
                            studentGroupOrCounselor =
                                `${value.name} ${value.nis} | ${value.student_group.name}`;
                        } else {
                            studentGroupOrCounselor = `${value.name} ${value.nis}`;
                        }
                        no = index + 1;

                        var lengthMonDaily = value.non_daily.length;
                        var rowspanStudent = lengthMonDaily + 1;

                        if (value.non_daily.length === 0) {
                            html += `
                                <tr>
                                    <td class="text-right align-top" width="60px">${no++}.</td>
                                    <td class="text-left align-top" width="240px">${studentGroupOrCounselor}</td>
                                    <td class="text-left align-top" width="75px">${statusPresence}</td>
                                    <td class="text-left align-top" width="200px">${value.daily.note === null || value.daily.note === "null" ? `<span class="font-w400 font-13 grey-6">Tidak ada keterangan.</span>` : `<span class="font-w400 font-13 black-1">${value.daily.note}</span>`}</td>
                            `
                            if (total_non_daily !== 0) {
                                html += `
                                    <td class="text-left grey-6" width="60px" colspan="4">Jam pelajaran belum diatur. Hubungi Waka. Kurikulum untuk melakukan pengaturan sehingga guru dapat menginput absen per JP dan laporannya tampil pada halaman ini.</td>
                                </tr>
                                `
                            }
                        } else {
                            html += `
                                <tr>
                                    <td class="text-right align-top" width="60px" rowspan="${totalJp + 1}">${no++}.</td>
                                    <td class="text-left align-top" width="240px" rowspan="${totalJp + 1}">${studentGroupOrCounselor}</td>
                                    <td class="text-left align-top" width="75px" rowspan="${totalJp + 1}">${statusPresence}</td>
                                    <td class="text-left align-top" width="200px" rowspan="${totalJp + 1}">${value.daily.note === null || value.daily.note === "null" ? `<span class="font-w400 font-13 grey-6">Tidak ada keterangan.</span>` : `<span class="font-w400 font-13 black-1">${value.daily.note}</span>`}</td>
                                </tr>
                            `
                            if (total_non_daily !== 0) {
                                if (value.non_daily.length === 0) {
                                    html += `
                                <tr>
                                    <td class="text-left grey-6" width="60px" colspan="4">Jam pelajaran belum diatur. Hubungi Waka. Kurikulum untuk melakukan pengaturan sehingga guru dapat menginput absen per JP dan laporannya tampil pada halaman ini.</td>
                                </tr>
                                `
                                } else {
                                    value.non_daily.sort(function(a, b) {
                                        var dateA = parseInt(a.school_hour.order),
                                            dateB = parseInt(b.school_hour.order);
                                        return dateA - dateB;
                                    });
                                    $.each(value.non_daily, function(key, value) {
                                        statusJp = "";
                                        if (value.status === "SICK") {
                                            statusJp = "Sakit";
                                        } else if (value.status === "UNKNOWN") {
                                            statusJp = "Alpha";
                                        } else {
                                            statusJp = "Izin";
                                        }
                                        html += `
                                            <tr>
                                                <td class="text-left" width="60px">${value.school_hour.order}</td>
                                                <td class="text-left cursor-pointer btn-edit-status-absence" width="75px">${statusJp}</td>
                                                <td class="text-left" width="240px">${value.subject_name}</td>
                                                <td class="text-left" width="240px">${value.teacher}</td>
                                            </tr>
                                        `
                                    })
                                }
                            }
                        }

                    })
                }
            })

            html += `
                    </tbody>
                </table>
            </div>
            `


            $('#name-student-group').html(studentGroupName);
            return html;
        }

COPY

Save snippets that work from anywhere online with our extensions

Comments

ARCHIVE

@GodFather

costume-bank-preparation archive 14/06/2022 pagination archive (15/06/2022)

#html #javascript #nodejs

How to Save HTML Form Data in JSON - Express

<form action="/new" method="post">
 
  <input name="title" type="text">
  <input name="description" type="text">
  <button type="submit">Submit Form</button>
 
</form>

> More steps

#javascript

Get URL and URL Parts in JavaScript

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname + window.location.search

#javascript

Add event listener to multiple buttons with the same class

    btns = document.getElementsByClassName("saveBtn");
    for (var i = 0; i < btns.length; i++) {
        btns[i].addEventListener("click", function () {
			//Add function here
        });
    }

#javascript

Replace Textarea with Codemirror editor

<link rel="stylesheet" type="text/css" href="plugin/codemirror/lib/codemirror.css">

<body>
	<textarea class="codemirror-textarea"></textarea>
</body>

<script>

$(document).ready(function(){
    var codeText = $(".codemirror-textarea")[0];
    var editor = CodeMirror.fromTextArea(codeText, {
        lineNumbers : true
    });
});

</script>

<script type="text/javascript" src="plugin/codemirror/lib/codemirror.js"></script>

#javascript #nodejs #commandline

HTTPS Redirect in Nodejs

npm install heroku-ssl-redirect

> More steps

#javascript #nodejs

Save to MongoDB without Duplicates Using Mongoose

var mongoose = require('mongoose');
var Schema = mongoose.Schema;

const exampleSchema = new Schema({
    title: { type: String , required: true},
    content: [{type: String}]
});


var Example = mongoose.model('Example', exampleSchema);
module.exports = Example;

> More steps

#html #javascript #jsfunctions #dom #dommanipulation

getAttribute() - how to get the value of any attribute of HTML element

<html>

<input id="contact" name="address">

<script>

    var x = document.getElementById("contact").getAttribute('name');

</script>

</html>

#javascript

Full Stack Developer

function full_stack_developer() {
    full_stack_developer();
}

#javascript #javascript #functions #parameters

Required Parameters for Functions in JavaScript

 const isRequired = () => { throw new Error('param is required'); };

const hello = (name = isRequired()) => { console.log(`hello ${name}`) };

// These will throw errors
hello();
hello(undefined);

// These will not
hello(null);
hello('David');
The idea here is that it uses default parameters, like how the b parameter here has a default if you don’t send it anything:
function multiply(a, b = 1) {
  return a * b;
}

#javascript

3 Ways To Detect Selenium Bots Using Javascript - CodingTutz

if (navigator.webdriver) {
    document.body.innerHTML = "This is a Bot";
}

#javascript

Copy Text to Clipboard with Line Breaks

function copyToClipboard(){

    var codeToBeCopied = document.getElementById('code-snippet').innerText;
    var emptyArea = document.createElement('TEXTAREA');
    emptyArea.innerHTML = codeToBeCopied;
    const parentElement = document.getElementById('post-title');
    parentElement.appendChild(emptyArea);

    emptyArea.select();
    document.execCommand('copy');

    parentElement.removeChild(emptyArea);
    M.toast({html: 'Code copied to clipboard'})

    }

#javascript #promises #howto

How to Get the Domain From A URL Using Javascript

var url = "http://scratch99.com/web-development/javascript/";
var urlParts = url.replace('http://','').replace('https://','').split(/[/?#]/);
var domain = urlParts[0];

#javascript

Mapping an Object

const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

#javascript #jquery

jQuery.post() - AJAX for post requests

$.ajax({
  type: "POST",
  url: url,
  data: data,
  success: success,
  dataType: dataType
});

#javascript

How to store fetch response in javascript variable - Stack Overflow

async function fun() {
  return fetch('https://jsonplaceholder.typicode.com/todos/1').then(res => res.json());
}

const data  = await fun();

archive 14/06/2022

Save snippets that work from anywhere online with our extensions

Comments

More like this

ARCHIVE

Browse more snippets >>

archive 14/06/2022

Save snippets that work from anywhere online with our extensions

Comments

More like this

ARCHIVE

Browse more snippets >>

Embed code snippet