Aplikasi senyum, anak-anak disini manggil aplikasi surat masuk. Karena di titlenya hanya ada emot :) 

#suratmasuk 
#nice 
#wahyudi

Nyoba editor baru (sebenarnya dulu sudah pernah nyoba), VS Code, Visual Studio Code, review nya banyak yang positif. Malam ini alhamdulillah sudah ketemu solusi compile jsx to js nya. Sepertinya dulu sempat mau pake vs code, tapi karena mentok di extension jsx to js. Akhirnya dengan vs code ini saya tidak menggunakan extension, cukup jalankan command lewat vs code.

berikut capture command nya:

PS D:\development0.2\public\react> babel .\suratmasuk.jsx -d .\
./suratmasuk.jsx -> suratmasuk.js
PS D:\development0.2\public\react>

VSCode rasanya lebih cepat loading awalnya dibandingkan atom editor. Selain itu banyak fitur yang saya rasa lebih memudahkan, misal: biasanya saya selalu FOLD script supaya kelihatan peta kode nya. Di VSCode hal ini difasilitasi dengan fitur "outline", yang memudahkan kita untuk berpindah dari satu blok program ke blok program lainnya.

Fitur berikutnya yang saya pikir sangat membantu adalah warning error yang otomatis muncul saat kita melakukan kesalahan. Misal: saat saya mengedit jsx file, jika ditemukan kesalahan syntax, maka di explorer langsung muncul notif berupa text merah disertai keterangan errornya. Mirip seperti error yang muncul di eclipse/netbeans/android studio saat kita sedang develop java/android, namun vscode jauh lebih ringan tapi tetap powerfull (untuk error deteksi nya).

#alhamdulillah 
#VSCode 
#babel 
#jsx-to-js 
#suratmasuk

"Cari surat yang jatuh temponya hari ini atau sudah lewat"

QUERY:
db.sms.find({"label": {$elemMatch: {"reminder_date": {$lte: "2019-04-15"}}}})

