Work on initial partition edit UI
This commit is contained in:
Jonathan Carter
@@ -70,6 +70,14 @@ def webui_disks():
|
||||
return render_template('disks.html')
|
||||
|
||||
|
||||
@bp.route('/webui/disks/partition/<part>')
|
||||
def webui_disks_partition(part):
|
||||
"""
|
||||
Partition modal for the webui partition screen.
|
||||
"""
|
||||
return render_template('disks_partition.html')
|
||||
|
||||
|
||||
@bp.route('/webui/software')
|
||||
def webui_software():
|
||||
"""
|
||||
|
||||
1
src/static/htmx.min.js
vendored
Symbolic link
1
src/static/htmx.min.js
vendored
Symbolic link
@@ -0,0 +1 @@
|
||||
/usr/share/javascript/htmx/htmx.min.js
|
||||
@@ -1 +0,0 @@
|
||||
/usr/share/javascript/htmx/htmx.min.js.gz
|
||||
@@ -5,6 +5,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link href="/static/bulma.css" rel="stylesheet">
|
||||
<link href="/static/welcome.css" rel="stylesheet">
|
||||
<script src="/static/htmx.min.js" crossorigin="anonymous"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@@ -57,36 +58,115 @@
|
||||
<div style="background-color: gray; padding: 15px; border-radius: 15px;">
|
||||
|
||||
|
||||
<p> <span style="width: 100%;" class="tag is-black">Physical disk: TOSHIBA HDWD120 (20 GB)</span> </p>
|
||||
<p> <span style="width: 100%;" class="tag is-black">Physical disk: TOSHIBA HDWD120 (20 GB)
|
||||
<span class="tag is-primary">Healthy</span>
|
||||
</span> </p>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column is-narrow is-primary">
|
||||
<div class="box" style="width: 220px;">
|
||||
<p class="subtitle">/dev/sda1</p>
|
||||
<p class="title is-5"><span class="tag is-black">/boot/efi</span> <span class="tag is-dark">200 MB</span> <span class="tag is-link">vfat</span></p>
|
||||
<p class="is-tiny">/dev/sda1</p>
|
||||
<p class="title is-5"><span class="tag is-black">/boot/efi</span>
|
||||
<span class="tag is-dark">200 MB</span>
|
||||
<span class="tag is-link">vfat</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a hx-get="./disks/partition/sda" hx-swap="outerHTML"/>
|
||||
<div class="column">
|
||||
<div class="box">
|
||||
<p class="subtitle">/dev/sda2</p>
|
||||
<p class="is-tiny">/dev/sda2</p>
|
||||
<p class="title is-5"><span class="tag is-black">/</span> <span class="tag is-dark">18 GB</span> <span class="tag is-link">btrfs</span></p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="modal">
|
||||
<div class="modal isnot-active">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-content">
|
||||
<!-- Any other Bulma elements you want -->
|
||||
<p>Welcome to partition disk editor.</p>
|
||||
<p>This is quite cool.</p>
|
||||
|
||||
<div style="background-color: #424242; padding: 15px; border-radius: 15px; boders: none;">
|
||||
<h1 class="is-size-4"> Edit partition: /dev/sda2 </h1>
|
||||
<p class="title is-6"><span class="tag is-black">Primary Partition</span>
|
||||
|
||||
<span>
|
||||
<p>Select usage: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Normal file system</option>
|
||||
<option>Logical volume for encryption</option>
|
||||
<option>Logical volume for RAID</option>
|
||||
<option>Logical volume for LVM</option>
|
||||
<option>Logical volume for zpool</option>
|
||||
<option>Swap partition</option>
|
||||
<option>Do not configure</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<p>Select Mount Point: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>/</option>
|
||||
<option>/usr</option>
|
||||
<option>/var</option>
|
||||
<option>Other...</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<p>Select Filesystem: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option is-active>btrfs</option>
|
||||
<option>ext4</option>
|
||||
<option>ext3</option>
|
||||
<option>ext2</option>
|
||||
<option>xfs</option>
|
||||
<option>jfs</option>
|
||||
<option>ntfs</option>
|
||||
<option>vfat</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
|
||||
<div class="checkboxes">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
noatime
|
||||
</label>
|
||||
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
nodiratime
|
||||
</label>
|
||||
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
discard
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<br><br>
|
||||
|
||||
<div class="columns">
|
||||
<div class="column"><button class="button is-light">Back</button></div>
|
||||
<a href="./software"><div class="column"><button class="button is-link">Next</button></div></a>
|
||||
<div class="column"><button class="button is-light">Cancel</button></div>
|
||||
<a href="./disks"><div class="column"><button class="button is-link">Continue</button></div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<br><br><br>
|
||||
|
||||
83
src/templates/disks_partition.html
Normal file
83
src/templates/disks_partition.html
Normal file
@@ -0,0 +1,83 @@
|
||||
<div class="modal is-active">
|
||||
<div class="modal-background"></div>
|
||||
<div class="modal-content">
|
||||
|
||||
<div style="background-color: #424242; padding: 15px; border-radius: 15px; boders: none; color: white;">
|
||||
<h1 class="is-size-4"> Edit partition: /dev/sda2 </h1>
|
||||
<p class="title is-6"><span class="tag is-black">Primary Partition</span>
|
||||
|
||||
<span>
|
||||
<p>Select usage: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>Normal file system</option>
|
||||
<option>Logical volume for encryption</option>
|
||||
<option>Logical volume for RAID</option>
|
||||
<option>Logical volume for LVM</option>
|
||||
<option>Logical volume for zpool</option>
|
||||
<option>Swap partition</option>
|
||||
<option>Do not configure</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<p>Select Mount Point: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option>/</option>
|
||||
<option>/usr</option>
|
||||
<option>/var</option>
|
||||
<option>Other...</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
|
||||
<span>
|
||||
<p>Select Filesystem: <div class="control is-link">
|
||||
<div class="select">
|
||||
<select>
|
||||
<option is-active>btrfs</option>
|
||||
<option>ext4</option>
|
||||
<option>ext3</option>
|
||||
<option>ext2</option>
|
||||
<option>xfs</option>
|
||||
<option>jfs</option>
|
||||
<option>ntfs</option>
|
||||
<option>vfat</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</span>
|
||||
</p>
|
||||
|
||||
|
||||
<div class="checkboxes">
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
noatime
|
||||
</label>
|
||||
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
nodiratime
|
||||
</label>
|
||||
|
||||
<label class="checkbox">
|
||||
<input type="checkbox" />
|
||||
discard
|
||||
</label>
|
||||
</div>
|
||||
<br>
|
||||
|
||||
<div class="columns">
|
||||
<a href="./disks">
|
||||
<div class="column"><button class="button is-light">Cancel</button></div>
|
||||
</a>
|
||||
<a href="./disks"><div class="column"><button class="button is-link">Continue</button></div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user