Drupal 8: format multiple image field


[catatan] jika sebuah node memiliki field multiple, misalnya sebuah artikel atau gallery memiliki gambar yang lebih dari satu setiap node, berikut caranya memberikan class untuk setiap field.

print image field pada nodetemplate seperti field lain, contoh :
{{ content.field_gallery_images }}

lalu copy template "field.html.twig" menjadi (tergantung penamaan template)  "field_field_gallery_images.html.twig", tambahkan kode pengulangan / loop pada file tersebut :








semoga bermanfaat bagi saya dan teman-teman yang kebetulan memerlukanya, jika ada pertanyaan silahkan berdiskusi di kolom komentar

Drupal8 : If condition for content classes

[catatan] Sebelumnya, karena posting ini bertepaten dengan Hari Kemerdekaan Indonesia yang ke - 72, saya mengucapkan:
DIRGAHAYU REPUBLIK INDONESIA KE-72
Mari tetap jaga kestabilan, jangan sebarkan hoax yang memperuncing konflik, tetap menjadi Rahmatan Lil Alamin dan tentunya terus berkarya.

Kasus kali ini ketika menggunakan bootstrap sebagai framework theming drupal, jika pada kondisi sidebar tidak terdapat block, makan region content atau konten utama akan memakai seluruh body, dalam hal ini menggunakan class col-xs-12, tetapi jika terdapat block pada sidebar, maka region kontent akan menggunakan class col-md-8. berikut code yang di tambahkan pada page.html.twig :


 {% content_classes = [ page.content and page.sidebar?'col-md-8', page.sidebar is empty? 'col-xs-12' ] %}  

lalu pada div untuk kontent utama masukkan class berikut :




semoga bermanfaat bagi saya dan bagi teman-teman yang kebetulan memerlukannya, jika ada pertanyaan jangan segan-segan menggunakan kolom komentar.

[catatan] Embed Responsive Google Maps on website

[catatan] Embed Responsive Google Maps on website
Untuk memasang google maps pada website, langkahnya sangat mudah, ketika berada digoogle maps, zoom in area yang ingin anda tampilkan di web, clik icon gear, dan pilih Embed Maps pada menu.
secara default, maps yang kita sematkan pada website belum responsive, artinya panjang dan lebar google maps yang akan kita tampilkan tidak dapat menyesuaikan ukurannya terhadap kontainer, untuk itu perlu dilakukan sedikit modifikasi agar tampilan maps kita menjadi lebih responsive, caranya sangat mudah :

  1. letakkan code dari google maps dalam sebuah kontainer, misalnya dalam class "google-maps" :
  2. contoh :

  3. lalu di file css anda tambahkan properti berikut :
  4. .google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    }
    .google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }

Transportasi Konvensional

Transportasi Konvensional
Baru saja melihat video tentang kejadian sweeping oleh beberapa oknum supir taksi terhadap driver ojek online, katanya kejadian tersebut terjadi di pekanbaru, kelihatannya sempat terjadi kontak fisik dan makian. Sebenarnya kita menyayangkan hal ini terjadi. Seharusnya bapak-supir taksi konvensional tersebut ( yang seiring dengan waktu yang berjalan tak bisa lagi disebut konvensional, lebih tepat disebut cara lama atau kuno) tidak melakukan demo atau sweeping kepada penyedia angkutan online, tetapi yang mereka demo adalah perusahaan tempat mereka bekerja untukmengadopsi teknologi agar dapat bersaing di tahun tinggi ini.
Melarang transportasi online beroperasi sama halnya dengan

  • Perusahaan mesin tik marah dengan Microsoft karena MS Wordnya 
  • Perusahan POS marah dengan provider seluler karena SMS dan Internet Messagingnya 
  • Perusahaan Surat Kabar marah dengan portal berita online 
  • Karyawan yang tidak mendapat job karena kalah dengan karyawan yang mahir bekerja dengan komputer 
  • Atau Staf yang mahir menggunakan browser untuk mengakses youtube atau facebook kalah dengan Staf yang mahir mengatur setingan kertas untuk mencetak dan menggunakan email dengan baik dan benar (eh… ini dah lain kasus ya :D )
Sekian terimakasih ;D

[catatan] Belajar Laravel - error php artisan migrate laravel 5.2

[catatan] Belajar Laravel - error php artisan migrate laravel 5.2
Pada saat melakukan migrate melalui command prompt php artisan migrate , jika terjadi error seperti ini [PDOException] SQLSTATE[HY000] [2002] Connection refused, berikut penjelasannya :

  • pada file .../config/database.php

    'mysql' => [
    'driver' => 'mysql',
    'host' => env('DB_HOST', 'localhost'),
    'port' => env('DB_PORT', '3306'),
    'database' => env('DB_DATABASE', 'forge'),
    'username' => env('DB_USERNAME', 'forge'),
    'password' => env('DB_PASSWORD', ''),
    'charset' => 'utf8',
    'collation' => 'utf8_unicode_ci',
    'prefix' => '',
    'strict' => false,
    'engine' => null,
    ],
      ditentukan konfigurasi port adalah '3306'


  • sedangkan pada file../.ev


    DB_CONNECTION=mysql
    DB_HOST=127.0.0.1
    DB_DATABASE=bpkadapps_db
    DB_USERNAME=bpkadapps_user
    DB_PASSWORD=bpkadapps_pass


    tambahkan code berilkut

    DB_PORT=3306

    (jika port sql anda 3306, biasanya akan berbeda jika anda menggunakan MAMP

[catatan] Mikrotik blok IP tertentu pada interface tertentu

[catatan] Mikrotik blok IP tertentu pada interface tertentu
[keterangan update]: judul sebelumnya : '[catatan] Mikrotik blok IP tertentu pada sebuah interface', sepertinya kata 'sebuah' agak kurang cocok :D

Skenarionya begini: saya memiliki beberapa buah server yang diakses oleh banyak client, client-client tersebut dikelompokkan oleh interface yang berbeda, untuk client didalam kantor menggunakan eth1 dan untuk client di luar menggunakan menggunakan eth2, jadi ceritanya saya ingin memblok akses beberapa server untuk client diluar kantor:

konfigurasi mikrotik :
1. ip > firewall, add 'filter rules'
2. pada tab general, Chain : forwar; Dst Address: x.x.x.x (ip server); in interface:etherx (interface yang akan diblok);out interface:etherx (interface server tujuan)
3. pada tab action, Action:drop;

demikian settingannya, jika ingin menambah server yang akan diblok cukup dengan menambah rules dan mengubah Dst address

semoga bermanfaat :)

mikrotik, winbox, network, tips, tutorial, admin

[catatan] Instalasi Windows Server 2008 R2 Dell PowerEdge R730

Padahal, posting sebelum ini, mengabarkan bahwa pemilik blog ini telah pindah ke blog lain, ini akan kita bahas dilain kesempatan :D langsung sja kita kembali ke judul :D