Website SPPD Online Menggunakan Apps Script

1. Copy Spreadsheet (Klik Disini)

2. Pada Spreadsheet yang telah di copy di atas terdapat beberapa sheet yaitu :

sheet login
sheet Data
sheet Pangkat
sheet Rekening
sheet Tanda Tangan
sheet SPJ

3. Buatlah lembar kerja Apps Script dengan cara klik menu Ekstensi/Extensions lalu pilih Apps Script.

4. Pada lembar kerja Apps Script terdapat beberapa file yaitu :

Code.gs
Laporan.gs
SPJ.gs
header.html
login.html
register.html
main.html
formsppd.html
laporan.html
laporanspj.html
sppdkosong.html
datapegawai.html
tandatangan.html
rekeningbelanja.html
visit.html

5. Copy dan pastekan script di bawah ini ke Code.gs

*Untuk Mendapatkan Full Script tanpa password silahkan Klik Disini*

Masukkan Password Untuk Melihat Script (Password ada di dalam video)

//Source Code by : www.javabitpro.com

let MySheets  = SpreadsheetApp.getActiveSpreadsheet();
let LoginSheet  = MySheets.getSheetByName("login");  

function doGet(e) {
  var output = HtmlService.createTemplateFromFile('login');
  
  var sess = getSession();
  if (sess.loggedIn) {
    let page = e.parameter.page;         
    if (page == null) page = "main";     
    var output = HtmlService.createTemplateFromFile(page); 
  }
  return output.evaluate();
}

function includeHeader() {
  return HtmlService.createTemplateFromFile("header.html").evaluate().getContent();
}

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename)
      .getContent();
}

function myURL() {
  return ScriptApp.getService().getUrl();
}

function setSession(session) {
  var sId   = Session.getTemporaryActiveUserKey();
  var uProp = PropertiesService.getUserProperties();
  uProp.setProperty(sId, JSON.stringify(session));
}

function getSession() {
  var sId   = Session.getTemporaryActiveUserKey();
  var uProp = PropertiesService.getUserProperties();
  var sData = uProp.getProperty(sId);
  return sData ? JSON.parse(sData) : { loggedIn: false };
}

function loginUser(pUID, pPassword) {
  if (loginCheck(pUID, pPassword)) {
    var sess = getSession();
    sess.loggedIn = true;
    sess.userId = pUID;  // Simpan ID pengguna ke sesi
    // Cek apakah pengguna adalah admin
    sess.isAdmin = (pUID === 'Admin123' && pPassword === 'Admin123');
    setSession(sess);
    return 'success';
  } else {
    return 'failure';
  }
}
function isUserAdmin() {
  var sess = getSession();
  return sess.isAdmin || false; // Kembalikan status admin
}


function getUserId() {
  var sess = getSession();
  return sess.userId ? sess.userId : '';
}

function logoutUser() {
  var sess = getSession();
  sess.loggedIn = false;
  setSession(sess);
}

function loginCheck(pUID, pPassword) {
  let LoginPass = false;
  let ReturnData = LoginSheet.getRange("A:A").createTextFinder(pUID).matchEntireCell(true).findAll();
  
  ReturnData.forEach(function (range) {
    let StartRow = range.getRow();
    let TmpPass = LoginSheet.getRange(StartRow, 2).getValue();
    if (TmpPass == pPassword) {
      LoginPass = true;
    }
  });

  return LoginPass;
}
function UserRegister(pUID, pPassword, pName) {
  let RetMsg = '';
  let ReturnData = LoginSheet.getRange("A:A").createTextFinder(pUID).matchEntireCell(true).findAll();
  let StartRow = 0;
  ReturnData.forEach(function (range) {
    StartRow = range.getRow();
  });

  if (StartRow > 0) {
    RetMsg = 'danger, User Already Exists';
  } else {
    LoginSheet.appendRow([pUID, pPassword, pName]);  
    RetMsg = 'success, User Successfully Registered'; 
  }

  return RetMsg;
}

function OpenPage(PageName) {
  return HtmlService.createHtmlOutputFromFile(PageName).getContent();
}
//END LOGIN DAN REGISTER

