Lxc command list

Muhammad Nafis — Tue, 21 Jun 2022 09:46:43 +0000

melihat storage `<x>` dipakai oleh container mana saja

lxc storage volume list <nama_storage>

membuat storage zpool zfs

lxc storage create <nama_zpool> zfs

membuat container baru dengan zpool yang sudah dibuat

lxc launch -s

contoh:

lxc launch ubuntu:18.04 fss -s pool1

hapus lxd container

lxc delete

lihat list zpool yang dapat di import

zpool import

lihat list zpool import dari img file

zpool import -d /var/snap/lxd/common/lxd/disks
"/var/snap/lxd/common/lxd/disks" adalah direktory di mana .img berada

import zpool berdasarkan id dari zpool import

zpool import

lokasi storage pools

/var/snap/lxd/common/lxd/storage-pools/

lain2

/var/snap/lxd/common/mntns/var/snap/lxd/common/lxd/storage-pools/Pool-1/containers/container-name
zfs list
zpool list
zpool status
lxc exec cont-cobazfa1 -- bash
lsblk
fdisk -l
df -h

delete lxc storage

destroy zpool

zpool destroy cobazfs1/containers/cont-cobazfa1

delete lxc storage

lxc storage delete

Mount dan unmount ZFS legacy ke directory

mount:
mount -t zfs cobazfs1/containers/cont-cobazfa1 /cobamount/cobazfs1/
Unmount:
umount cobazfs1/containers/cont-cobazfa1

Mount dan unmount ZFS dir ke directory

zfs mount default/containers/shinobi-coba

jika ada error cannot mount '/export/home/lalt': directory is not empty, use legacy mountpoint to allow this behavior, or use the -O flag

zfs mount -O default/containers/shinobi-coba

unmount

zfs unmount default/containers/shinobi-coba

chown rootfs

chown -R 1000000:1000000 rootfs

Cara Mudah Integrasi Laravel 9 dan AdminLTE 3 2022

Muhammad Nafis — Sat, 28 May 2022 08:35:17 +0000

Buat project laravel baru

composer create-project laravel/laravel lara9adminlte
cd lara9adminlte

Install yarn jika belum terinstall

npm install --global yarn

Install SASS

yarn add sass-loader sass resolve-url-loader --dev

Install AdminLTE 3

yarn add admin-lte@^3.2

Tambahkan di `resources/sass/app.scss`

Buat file/foldernya secara manual jika belum ada

// Fonts
@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

// adminlte css
@import "~admin-lte/plugins/fontawesome-free/css/all.min.css";
@import "~admin-lte/plugins/icheck-bootstrap/icheck-bootstrap.min.css";
@import "~admin-lte/dist/css/adminlte.min.css";

@import "../css/app.css";

Tambahkan di `resources/js/bootstrap.js`

Tambahkan di baris paling bawah

...
// adminlte
require('admin-lte/plugins/jquery/jquery.min')
require('admin-lte/plugins/bootstrap/js/bootstrap.bundle.min')
require('admin-lte')

Ubah kodenya `webpack.mix.js` jadi seperti ini

mix
    .js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .copy(
        'node_modules/admin-lte/dist/img',
        'public/admin-lte/dist/img'
    )
    .version();

Tambahkan di `routes/web.php`

...
Route::get('starter', function () {
    return view('starter');
});

Buat file `resources/views/starter.blade.php`

Code ini modif dari node_modules/admin-lte/starter.html

<!DOCTYPE html>
<!--
This is a starter template page. Use this page to start your new project from
scratch. This page gets rid of all links and provides the needed markup only.
-->
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>AdminLTE 3 | Starter</title>

  {{-- Styles --}}
  <link href="{{ mix('/css/app.css') }}" rel="stylesheet">
