aplikasi-crc-sederhana
Ini adalah editor sederhana untuk membuat kartu Kolaborator Tanggung Jawab Kelas. Saya membangunnya untuk mempelajari Angular 4.0, karena itulah cara terbaik bagi saya untuk mempelajari hal-hal baru. Saya tidak ingin menggunakan kerangka CSS lengkap seperti Bootstrap yang memiliki banyak komponen siap pakai, jadi saya mengekstrak dan menyesuaikan beberapa gaya dari Bulma.io.
Beberapa fitur editor:
- Model disimpan secara lokal melalui Penyimpanan Web HTML5, tidak diperlukan server.
- Tentukan berbagai jenis kartu: entitas, batas, pengontrol.
- Ekspor/impor file JSON.
- Pintasan keyboard untuk operasi utama.
- Aplikasi secara otomatis membuat Kartu CRC untuk kolaborator.
- Dan kartu.
Panduan pengguna kecil:
- Untuk mengedit kartu yang sudah ada, klik sekali pada header kartu.
- Untuk menyeret kartu, klik dan tahan di zona isi kartu. Pintasan keyboard:
- 'CTRL-m': Buat model baru.
- 'CTRL-d': Hapus model saat ini dari penyimpanan WEB lokal.
- 'CTRL-s': Simpan model saat ini di penyimpanan lokal.
- 'CTRL-o': Buka model dari penyimpanan lokal.
- 'CTRL-u': Unggah file JSON eksternal di penyimpanan lokal.
- 'CTRL-j': Mengunduh model saat ini sebagai file JSON. Escape menutup dialog.
Segalanya belum sempurna tetapi bisa digunakan pada tahap ini. Aplikasi ini belum (belum) responsif.
Beberapa fitur yang ingin saya tambahkan:
- Ekspor pdf dengan jsPdf
- Ekspor SVG.
- Mungkin fitur tata letak otomatis.
Seharusnya tidak terlalu sulit untuk diterapkan, fitur-fitur ini hanya berjarak beberapa baris kode saja. Basis kodenya kecil, jadi jika Anda ingin menyumbangkan fitur tersebut, saya dapat membantu.
Berikut ini tautan ke versi yang dihosting di github