//INPUT DATA
function saveData(formData) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Data');

  if (formData.pengikut.length === 0) {
    // Jika tidak ada pengikut, tetap simpan Nomor, Nama, NIP, Pangkat, dan Jabatan tanpa pengikut
    sheet.appendRow([formData.nomor, formData.nomorsppd, formData.dasar, formData.tingkatbiaya, formData.maksud, formData.alatangkut, formData.asalberangkat, formData.tujuan, formData.tanggalberangkat, formData.tanggalpulang, formData.lamaperjalanan, formData.instansi, formData.jenisSppdDropdown, formData.kegiatanDropdown, formData.subKegiatanDropdown, formData.kodeRekeningDropdown, formData.lainlain, formData.tanggalbuat, formData.nama, formData.nip, formData.pangkat, formData.jabatan, '', '']);
  } else {
    // Simpan Nomor, Nama, NIP, Pangkat, Jabatan di baris pertama dengan pengikut pertama
    var firstRow = [formData.nomor, formData.nomorsppd, formData.dasar, formData.tingkatbiaya, formData.maksud, formData.alatangkut, formData.asalberangkat, formData.tujuan, formData.tanggalberangkat, formData.tanggalpulang, formData.lamaperjalanan, formData.instansi, formData.jenisSppdDropdown, formData.kegiatanDropdown, formData.subKegiatanDropdown, formData.kodeRekeningDropdown, formData.lainlain, formData.tanggalbuat, formData.nama, formData.nip, formData.pangkat, formData.jabatan, formData.pengikut[0].pengikut,formData.pengikut[0].nippengikut,formData.pengikut[0].pangkatpengikut,formData.pengikut[0].jabatanpengikut, formData.pengikut[0].tanggallahir];
    sheet.appendRow(firstRow);

    // Baris berikutnya hanya untuk pengikut dan tanggal lahir, kolom lainnya dikosongkan
    for (var i = 1; i < formData.pengikut.length; i++) {
      sheet.appendRow([formData.nomor, formData.nomorsppd, formData.dasar, formData.tingkatbiaya, formData.maksud, formData.alatangkut, formData.asalberangkat, formData.tujuan, formData.tanggalberangkat, formData.tanggalpulang, formData.lamaperjalanan, formData.instansi,formData.jenisSppdDropdown, formData.kegiatanDropdown, formData.subKegiatanDropdown, formData.kodeRekeningDropdown, formData.lainlain, formData.tanggalbuat, formData.nama, formData.nip, formData.pangkat, formData.jabatan, formData.pengikut[i].pengikut,formData.pengikut[i].nippengikut,formData.pengikut[i].pangkatpengikut,formData.pengikut[i].jabatanpengikut, formData.pengikut[i].tanggallahir]);
    }
  }
}


function getPangkatData() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  var data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 7).getValues(); // Ambil data Nama, NIP, Pangkat, Jabatan, Tanggal Lahir, Instansi
  // Konversi semua data ke string jika ada tanggal
  for (var i = 0; i < data.length; i++) {
    data[i][4] = formatDate(data[i][4]); // Mengonversi tanggal lahir (kolom ke-5) ke string
  }
  return data; // Mengembalikan array data ke client-side
}

function getPengikutNames() {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  var names = sheet.getRange(2, 1, sheet.getLastRow() - 1, 1).getValues(); // Ambil data Nama
  return names.flat(); // Mengembalikan array satu dimensi
}
function getDataByName(name) {
  var sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  var data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 6).getValues(); // Ambil data Nama, NIP, Pangkat, Jabatan, Tanggal Lahir, Instansi
  var result = null;

  data.forEach(row => {
    if (row[0] === name) {
      result = {
        nama: row[0],
        nip: row[1],
        pangkat: row[2],
        jabatan: row[3],
        tanggalLahir: formatDate(row[4])// Pastikan menjadi string
      };
    }
  });
  
  return result; // Kembalikan data sebagai objek
}

function getRekeningData() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Rekening");
  const data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 4).getValues(); // Mengambil data dari kolom A hingga D
  
  return data; // Mengembalikan array berisi data Kegiatan, SubKegiatan, KodeRekening, dan SubRekening
}

//END INPUT DATA

// Fungsi untuk mengubah tipe date menjadi string
function formatDate(date) {
  if (date instanceof Date) {
    return Utilities.formatDate(date, Session.getScriptTimeZone(), "dd-MM-yyyy"); // Format sesuai kebutuhan
  }
  return date; // Kembalikan nilai asli jika bukan tanggal
}