</head>
<body class="hold-transition sidebar-mini">
<div class="wrapper">

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">
    <!-- Left navbar links -->
    <ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="index3.html" class="nav-link">Home</a>
      </li>
      <li class="nav-item d-none d-sm-inline-block">
        <a href="#" class="nav-link">Contact</a>
      </li>
    </ul>

    <!-- Right navbar links -->
    <ul class="navbar-nav ml-auto">
      <!-- Navbar Search -->
      <li class="nav-item">
        <a class="nav-link" data-widget="navbar-search" href="#" role="button">
          <i class="fas fa-search"></i>
        </a>
        <div class="navbar-search-block">
          <form class="form-inline">
            <div class="input-group input-group-sm">
              <input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
              <div class="input-group-append">
                <button class="btn btn-navbar" type="submit">
                  <i class="fas fa-search"></i>
                </button>
                <button class="btn btn-navbar" type="button" data-widget="navbar-search">
                  <i class="fas fa-times"></i>
                </button>
              </div>
            </div>
          </form>
        </div>
      </li>

      <!-- Messages Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-comments"></i>
          <span class="badge badge-danger navbar-badge">3</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="{{ asset('admin-lte') }}/dist/img/user1-128x128.jpg" alt="User Avatar" class="img-size-50 mr-3 img-circle">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Brad Diesel
                  <span class="float-right text-sm text-danger"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">Call me whenever you can...</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="{{ asset('admin-lte') }}/dist/img/user8-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  John Pierce
                  <span class="float-right text-sm text-muted"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">I got your message bro</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <!-- Message Start -->
            <div class="media">
              <img src="{{ asset('admin-lte') }}/dist/img/user3-128x128.jpg" alt="User Avatar" class="img-size-50 img-circle mr-3">
              <div class="media-body">
                <h3 class="dropdown-item-title">
                  Nora Silvester
                  <span class="float-right text-sm text-warning"><i class="fas fa-star"></i></span>
                </h3>
                <p class="text-sm">The subject goes here</p>
                <p class="text-sm text-muted"><i class="far fa-clock mr-1"></i> 4 Hours Ago</p>
              </div>
            </div>
            <!-- Message End -->
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Messages</a>
        </div>
      </li>
      <!-- Notifications Dropdown Menu -->
      <li class="nav-item dropdown">
        <a class="nav-link" data-toggle="dropdown" href="#">
          <i class="far fa-bell"></i>
          <span class="badge badge-warning navbar-badge">15</span>
        </a>
        <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
          <span class="dropdown-header">15 Notifications</span>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-envelope mr-2"></i> 4 new messages
            <span class="float-right text-muted text-sm">3 mins</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-users mr-2"></i> 8 friend requests
            <span class="float-right text-muted text-sm">12 hours</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item">
            <i class="fas fa-file mr-2"></i> 3 new reports
            <span class="float-right text-muted text-sm">2 days</span>
          </a>
          <div class="dropdown-divider"></div>
          <a href="#" class="dropdown-item dropdown-footer">See All Notifications</a>
        </div>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="fullscreen" href="#" role="button">
          <i class="fas fa-expand-arrows-alt"></i>
        </a>
      </li>
      <li class="nav-item">
        <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#" role="button">
          <i class="fas fa-th-large"></i>
        </a>
      </li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <!-- Main Sidebar Container -->
  <aside class="main-sidebar sidebar-dark-primary elevation-4">
    <!-- Brand Logo -->
    <a href="index3.html" class="brand-link">
      <img src="{{ asset('admin-lte') }}/dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3" style="opacity: .8">
      <span class="brand-text font-weight-light">AdminLTE 3</span>
    </a>

    <!-- Sidebar -->
    <div class="sidebar">
      <!-- Sidebar user panel (optional) -->
      <div class="user-panel mt-3 pb-3 mb-3 d-flex">
        <div class="image">
          <img src="{{ asset('admin-lte') }}/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image">
        </div>
        <div class="info">
          <a href="#" class="d-block">Alexander Pierce</a>
        </div>
      </div>

      <!-- SidebarSearch Form -->
      <div class="form-inline">
        <div class="input-group" data-widget="sidebar-search">
          <input class="form-control form-control-sidebar" type="search" placeholder="Search" aria-label="Search">
          <div class="input-group-append">
            <button class="btn btn-sidebar">
              <i class="fas fa-search fa-fw"></i>
            </button>
          </div>
        </div>
      </div>

      <!-- Sidebar Menu -->
      <nav class="mt-2">
        <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
          <!-- Add icons to the links using the .nav-icon class
               with font-awesome or any other icon font library -->
          <li class="nav-item menu-open">
            <a href="#" class="nav-link active">
              <i class="nav-icon fas fa-tachometer-alt"></i>
              <p>
                Starter Pages
                <i class="right fas fa-angle-left"></i>
              </p>
            </a>
            <ul class="nav nav-treeview">
              <li class="nav-item">
                <a href="#" class="nav-link active">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Active Page</p>
                </a>
              </li>
              <li class="nav-item">
                <a href="#" class="nav-link">
                  <i class="far fa-circle nav-icon"></i>
                  <p>Inactive Page</p>
                </a>
              </li>
            </ul>
          </li>
          <li class="nav-item">
            <a href="#" class="nav-link">
              <i class="nav-icon fas fa-th"></i>
              <p>
                Simple Link
                <span class="right badge badge-danger">New</span>
              </p>
            </a>
          </li>
        </ul>
      </nav>
      <!-- /.sidebar-menu -->
    </div>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <div class="content-header">
      <div class="container-fluid">
        <div class="row mb-2">
          <div class="col-sm-6">
            <h1 class="m-0">Starter Page</h1>
          </div><!-- /.col -->
          <div class="col-sm-6">
            <ol class="breadcrumb float-sm-right">
              <li class="breadcrumb-item"><a href="#">Home</a></li>
              <li class="breadcrumb-item active">Starter Page</li>
            </ol>
          </div><!-- /.col -->
        </div><!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <div class="content">
      <div class="container-fluid">
        <div class="row">
          <div class="col-lg-6">
            <div class="card">
              <div class="card-body">
                <h5 class="card-title">Card title</h5>

                <p class="card-text">
                  Some quick example text to build on the card title and make up the bulk of the card's
                  content.
                </p>

                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
              </div>
            </div>

            <div class="card card-primary card-outline">
              <div class="card-body">
                <h5 class="card-title">Card title</h5>

                <p class="card-text">
                  Some quick example text to build on the card title and make up the bulk of the card's
                  content.
                </p>
                <a href="#" class="card-link">Card link</a>
                <a href="#" class="card-link">Another link</a>
              </div>
            </div><!-- /.card -->
          </div>
          <!-- /.col-md-6 -->
          <div class="col-lg-6">
            <div class="card">
              <div class="card-header">
                <h5 class="m-0">Featured</h5>
              </div>
              <div class="card-body">
                <h6 class="card-title">Special title treatment</h6>

                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
              </div>
            </div>

            <div class="card card-primary card-outline">
              <div class="card-header">
                <h5 class="m-0">Featured</h5>
              </div>
              <div class="card-body">
                <h6 class="card-title">Special title treatment</h6>

                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                <a href="#" class="btn btn-primary">Go somewhere</a>
              </div>
            </div>
          </div>
          <!-- /.col-md-6 -->
        </div>
        <!-- /.row -->
      </div><!-- /.container-fluid -->
    </div>
    <!-- /.content -->
  </div>
  <!-- /.content-wrapper -->

  <!-- Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Control sidebar content goes here -->
    <div class="p-3">
      <h5>Title</h5>
      <p>Sidebar content</p>
    </div>
  </aside>
  <!-- /.control-sidebar -->

  <!-- Main Footer -->
  <footer class="main-footer">
    <!-- To the right -->
    <div class="float-right d-none d-sm-inline">
      Anything you want
    </div>
    <!-- Default to the left -->
    <strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong> All rights reserved.
  </footer>
