WrapLog — Sistem Akuntabilitas Teknisi

Laporan Total Pekerjaan per Layanan Lihat Semua →

Pekerjaan Terbaru Lihat Semua →

Komplain Aktif Lihat Semua →

Produktivitas Teknisi Lihat Semua →

📝 Data Kendaraan & Pekerjaan

Nomor Polisi *

Merek / Model

Warna

Jenis Layanan *

Nama Pelanggan *

No. HP Pelanggan

Alamat Customer

Tempat Pengerjaan

Tanggal Masuk

Tanggal Selesai

Material / Merek Film

Cabang / Tempat Workshop

Nomor Work Order

Daftar cabang hanya dapat diedit oleh Owner/Admin di menu Setelan → Konfigurasi Work Order Generator.

Status Pembayaran

Keterangan Pembayaran

Catatan Khusus

🧩 Daftar Panel — Klik untuk Assign Teknisi

💡Klik salah satu panel di bawah untuk memilih teknisi. Panel yang sudah di-assign ditandai emas. Tidak menemukan bagian yang dicari? Tambahkan panel custom di bawah — cocok untuk pekerjaan di luar mobil/motor standar sesuai permintaan konsumen.

➕ Tambah Panel Custom (bebas, sesuai permintaan konsumen)

🔢 Generator Nomor Work Order

Format: {KodeCabang}{UrutCabang}/{KodeLayanan}{UrutLayanan}/{YYYYMMDD} — contoh: Gs300/Kf54/20260709. Nomor WO otomatis terisi saat "Catat Pekerjaan" bila kolom WO dikosongkan. Kode cabang & layanan bisa diatur di menu Setelan (khusus admin).

Nama Cabang / Workshop

Jenis Layanan

Tanggal Order Masuk

Tgl Masuk	Kendaraan	No. Pol	Pelanggan	Layanan	Status Pembayaran	Panel → Teknisi	Status	Aksi

📊 Laporan Lengkap Workshop — Semua Cabang (Order Terbaru di Atas)

Ditampilkan dari order paling baru masuk ke paling lama, agar order terkini mudah dilacak. Kolom "No" tetap mengikuti nomor urut order sesungguhnya (No. 1 = order tertua). Cocok dipakai sebagai rekap terpusat untuk banyak cabang workshop.

No	Tgl Masuk	Tgl Selesai	Cabang / Workshop	Jenis Kendaraan	No. Pol	Pelanggan	Jenis Pekerjaan	No. WO	Teknisi	Status Pembayaran	Ket. Pembayaran	Revisi 1	Revisi 2	Status Komplain	Keterangan

⚠️ Tambah Komplain

Cari Pekerjaan (Plat / WO / Pelanggan)

📋 Riwayat Komplain

👷 Tambah / Edit Teknisi

Nama Teknisi *

Kode Teknisi (opsional, bebas diatur)

Kode ini murni untuk referensi internal Owner (mis. untuk payroll) dan tidak dipakai sistem — bisa diubah bebas kapan saja.

Spesialisasi

Level

Tipe Teknisi

Pilih "Freelance" untuk teknisi/mitra luar yang dipakai saat workshop penuh order.

No. HP

Alamat (penting untuk freelance agar mudah dihubungi bila ada komplain)

Tanggal Bergabung

Status

PIN Portal Teknisi (4-6 digit)

PIN dipakai teknisi untuk masuk ke Portal Teknisi (update pekerjaan sendiri) tanpa perlu login Owner/Admin. Kosongkan untuk menonaktifkan akses portal teknisi ini. Berlaku juga untuk freelance.

Daftar Teknisi

💡Data di halaman ini sepenuhnya sinkron dengan Portal PPIC (login via link di halaman awal). PPIC dapat mengelola katalog kendaraan, master barang, dan kebutuhan tambahan tanpa perlu login Owner/Admin. Teknisi mencatat pemakaian bahan sendiri lewat Portal Teknisi.

📦 Master Barang / Bahan

🎞️ Stok Roll & Meteran Bahan (PPF, Wrap, Kaca Film, dll)

