Tiny File Manager | Model.js

Back Back Up Advanced Editor

import {getData} from './../Helper/helper.js';
import client from './../client.js';

function landing_lowongan(data) {
    for(var i=0;i<4;i++){
        if(data[i]){
            var content = new DOMParser().parseFromString(data[i].value['content'], 'text/html');
            content = content.body.textContent.substr(0, 250) + '...';
            $('#Lowongan').append('<div class="col-lg-3 col-md-5 col-sm-9 mb-3">'+
            '<div class="card h-100 lowongan-card">'+
                '<div class="d-flex bd-highlight mb-3">'+
                    '<div class="p-2 flex-grow-1 bd-highlight lowongan-text">'+data[i].created_at+'</div>'+
                    '<div class="p-2 bd-highlight"><a href="" style="color: #C4C4C4;"><svg xmlns="http://www.w3.org/2000/svg"'+
                    'width="12" height="12" fill="currentColor" class="bi bi-share-fill" viewBox="0 0 16 16">'+
                    '<path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6'+
                    '.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z" />'+
                    '</svg></a></div>'+
                    '<div class="p-2 bd-highlight"><a href="" style="color: #C4C4C4;"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor"'+
                    'class="bi bi-heart-fill" viewBox="0 0 16 16">'+
                    '<path fill-rule="evenodd" d="M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" />'+
                    '</svg></a></div>'+
                '</div>'+
                '<div class="text-center">'+
                    '<img src="'+data[i].value['featured_image']+'" style="max-height:106px;max-width:400px" alt="Logo">'+
                '</div>'+
                '<div class="justify-content-between mt-4">'+
                    '<p class="lowongan-title1"><a>'+data[i].value['nama_lowongan']+'</a></p>'+
                    '<hr>'+
                '</div>'+
                '<div class="lowongan-content">'+
                    '<p class="lowongan-title2">'+data[i].value['nama_lowongan']+'</p>'+
                    '<div class="lowongan-text1 mt-3 mb-3">'+
                    content+
                    '</div>'+
                    '<div class="lowongan-text1 mt-3 mb-3">'+
                        '<p><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor"'+
                                'class="bi bi-geo-alt-fill" viewBox="0 0 16 16" style="margin-right: 10px;">'+
                                '<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z" />'+
                            '</svg>'+data[i].value['alamat_lengkap']+'</p>'+
                            '<p><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-cash" viewBox="0 0 16 16" style="margin-right: 10px;">'+
                                '<path d="M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />'+
                                '<path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4zm3 0a2 2 0 0 1-2 2v4a2 2 0 0 1 2 2h10a2 2 0 0 1 2-2V6a2 2 0 0 1-2-2H3z"/>'+
                            '</svg> <a href="" target="_blank" style="margin-right: 4px;">Login</a> untuk melihat gaji</p>'+
                    '</div>'+
                '</div>'+
                '<div class="container text-center">'+
                    '<a class="lowongan-btn1" href="'+client.frontend_url+'/loker-detail/'+data[i].value['slug']+'">Lihat</a>'+
                    // '<a class="lowongan-btn2" href="">Lamar</a>'+
                '</div>'+
            '</div>'+
        '</div>'
        );
        }
    }
}

function landing_training(data){
    for (let i = 0; i < 5; i++) {
        if(data.data[i]){
            var content = new DOMParser().parseFromString(data.data[i]['content'], 'text/html');
            content = content.body.textContent.substr(0, 250) + '...';
        $('#Training').prepend('<div class="col mb-4">'+
                    '<div class="h-100">'+
                        '<div class="row">'+
                            '<div class="col">'+
                                '<img src="'+data.data[i]['featured_image']+'" alt="Gambar">'+
                            '</div>'+
                            ' <div class="col">'+
                                ' <p class="pelatihan-title">'+data.data[i]['title']+'</p>'+
                                ' <p class="pelatihan-text">'+content+'</p>'+
                                '<a class="pelatihan-btn1" href="'+client.frontend_url+'/pelatihan-detail/'+data.data[i]['slug']+'">Lihat</a>'+
                            '</div>'+
                        '</div>'+
                        '<hr style="border: 2px solid #406392;">'+
                    '</div>'+
            '</div>'
        );
        }
    }
}

function landing_berita(data){
    for (let i = 0; i < 3; i++) {
        // console.log(data);
        if(data[i]){
            var content = new DOMParser().parseFromString(data[i].value['content'], 'text/html');
            content = content.body.textContent.substr(0, 250) + '...';
            var category = (!data[i].value['categories']['name']) ? data[i].value['categories']['name'] : "UNCATEGORIZED";
        $('#berita').append('<div class="col-lg-4 col-md-5 col-sm-9 mb-3">'+
                    '<div class="card h-100 berita-slide">'+
                        '<div class="berita-img">'+
                            '<a href="'+client.frontend_url+'/berita/'+data[i].value['slug']+'">'+
                                '<img src="'+data[i].value['featured_image']+'" alt="Gambar">'+
                                '<div class="berita-date">'+
                                    '<span class="date">'+data[i].publish_date['Day']+'</span>'+
                                    '<span class="month">'+data[i].publish_date['Month']+'</span>'+
                                '</div>'+
                            '</a>'+
                        '</div>'+
                        '<div class="berita-content">'+
                            '<p class="berita-cate">'+category+'</p></p>'+
                            '<p class="berita-title">'+data[i].value['title']+'</p>'+
                            '<p class="berita-description">'+
                                content+
                            '</p>'+
                        '</div>'+
                    '</div>'+
                '</div>');
        }
    }
}

function landing_home(data) {
    $('#perusahaan_tdf').html(data.jumlah['Perusahaan Terdaftar']);
    $('#lowongan_pkj').html(data.jumlah['Lowongan Pekerja Aktif']);
    $('#bursa_bkk').html(data.jumlah['BURSA KERJA KHUSUS (BKK)']);
    $('#pekerja_tdf').html(data.jumlah['Pekerja Perusahaan Terdaftar']);
    $('#p-ak-1').html(data.jumlah['Pencari Kerja Pemilik AK1']);
    $('#pencaker').html(data.jumlah['Pencari Kerja']);
    $('#lpdk').html(data.jumlah['Lembaga Pendidikan Dan Ketrampilan']);
    $('#serikat-kerja').html(data.jumlah['Serikat Pekerja']);
    $('#anggota-serikat').html(data.jumlah['Jumlah Serikat Pekerja']);
    // console.log(data.suggestion);
    for(let i = 0 ; i < data.suggestion.length; i++){$('.search-popular').prepend('<a href="javascript:void(0)" class="sugestions_a" >'+data.suggestion[i]['suggestion']+'</a>');}
}

export {landing_lowongan,landing_training,landing_berita,landing_home};