</div>
<!-- ./wrapper -->

<!-- REQUIRED SCRIPTS -->

{{-- Scripts --}}
<script src="{{ mix('/js/app.js') }}"></script>
</body>
</html>

Compile asset

Jalankan:

yarn run development

atau (sesuai kebutuhan):

yarn run production

Uji coba

Jalankan:

php artisan serve

Akses url:

http://127.0.0.1:8000/starter

Tambahkan asset css dan js sesuai kebutuhan

css dan js yang kita include-kan di app.scss dan bootstrap.js itu belum final, jadi kita perlu menambahkan lagi sesuai kebutuhan

Misal kita mau membuat tampilan seperti node_modules/admin-lte/index.html, maka kita buka dulu filenya, lalu perhatikan bagian include css dan js nya

Nah dari situ kita tahu asset css dan js apa saja yang dibutuhkan

Ini Tes Artikel

Muhammad Nafis — Sat, 12 Mar 2022 23:00:20 +0000

Hahahaha

DEV Community: Muhammad Nafis

Lxc command list

melihat storage <x> dipakai oleh container mana saja

membuat storage zpool zfs

membuat container baru dengan zpool yang sudah dibuat

contoh:

hapus lxd container

lihat list zpool yang dapat di import

lihat list zpool import dari img file

import zpool berdasarkan id dari zpool import

lokasi storage pools

lain2

delete lxc storage

destroy zpool

delete lxc storage

Mount dan unmount ZFS legacy ke directory

Mount dan unmount ZFS dir ke directory

jika ada error cannot mount '/export/home/lalt': directory is not empty, use legacy mountpoint to allow this behavior, or use the -O flag

unmount

chown rootfs

Cara Mudah Integrasi Laravel 9 dan AdminLTE 3 2022

Buat project laravel baru

Install yarn jika belum terinstall

Install SASS

Install AdminLTE 3

Tambahkan di resources/sass/app.scss

Tambahkan di resources/js/bootstrap.js

Ubah kodenya webpack.mix.js jadi seperti ini

Tambahkan di routes/web.php

Buat file resources/views/starter.blade.php

Compile asset

Uji coba

Tambahkan asset css dan js sesuai kebutuhan

Ini Tes Artikel

melihat storage `<x>` dipakai oleh container mana saja

Tambahkan di `resources/sass/app.scss`

Tambahkan di `resources/js/bootstrap.js`

Ubah kodenya `webpack.mix.js` jadi seperti ini

Tambahkan di `routes/web.php`

Buat file `resources/views/starter.blade.php`