Untuk bahan yang dibeli per roll (mis. 15 roll @ 15 meter) — setiap roll fisik dilacak terpisah agar sisa meter tiap roll akurat walau sebagian roll sudah terpakai sebagian sementara roll lain masih utuh. Atur "Alert Sisa Minimum per Roll" di form barang agar roll yang hampir habis cepat terdeteksi.

📦 Stok Package (Dus/Box, dll)

Untuk bahan yang dibeli per package/dus/box (mis. 10 dus @ 24 pcs) — setiap package fisik dilacak terpisah agar sisa isi tiap package akurat walau sebagian package sudah terpakai sebagian.

🚘 Katalog Kendaraan & Kebutuhan Bahan per Panel

Master data presisi per SKU kendaraan (merek, model, tahun) beserta kebutuhan & ukuran bahan di tiap panel — mobil, motor, maupun lainnya.

🔍 Cari Kendaraan / Panel (mis. saat menangani komplain per panel)

📝 Kebutuhan Tambahan Manual (Non-Panel)

📜 Riwayat Pemakaian & Mutasi Stok

Tanggal	Waktu	Barang	Tipe	Qty	Kendaraan/Panel	Dicatat Oleh	Catatan

🔍 Lacak Pertanggungjawaban — Siapa yang Mengerjakan Panel Ini?

Nomor Polisi / No. WO

Nama Teknisi

Panel

Dari Tanggal

Sampai Tanggal

📦 Staff PPIC (Akses Portal Bahan)

💡Staff PPIC login mandiri via Portal PPIC (link di halaman awal) menggunakan Nama + PIN, terpisah dari akun Owner/Admin. Mereka hanya bisa mengelola data bahan & katalog kendaraan — tidak melihat data keuangan/akun.

Nama Staff PPIC *

No. HP

Status

PIN Portal PPIC (4-6 digit)

🔑 Akun Saya & Manajemen Owner/Admin

🔒Masukkan password Anda saat ini untuk membuka pengaturan akun.

Password Anda Saat Ini

⚠️ Ini proteksi dasar sisi-klien saja (kredensial tersimpan di browser ini), bukan autentikasi server yang aman.

🔢 Konfigurasi Work Order Generator (Khusus Admin)

🔒Masukkan password admin saat ini untuk membuka konfigurasi kode cabang & layanan.

Password Admin Saat Ini

🔌 Koneksi Server Cabang (Cloudflare D1) — Real-time & Privasi Antar Cabang

💡Setiap perangkat (Admin/PPIC/Teknisi) dihubungkan pakai 1 Kode Akses: Kode Akses Cabang (khusus 1 cabang) atau Kode Akses Owner/Master (melihat semua cabang). Batasan ini ditegakkan oleh server (Cloudflare Worker + D1) — bukan cuma disembunyikan di layar — sehingga 1 cabang benar-benar tidak bisa melihat data cabang lain. Lihat panduan setup Worker & D1 terpisah untuk mendapatkan URL Worker-nya.

URL Worker (Backend Cloudflare)

Kode Akses (Cabang / Owner)

Aktifkan Sinkronisasi Real-time di perangkat ini ⚪ Sinkron Nonaktif

Setelah terhubung, nyalakan sakelar ini di setiap perangkat cabang. Perubahan data (pekerjaan, komplain, teknisi, inventory) otomatis tersinkron ±6 detik ke/dari server — tanpa perlu klik Upload manual dan tanpa saling menimpa data cabang lain.

📤 Google Sheets — Backup Rekap Lengkap (Khusus Owner)

⚠️Sebaiknya hanya dipakai perangkat Owner (datanya sudah berisi gabungan SEMUA cabang lewat Kode Akses Owner di atas). Jika dipakai perangkat cabang biasa, yang ter-upload hanya rekap cabang itu saja dan akan MENIMPA sheet backup yang sama.

💡Buat Google Apps Script Web App dari Spreadsheet Anda (Extensions → Apps Script), tempel kode di bawah, lalu Deploy → New deployment → Web app dengan Execute as "Me" dan Who has access "Anyone". Tempel URL hasil deploy (harus diakhiri /exec) di kolom bawah. Fitur ini terpisah dari Sinkronisasi Real-time Cloudflare D1 di atas — dipakai khusus untuk backup rekap manual berupa spreadsheet yang enak dibaca Owner.