DATA:
{ 
    "_id" : ObjectId("5cac618637abe23de5fbc3d2"), 
    "status" : "active", 
    "time_stamp" : "2019-04-09 17:10:30.5354549 +0800 +08 m=+85715.805921800", 
    "asal" : "KEPALA SEKSI PELAYANAN", 
    "tanggal" : "2019-04-09", 
    "hal" : "Penerusan Permohonan WP NE a.n. MARYATI", 
    "lampiran" : "", 
    "files" : [
        {
            "created_from" : "::1", 
            "nama_file" : "7dzcf_development02.sms.json", 
            "action" : "insert", 
            "by_kodejabatan" : "1-09-07", 
            "by_name" : "HERUDIN", 
            "waktu" : "2019-04-10 10:22:03.3732216 +0800 +08 m=+3015.626155600"
        }, 
        {
            "action" : "insert", 
            "by_kodejabatan" : "1-09-07", 
            "by_name" : "HERUDIN", 
            "waktu" : "2019-04-10 10:39:44.2194074 +0800 +08 m=+4076.499406400", 
            "created_from" : "::1", 
            "nama_file" : "P4v2H_development02.skl.json"
        }
    ], 
    "nomor" : "ND-42NE/WPJ.29/KP.0603/2019", 
    "sifat" : "", 
    "doc_series" : "N3523yDNA", 
    "tag" : {
        "1-09-07" : {
            "createdby_ip" : "10.29.4.99", 
            "to_nama" : "HERUDIN", 
            "to_tanggalditerima" : "2019-04-09", 
            "createdby_time" : "2019-04-09 17:10:30.5354549 +0800 +08 m=+85715.805921800", 
            "to_nomoragenda" : NumberInt(537), 
            "createdby_kodejabatan" : "1-09-07", 
            "createdby_namajabatan" : "Kepala Seksi Waskon I", 
            "createdby_nama" : "HERUDIN", 
            "createdby_iduser" : "iqbyL8aMi", 
            "to_iduser" : "iqbyL8aMi", 
            "to_kodejabatan" : "1-09-07", 
            "to_namajabatan" : "Kepala Seksi Waskon I"
        }, 
        "1-09-07-05" : {
            "createdby_namajabatan" : "Kepala Seksi Waskon I", 
            "createdby_iduser" : "iqbyL8aMi", 
            "to_namajabatan" : "Pelaksana Seksi Waskon I", 
            "createdby_time" : "2019-04-09 17:44:27.0156317 +0800 +08 m=+87752.291242100", 
            "createdby_ip" : "10.29.4.99", 
            "to_iduser" : "KkQDkifgA", 
            "to_nama" : "TIFFANY URWATUL WUTSQO", 
            "to_kodejabatan" : "1-09-07-05", 
            "to_disposisi" : "[\"Selesaikan\"]", 
            "to_catatan" : "Proses sesuai ketentuan", 
            "createdby_kodejabatan" : "1-09-07", 
            "createdby_nama" : "HERUDIN"
        }
    }, 
    "history" : [
        {
            "history_action" : "input", 
            "createdby_kodejabatan" : "1-09-07", 
            "createdby_name" : "HERUDIN", 
            "createdby_time" : "2019-04-09 17:10:30.5354549 +0800 +08 m=+85715.805921800", 
            "createdby_ip" : "10.29.4.99", 
            "data" : {
                "hal" : "Penerusan Permohonan WP NE a.n. MARYATI", 
                "asal" : "KEPALA SEKSI PELAYANAN", 
                "nomor" : "ND-42NE/WPJ.29/KP.0603/2019", 
                "tanggal" : "09/04/2019"
            }
        }
    ], 
    "label" : [
        {
            "by_kodejabatan" : "1-09-07", 
            "by_name" : "HERUDIN", 
            "waktu" : "2019-04-10 09:37:02.9090697 +0800 +08 m=+315.093107700", 
            "created_from" : "::1", 
            "kode_label" : "label_33", 
            "reminder_date" : "2019-04-15", 
            "action" : "insert"
        }
    ], 
    "link" : [
        {
            "waktu" : "2019-04-10 10:26:18.9225707 +0800 +08 m=+3271.182024400", 
            "created_from" : "::1", 
            "doc_series_added" : "vwfemDT0F", 
            "sms_or_skl_added" : "sms", 
            "action" : "insert", 
            "by_kodejabatan" : "1-09-07", 
            "by_name" : "HERUDIN"
        }, 
        {
            "waktu" : "2019-04-10 10:39:12.102827 +0800 +08 m=+4044.382006600", 
            "created_from" : "::1", 
            "doc_series_added" : "8E6kMGVFL", 
            "sms_or_skl_added" : "sms", 
            "action" : "insert", 
            "by_kodejabatan" : "1-09-07", 
            "by_name" : "HERUDIN"
        }
    ]
}

#mongodb #suratmasuk

Bongkar bongkar laptop lagi, kembali ke ingatan satu tahun yang lalu. #project #suratmasuk

Mimpi buruk lebar kolom dan fixed header tabel di surat masuk akhirnya dapat diatasi dengan menggunakan javascript, mimpi buruk selama 2 tahun ini.

function resizeColumnView(){
  // WINDOW
  // 20 adalah perkiraan lebar scroll
  var innerWidth  = window.innerWidth - 20
  $("table#data-view-table").css("width", innerWidth + "px")

  // DEFAULT
  var _nomor_agenda_column = 60
  var _tanggal_column = 80
  var _asal_column = 200
  var _status_column = 100

  // the magic is here, buat kolom dinamis
  var _perihal_column = innerWidth - (_nomor_agenda_column + (_tanggal_column * 3) + (_asal_column * 2) + _status_column) - 18

  // CALCULATE
  // 8 adalah jumlah kolom;
  // 50 adalah toleransi (tergantung selera saja, can be UP or DOWN silakan dicoba-coba saja)
  var nomor_agenda_column = ((innerWidth/8-50) < _nomor_agenda_column ? _nomor_agenda_column : _nomor_agenda_column)
  var tanggal_column = ((innerWidth/8-50) < _tanggal_column ? _tanggal_column : _tanggal_column)
  var asal_column = ((innerWidth/8-50) < _asal_column ? _asal_column : _asal_column)
  var perihal_column = ((innerWidth/8-50) < _perihal_column ? _perihal_column : _perihal_column)
  var status_column = ((innerWidth/8-50) < _status_column ? _status_column : _status_column)

  // SET
  $(".nomor_agenda_column").css("width", nomor_agenda_column + "px")
  $(".tanggal_column").css("width", tanggal_column + "px")
  $(".asal_column").css("width", asal_column + "px")
  $(".perihal_column").css("width", perihal_column + "px")
  $(".status_column").css("width", status_column + "px")

  // MISC
  // console.log(innerWidth + "px")
}