//CRUD Pegawai
// Fungsi untuk mengambil data dari sheet
function getDataPegawai() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  const data = sheet.getDataRange().getValues();
  
  // Mengonversi tanggal ke format string
  return data.slice(1).map(row => {
    // Mengubah tanggal ke string (format: YYYY-MM-DD)
    if (row[4] instanceof Date) {
      const dateString = Utilities.formatDate(row[4], Session.getScriptTimeZone(), "yyyy-MM-dd");
      row[4] = dateString;
    }
    return row;
  });
}
// Fungsi untuk menambahkan data
function addDataPegawai(nama, nip, pangkat, jabatan, tanggalLahir) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  sheet.appendRow([nama, nip, pangkat, jabatan, tanggalLahir]);
  return getDataPegawai(); // Kembali dengan data terbaru
}
// Fungsi untuk mengupdate data
function updateDataPegawai(rowIndex, nama, nip, pangkat, jabatan, tanggalLahir) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  // Jika tanggal lahir adalah string, konversi kembali ke format Date
  const dateValue = new Date(tanggalLahir); // Ubah kembali ke Date jika diperlukan
  sheet.getRange(rowIndex + 2, 1, 1, 5).setValues([[nama, nip, pangkat, jabatan, dateValue]]);
  return getDataPegawai(); // Kembali dengan data terbaru
}
// Fungsi untuk menghapus data
function deleteDataPegawai(rowIndex) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Pangkat');
  sheet.deleteRow(rowIndex + 2); // Menghapus data berdasarkan index
  return getDataPegawai(); // Kembali dengan data terbaru
}

//CRUD Tanda Tangan
// Fungsi untuk mendapatkan data dari sheet Tanda Tangan
function getDataTandaTangan() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Tanda Tangan');
  const data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 7).getValues(); // Mengambil semua data kecuali header
  return data;
}

// Fungsi untuk menambahkan data ke sheet Tanda Tangan
function addDataTandaTangan(jenisTTD, namaTTD, nipTTD, pangkatTTD, jabatanTTD, keteranganTTD1, keteranganTTD2) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Tanda Tangan');
  sheet.appendRow([jenisTTD, namaTTD, nipTTD, pangkatTTD, jabatanTTD, keteranganTTD1, keteranganTTD2]);
  return getDataTandaTangan(); // Mengembalikan data terbaru
}

// Fungsi untuk mengupdate data Tanda Tangan
function updateDataTandaTangan(rowIndex, jenisTTD, namaTTD, nipTTD, pangkatTTD, jabatanTTD, keteranganTTD1, keteranganTTD2) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Tanda Tangan');
  sheet.getRange(rowIndex + 2, 1, 1, 7).setValues([[jenisTTD, namaTTD, nipTTD, pangkatTTD, jabatanTTD, keteranganTTD1, keteranganTTD2]]);
  return getDataTandaTangan(); // Mengembalikan data terbaru
}

// Fungsi untuk menghapus data dari sheet Tanda Tangan
function deleteDataTandaTangan(rowIndex) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Tanda Tangan');
  sheet.deleteRow(rowIndex + 2); // Menghapus baris (indeks + 2 karena header berada di baris pertama)
  return getDataTandaTangan(); // Mengembalikan data terbaru
}

//CRUD Rekening Belanja
// Fungsi untuk mengambil data dari sheet Rekening
function getDataRekening() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Rekening');
  const data = sheet.getRange(2, 1, sheet.getLastRow() - 1, 4).getValues();
  return data;
}

// Fungsi untuk menambah data baru ke sheet Rekening
function addDataRekening(jenisSPPD, kegiatan, subKegiatan, kodeRekening) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Rekening');
  sheet.appendRow([jenisSPPD, kegiatan, subKegiatan, kodeRekening]);
  return getDataRekening(); // Kembali dengan data terbaru
}

// Fungsi untuk mengupdate data di sheet Rekening
function updateDataRekening(rowIndex, jenisSPPD, kegiatan, subKegiatan, kodeRekening) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Rekening');
  sheet.getRange(rowIndex + 2, 1, 1, 4).setValues([[jenisSPPD, kegiatan, subKegiatan, kodeRekening]]);
  return getDataRekening(); // Kembali dengan data terbaru
}

// Fungsi untuk menghapus data dari sheet Rekening
function deleteDataRekening(rowIndex) {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName('Rekening');
  sheet.deleteRow(rowIndex + 2);
  return getDataRekening(); // Kembali dengan data terbaru
}

6. Copy dan pastekan script di bawah ini ke Laporan.gs