ACTIVITY PERTEMUAN 6

INTRO

Membuat folder bernama client-side-routing

Mengextract file rar polymer pada foler client-side-routing

Mengetikan cmd

Pada cmd ketikan code . untuk membuka vs code

Buat file baru bernamakan main.go

Kemudian Mengetikan code berikut

Menjalankan go build

Muncul file excute , klik 2x pada file exe tersebut

Tampilan default

1. Kemudian Mengubah nama pada my-app :

• my-view1.html menjadi login-page.html
• my-view2.html menjadi message-page.html
• my-view3.html menjadi about-page.html
Mengubah nama yang terdefinisi pada My-app
Pada iron pages juga diubah

Pada method properties ditambahkan property baru nama isAdmin dengan tipe data Boolean dan set
notify menjadi true.
Pada baris 154 ubah view1 menjadi login-page
Menghapus string my- dan tanda + sebelum page

Pada baris 109 tambahkan atribut is-Admin dengan nilai {{isAdmin}} begitu pula pada message page hal
ini perlu dilakukan agar halaman login dan message dapat mengakses property isAdmin

2. Mengubah halaman about-page

Edit atribut id pada dom module menjadi about-page

Nama class nya ubah menjadi AboutPage kemudian string pada method is diubah menjadi ‘about-page’

Pada parameter fungsi define ubah MyView3 menjadi about page

Mengubah body dari halaman about

3. mengubah halaman message page

Mengubah atribut pada id menjadi message-page

Mengubah isi body pada halaman message

Kemudian ubah nama class menjadi MessagePage dan string pada method is() menjadi message-page

Pada parameter define ubah myview2 menjadi MessagePage

Selanjutnya mengimport element dom-if yang sudah disediakan oleh polymer. Elemen ini berfungsi
untuk menampilkan seluruh elemen yang ada di dalamnya jika kondisi yang ditentukan telah terpenuhi
Kemudian tambahkan element template dengan nilai atribut is=”dom-if” lalu atribut if yaitu atribut yang
menjadi acuan sebagai kondisi jika nilainya bernilai true semua elemen yang berada pada element
template akan ditampilkan namun jika false maka tidak akan menampilkan apa apa.

3. mengubah halaman login-page.html

Ubah atribut id menjadi login-page

Kemudian ubah nama class menjadi LoginPage dan return string pada method is() menjadi login-page

Kemudian mengubah parameter fungsi define menjadi LoginPage

Kemudian tambahkan method properties bertipe static yang akan mengembalikan sebuah object
dengan atribut username bertipe string, password bertipe string, isAdmin bertipe Boolean dengan
atribut tambahan yaitu notify yang bernilai true
Menambahkan 2 tag input untuk menerima username dan password dan menambahkan tag button

Menambahkan method pada class LoginPage dengan nama handleChange, fungsi ini digunakan untuk
mengubah nilai dari atribut username/password
Menambahkan fungsi handleSubmit yang berfungsi untuk memeriksa username dan password kepada
user yang berhak untuk melihat pesan rahasia.
Output

Halaman login

Halaman Messages
Halaman About

Jika login sebagai admin

Maka pesan rahasia muncul

Jika login bukan sebagai admin

Maka muncul alert message