#alhamdulillah #suratmasuk #problemsolved

Sourcecode suratmasuk kini dibuka untuk umum, clone is available via https://bitbucket.org/loubatt/aplikasi_suratmasuk_development #suratmasuk

Refactor aplikasi suratmasuk hari ini sudah sampai menu pencarian (menu yang lain belum). Dari proses ini banyak hal-hal yang pada saat versi awal saya rasa pelik ternyata ada cara mudahnya, mungkin itulah sebabnya refactor kode itu diperlukan. Selain refactor kode, banyak efisiensi juga yang bisa dilakukan. #suratmasuk

Arif Fitriady minta dihapus ND-7/WPJ.29/BD.05/2017. Ane pikir nomer terakhir, ternyata nomer terakhirnya sudah 12 #suratmasuk

suratkeluar_model diubah menjadi case-sensitif, setelah tadi gagal mencari jenis surat yang terdiri dari huruf besar dan huruf kecil, semisal: Und. #suratmasuk

Sementara ini proses migrasi suratmasuk ke material-ui saya pending dulu, ternyata banyak komponennya tidak berjalan sesuai keinginan, terutama pada komponen form. Overall bagus, tapi jika mengganggu form maka ini tidak bisa diterima karena form adalah bagian vital. So, back to materializecss karena menurut saya materializecss lebih mudah di-customize dan ringan, dari beberapa artikel disebutkan juga material-ui performanya lebih "slow", rencana kedepan akan saya gabungkan proses developnya dengan react-create-app agar output filenya lebih efisien dan mudah mendebugnya. Rolling back... Rolling back. #suratmasuk #material_ui #materializecss

O iya, btw, server #mongodb diaplikasi #suratmasuk dan #portalkanwil #kantor sekarang sudah dilindungi dengan password, setelah sebelumnya vulgar sekali. Hak akses terbatas hanya pada satu database... masih belum tau caranya pengaturan untuk multiple database access... #fyuuh

Ubah http status kode dari 301 ke 302, login dan logout berjalan lancar di firefox. #alhamdulillah #problemsolved #kantor #suratmasuk

Sedang dilema dengan struktur data arsip #suratmasuk, lagi pusing nyari solusinya. Sudah terlanjur banyak entry datanya... T_T

Tadi nginstall #aplikasi #suratmasuk di #madya_surabaya remote via #team_viewer. Mesin target sudah 64, tapi bermasalah di #mongodb nya. #robomongo tidak bisa create collection di versi 3, di lokal ane pake #mongodb 2.6 berjalan lanacar jaya. Ternyata engine yang ane pake selama ini adalah mmapv1, yang terpilih secara default, pada versi 3 engine defaultnya adalah wiredtiger. Solusinya adalah dengan menambahkan "--storageEngine mmapv1" pada saat run mongod. #alhamdulillah #problemsolved

Sampe malam ini #alhamdulillah sudah berhasil me-mapreduce data #suratmasuk. Report seperti yang diminta kepegawaian insya Allah aman. Query ane simpan di D:\LEARNING\MongoDB #mongodb

Kepikiran untuk bikin jenis_skl "EMAIL" untuk mencatat seluruh email yang dikirim #project #suratmasuk #kantor

Launching #suratmasuk, hari ini ... mayan banyak trouble, tapi ane anggap minor saja. Permasalahan mayornya adalah #babel. Ga bisa balik ke babel 5 haja kah? T_T #kantor

suratmasuk yang baru sudah sampe tahap edit surat, ... #kantor #project #suratmasuk