IPKM/isotopetable
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added bootstrap theme

Browse Source
This commit is contained in:
Markus Rosenstihl 2025-03-23 21:02:44 +01:00
parent 96c23c62d1
commit f50f6fc7cd
4 changed files with 82 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
isotables/isotopapp/forms.py Normal file
View File

@ -0,0 +1,4 @@
from django import forms
class RenewBookForm(forms.Form):
renewal_date = forms.DateField(help_text="Enter a date between now and 4 weeks (default 3).")

97
isotables/isotopapp/templates/home.html
View File

@ -1,37 +1,68 @@
<div class="center">
<h1>NMR Frequency Calculator</h1> <head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
<form action="result"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<table> </head>
<tr> <style>
<td>Source isotope:</td> .table-striped>tbody>tr:nth-child(odd) {
<td> <input type="text" name="isotope1" placeholder="Current isotope"></td> background-color: LemonChiffon;
</tr> }
<tr> .center {
<td>Source frequency in MHz: </td><td><input type="number" name="freq" step="any" placeholder="Larmor frequency in MHz"></td>
</tr>
<tr>
<td>Destination isotope: <td><input type="text" name="isotope2" placeholder="Other isotope"></td>
<td><button type="submit" name="transform">Search</button></td>
</tr>
<tr>
<td>Frequency range in MHz: <td><input type="number" name="freq_range" step="any" placeholder="Range in MHz"></td>
<td><button type="submit" name="search">Search</button></td>
</tr>
<tr>
<td>Gradient in T/m:</td> <td><input type="number" name="gradient" step="any" placeholder="Gradient in T/m"></td>
<td><button type="submit" name="calculate">Search</button></td>
<td>(assuming 5mm sample diameter)</td>
</tr>
</table>
</form>
</div>
<style>
.center {
margin: auto; margin: auto;
width: 60%; width: 60%;
border: 3px solid #a5addb; border: 3px solid #a5addb;
padding: 10px; padding: 10px;
} }
</style> </style>
<div class="container text-center">
<h1>NMR Frequency Calculator</h1>
<form action="result">
<div class="row row-cols-6">
<div class="col"> <label class="form-label">Source isotope:</label></div>
<div class="col">
<select name="isotope1" class="form-select" size="1">
{% for i in isotopes %}
<option value="{{ i.0 }}">{{ i.1 }}</option>
{% endfor %}
</select>
{# <input type="text" name="isotope1" class="form-control" placeholder="Current isotope">#}
</div>
</div>
<div class="row row-cols-6">
<div class="col"><label class="form-label">Source frequency in MHz:</label></div>
<div class="col"><input type="number" name="freq" class="form-control" step="any" value=100 placeholder="Larmor frequency in MHz"></div>
</div>
<div class="row row-cols-6">
<label class="form-label">Destination isotope:</label>
<div class="col"> <select name="isotope2" class="form-select" size="1">
{% for i in isotopes %}
<option value="{{ i.0 }}">{{ i.1 }}</option>
{% endfor %}
</select></div>
<div class="col">
<button type="submit" name="transform" class="btn btn-primary btn-sm">Search</button>
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Frequency range in MHz:</label>
<div class="col"><input type="number" name="freq_range" class="form-control" step="any" placeholder="Range in MHz"></div>
<div class="col">
<button type="submit" name="search" class="btn btn-primary btn-sm ">Search</button>
</div>
</div>
<div class="row row-cols-6">
<label class="form-label">Gradient in T/m:<br>(assuming &#x2300;5mm)</label>
<div class="col"><input type="number" name="gradient" class="form-control" step="any" placeholder="Gradient in T/m"></div>
<div class="col">
<button type="submit" name="calculate" class="btn btn-primary btn-sm">Search</button>
</div>
</div>
</form>
</div>
<div>
{{ ans }}
</div>

52
isotables/isotopapp/templates/result.html
View File

@ -1,11 +1,15 @@
<head>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
</head>
<div class="center"> <div class="center">
<table> <table class="table w-auto table-responsive-sm table-striped table-hover table-bordered">
<caption> <caption>
Table downloaded from <a href="https://easyspin.org/documentation/isotopetable.html">easyspin.org</a> Table downloaded from <a href="https://easyspin.org/documentation/isotopetable.html">easyspin.org</a>
(2023-07-29 markusro) (2023-07-29 markusro)
</caption> </caption>
<thead> <thead class="table-dark">
<tr> <tr>
<th scope="col">N</th> <th scope="col">N</th>
<th scope="col">Symbol</th> <th scope="col">Symbol</th>
@ -35,54 +39,18 @@
<style> <style>
.center { .center {
margin: auto; margin: auto;
width: 60%; width: 40%;
border: 3px solid #a5addb; border: 0px solid #a5addb;
padding: 10px; padding: 10px;
} }
table {
border-collapse: collapse;
border: 2px solid rgb(140 140 140);
font-family: sans-serif;
font-size: 1.2rem;
letter-spacing: 1px;
}
caption { caption {
caption-side: bottom; caption-side: bottom;
padding: 8px; padding: 8px;
font-weight: normal; font-weight: normal;
font-size: 0.8rem; font-size: 0.8rem;
text-align: center; text-align: left;
}
thead,
tfoot {
background-color: rgb(228 240 245);
}
th,
td {
border: 1px solid rgb(160 160 160);
padding: 10px 4px;
text-align: center;
}
td:last-of-type {
text-align: center;
}
tbody > tr:nth-of-type(even) {
background-color: rgb(237 238 242);
}
tfoot th {
text-align: right;
}
tfoot td {
font-weight: bold;
} }
</style> </style>

8
isotables/isotopapp/views.py
View File

@ -9,7 +9,8 @@ from isotopapp.models import Isotope
# Create your views here. # Create your views here.
def home(request): def home(request):
return render(request, 'home.html') isotopes = [i for i in Isotope.objects.all() if (i.gamma != 0 or i.stable)]
return render(request, 'home.html', {'isotopes': [[f"{i.n_nucleons}{i.symbol}", mark_safe(f"<sup>{i.n_nucleons}</sup>{i.symbol}")] for i in isotopes]})
def extract_isotope_parts(isotope_str): def extract_isotope_parts(isotope_str):
"""Extracts the number and element from an isotope string (e.g., '23Na').""" """Extracts the number and element from an isotope string (e.g., '23Na')."""
@ -31,13 +32,12 @@ def isotope_info(isotope, field):
f"{f_larmor:.3f}", f"{f_larmor:.3f}",
spin, spin,
f"{isotope.natural_abundance:.1f}", f"{isotope.natural_abundance:.1f}",
f"{isotope.gamma*1e6:.5e}"] f"{isotope.gamma:.5f}"]
def result(request): def result(request):
n1, element1 = extract_isotope_parts(request.GET.get('isotope1')) n1, element1 = extract_isotope_parts(request.GET.get('isotope1'))
isotope1 = Isotope.objects.filter(symbol=element1, n_nucleons=n1).get() isotope1 = Isotope.objects.filter(symbol=element1, n_nucleons=n1).get()
freq = float(request.GET.get('freq')) freq = float(request.GET.get('freq'))
field_T = freq / isotope1.gamma field_T = freq / isotope1.gamma
@ -54,7 +54,7 @@ def result(request):
f_Larmor = field_T*isotope.gamma f_Larmor = field_T*isotope.gamma
if abs(f_Larmor - freq) <= freq_range: if abs(f_Larmor - freq) <= freq_range:
close_isotopes.append(isotope_info(isotope, field_T)) close_isotopes.append(isotope_info(isotope, field_T))
ans = sorted(close_isotopes, key=lambda x: x[3]) ans = sorted(close_isotopes, key=lambda x: -float(x[3]))
elif request.GET.get('calculate') == "": elif request.GET.get('calculate') == "":
sample_diameter = 5e-3 sample_diameter = 5e-3