⚠️Sering terlewat: setiap kali kode Apps Script diubah, Anda harus membuat versi deployment baru (Deploy → Manage deployments → Edit ✎ → Version: New version → Deploy). Jika tidak, Apps Script masih menjalankan kode lama dan upload akan gagal.

✅Backend kini mendukung 2 mode sekaligus di URL yang sama: mode Sync (real-time per-record, otomatis) dan mode Backup (rekap lengkap per-sheet: Jobs, Complaints, Technicians, Inventory, dst — dipakai tombol "Upload Sekarang"). PIN Portal Teknisi & PIN Portal PPIC tidak pernah ikut terkirim di kedua mode.

URL Web App Google Apps Script

Kode Apps Script (tempel di editor Apps Script pada Spreadsheet Anda, lalu Deploy sesuai petunjuk di atas):

/* ======================================================================
   WRAPLOG — BACKEND REAL-TIME (Apps Script Web App)
   Mendukung 2 mode sekaligus di endpoint yang sama:
   1) MODE SYNC (real-time, per-record)     : dipakai otomatis oleh WrapLog
      setiap ada perubahan data, agar semua cabang saling melihat perubahan
      dalam hitungan detik tanpa saling menimpa data cabang lain.
   2) MODE BACKUP (rekap lengkap, seperti sebelumnya): dipakai tombol
      "Upload Sekarang" untuk membuat salinan rapi per-sheet (Jobs,
      Complaints, dst) yang enak dibaca manual oleh Owner.
   PIN Teknisi & PIN PPIC TIDAK PERNAH ikut terkirim ke sini.
   ====================================================================== */

function getSyncSheet_() {
  var ss = SpreadsheetApp.getActiveSpreadsheet();
  var sh = ss.getSheetByName('SyncStore');
  if (!sh) {
    sh = ss.insertSheet('SyncStore');
    sh.appendRow(['collection','id','json','updatedAt','deleted']);
    sh.getRange(1,1,1,5).setFontWeight('bold').setBackground('#0F1923').setFontColor('#FFFFFF');
    sh.setFrozenRows(1);
  }
  return sh;
}

function doPost(e) {
  try {
    var data = JSON.parse(e.postData.contents);
    var ss = SpreadsheetApp.getActiveSpreadsheet();

    /* ===== MODE 1: SYNC REAL-TIME (upsert per-record) ===== */
    if (data.__syncPush && Array.isArray(data.__syncPush)) {
      var sh = getSyncSheet_();
      var lastRow = sh.getLastRow();
      var existingMap = {};
      if (lastRow > 1) {
        var vals = sh.getRange(2,1,lastRow-1,2).getValues();
        for (var i=0;i<vals.length;i++){ existingMap[vals[i][0]+'||'+vals[i][1]] = i+2; }
      }
      var now = new Date().toISOString();
      data.__syncPush.forEach(function(c){
        var key = c.collection+'||'+c.id;
        var json = c.deleted ? '' : JSON.stringify(c.data);
        if (existingMap[key]) {
          sh.getRange(existingMap[key],3,1,3).setValues([[json, now, c.deleted?1:0]]);
        } else {
          sh.appendRow([c.collection, c.id, json, now, c.deleted?1:0]);
          existingMap[key] = sh.getLastRow();
        }
      });
      return ContentService.createTextOutput(JSON.stringify({
        status:'OK', mode:'sync', applied:data.__syncPush.length, serverTime:new Date().toISOString()
      })).setMimeType(ContentService.MimeType.JSON);
    }

    /* ===== MODE 2: BACKUP/REKAP LENGKAP (tombol "Upload Sekarang") ===== */
    function writeSheet(name, rows) {
      var sh2 = ss.getSheetByName(name) || ss.insertSheet(name);
      sh2.clearContents();
      if (rows && rows.length) {
        var headers = Object.keys(rows[0]);
        sh2.appendRow(headers);
        sh2.getRange(1, 1, 1, headers.length).setFontWeight('bold').setBackground('#0F1923').setFontColor('#FFFFFF');
        sh2.setFrozenRows(1);
        var out = rows.map(function(r) {
          return headers.map(function(h) {
            var v = r[h];
            return (typeof v === 'object' && v !== null) ? JSON.stringify(v) : v;
          });
        });
        sh2.getRange(2, 1, out.length, headers.length).setValues(out);
        sh2.autoResizeColumns(1, headers.length);
      }
    }
    writeSheet('Jobs', data.jobs || []);
    writeSheet('Detail Panel', data.panelDetail || []);
    writeSheet('Complaints', data.complaints || []);
    writeSheet('Technicians', data.techs || []);
    writeSheet('Inventory', data.invItems || []);
    writeSheet('Roll Bahan', data.invRolls || []);
    writeSheet('Paket Bahan', data.invPackages || []);
    writeSheet('Pemakaian Bahan', data.invMovements || []);
    writeSheet('Katalog Kendaraan', data.vehicleCatalog || []);
    writeSheet('Kebutuhan Tambahan', data.invRequests || []);

    return ContentService.createTextOutput(JSON.stringify({
      status: 'OK', mode:'backup',
      jobs: (data.jobs || []).length,
      panelDetail: (data.panelDetail || []).length,
      complaints: (data.complaints || []).length,
      techs: (data.techs || []).length,
      invItems: (data.invItems || []).length,
      invRolls: (data.invRolls || []).length,
      invPackages: (data.invPackages || []).length,
      invMovements: (data.invMovements || []).length,
      vehicleCatalog: (data.vehicleCatalog || []).length,
      invRequests: (data.invRequests || []).length
    })).setMimeType(ContentService.MimeType.JSON);

  } catch (err) {
    return ContentService.createTextOutput(JSON.stringify({
      status: 'ERROR',
      message: err.message
    })).setMimeType(ContentService.MimeType.JSON);
  }
}

function doGet(e) {
  try {
    var action = (e.parameter.action || 'ping');
    /* ===== Dipakai WrapLog untuk polling perubahan tiap beberapa detik ===== */
    if (action === 'pull') {
      var ss = SpreadsheetApp.getActiveSpreadsheet();
      var sh = ss.getSheetByName('SyncStore');
      var since = e.parameter.since ? new Date(e.parameter.since) : new Date(0);
      var changes = [];
      if (sh && sh.getLastRow() > 1) {
        var vals = sh.getRange(2,1,sh.getLastRow()-1,5).getValues();
        vals.forEach(function(r){
          var updatedAt = new Date(r[3]);
          if (updatedAt > since) {
            changes.push({
              collection: r[0], id: r[1],
              data: r[4] ? null : (r[2] ? JSON.parse(r[2]) : null),
              deleted: !!r[4], updatedAt: r[3]
            });
          }
        });
      }
      return ContentService.createTextOutput(JSON.stringify({
        status:'OK', serverTime:new Date().toISOString(), changes: changes
      })).setMimeType(ContentService.MimeType.JSON);
    }
    return ContentService.createTextOutput(JSON.stringify({
      status: 'OK',
      message: 'WrapLog Realtime Backend aktif. POST untuk kirim data, GET ?action=pull untuk sinkronisasi.',
      serverTime: new Date().toISOString()
    })).setMimeType(ContentService.MimeType.JSON);
  } catch (err) {
    return ContentService.createTextOutput(JSON.stringify({status:'ERROR', message: err.message}))
      .setMimeType(ContentService.MimeType.JSON);
  }
}

💾 Backup & Laporan (Offline)

💡Simpan seluruh data (Pekerjaan, Komplain, Teknisi) sebagai laporan profesional siap-cetak — cocok untuk owner maupun investor. Berguna juga sebagai cadangan bila internet mati atau upload Google Sheets sedang tidak dapat diakses.

🚘 Katalog Kendaraan & Kebutuhan Bahan

🎞️ Kelola Roll

📦 Kelola Package

Assign Teknisi

🧩 Job Parsial — Pilih Panel yang Dikerjakan

Detail Pekerjaan