2 Commits

Author SHA1 Message Date
53fc91acf5 mrg 2025-11-12 10:27:17 +01:00
34aed2c7aa refactor: large scale formatting/linting 2025-11-12 15:51:13 +13:00
8 changed files with 24 additions and 124 deletions

View File

@ -1,6 +1,5 @@
{% extends "framework.html" %} {% extends "framework.html" %}
{% load static %} {% load static %}
{% load envipytags %}
{% block content %} {% block content %}
<div class="panel-group" id="reviewListAccordion"> <div class="panel-group" id="reviewListAccordion">
<div class="panel panel-default"> <div class="panel panel-default">

View File

@ -151,6 +151,11 @@
>Package</a >Package</a
> >
</li> </li>
<li>
<a href="{{ meta.server_url }}/search" id="searchLink"
>Search</a
>
</li>
<li> <li>
<a href="{{ meta.server_url }}/model" id="modelLink" <a href="{{ meta.server_url }}/model" id="modelLink"
>Modelling</a >Modelling</a

View File

@ -113,7 +113,7 @@
{# License - inside paper if present #} {# License - inside paper if present #}
{% if meta.url_contains_package and meta.current_package.license %} {% if meta.url_contains_package and meta.current_package.license %}
<div class="collapse-arrow bg-base-200 collapse p-8"> <div class="collapse-arrow bg-base-200 collapse m-8">
<input type="checkbox" checked /> <input type="checkbox" checked />
<div class="collapse-title text-xl font-medium">License</div> <div class="collapse-title text-xl font-medium">License</div>
<div class="collapse-content"> <div class="collapse-content">

View File

@ -27,7 +27,7 @@
class="dropdown-content menu bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm" class="dropdown-content menu bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm"
> >
<li> <li>
<a href="{{ meta.server_url }}/package" id="packageLink">Package</a> <a href="{{ meta.server_url }}/Package" id="packageLink">Package</a>
</li> </li>
<li> <li>
<a href="{{ meta.server_url }}/pathway" id="pathwayLink">Pathway</a> <a href="{{ meta.server_url }}/pathway" id="pathwayLink">Pathway</a>

View File

@ -119,9 +119,7 @@
>Ibuprofen</a >Ibuprofen</a
> >
</div> </div>
<a <a class="absolute top-0 left-[calc(100%-5.4rem)]" href="#"
class="absolute top-0 left-[calc(100%-5.4rem)]"
href="/predict"
>Advanced</a >Advanced</a
> >
</div> </div>
@ -258,31 +256,6 @@
<script language="javascript"> <script language="javascript">
var currentPackage = "{{ meta.current_package.url }}"; var currentPackage = "{{ meta.current_package.url }}";
// Helper function to safely get Ketcher instance from iframe
function getKetcherInstance(iframeId) {
const ketcherFrame = document.getElementById(iframeId);
if (!ketcherFrame) {
console.error("Ketcher iframe not found:", iframeId);
return null;
}
try {
if (
"contentWindow" in ketcherFrame &&
ketcherFrame.contentWindow.ketcher
) {
return ketcherFrame.contentWindow.ketcher;
}
} catch (err) {
console.error(
"Cannot access Ketcher iframe - possible CORS issue:",
err,
);
}
return null;
}
// Discourse API integration is now handled by discourse-api.js // Discourse API integration is now handled by discourse-api.js
// Function to render Discourse topics into cards // Function to render Discourse topics into cards
@ -386,16 +359,10 @@
}, 300); }, 300);
// Transfer SMILES from Ketcher to text input if available // Transfer SMILES from Ketcher to text input if available
const ketcher = getKetcherInstance("index-ketcher"); if (window.indexKetcher && window.indexKetcher.getSmiles) {
if (ketcher && ketcher.getSmiles) { const smiles = window.indexKetcher.getSmiles();
try { if (smiles && smiles.trim() !== "") {
const smiles = ketcher.getSmiles(); $("#index-form-text-input").val(smiles);
if (smiles && smiles.trim() !== "") {
$("#index-form-text-input").val(smiles);
}
} catch (err) {
console.error("Failed to sync Ketcher to text input:", err);
// Non-critical error, just log it
} }
} }
} }
@ -464,32 +431,13 @@
var textSmiles = ""; var textSmiles = "";
// Check if we're in Ketcher mode and extract SMILES // Check if we're in Ketcher mode and extract SMILES
if ($('input[type="checkbox"]').is(":checked")) { if ($('input[type="checkbox"]').is(":checked") && window.indexKetcher) {
// Use the robust getter function textSmiles = window.indexKetcher.getSmiles().trim();
const ketcher = getKetcherInstance("index-ketcher");
if (ketcher && ketcher.getSmiles) {
try {
textSmiles = ketcher.getSmiles().trim();
} catch (err) {
console.error("Failed to get SMILES from Ketcher:", err);
alert(
"Unable to extract structure from the drawing editor. Please try again or switch to SMILES input mode.",
);
return;
}
} else {
console.warn("Ketcher not available, possibly still loading");
alert(
"The drawing editor is still loading. Please wait a moment and try again.",
);
return;
}
} else { } else {
textSmiles = $("#index-form-text-input").val().trim(); textSmiles = $("#index-form-text-input").val().trim();
} }
if (textSmiles === "") { if (textSmiles === "") {
alert("Please enter a SMILES string or draw a structure.");
return; return;
} }

View File

@ -26,7 +26,6 @@
placeholder="Name" placeholder="Name"
id="name" id="name"
class="input input-md w-full" class="input input-md w-full"
autofocus
/> />
<span>Name</span> <span>Name</span>
</label> </label>
@ -138,25 +137,6 @@
</div> </div>
{# prettier-ignore-start #} {# prettier-ignore-start #}
<script> <script>
// Helper function to safely get Ketcher instance from iframe
function getKetcherInstance(iframeId) {
const ketcherFrame = document.getElementById(iframeId);
if (!ketcherFrame) {
console.error("Ketcher iframe not found:", iframeId);
return null;
}
try {
if ('contentWindow' in ketcherFrame && ketcherFrame.contentWindow.ketcher) {
return ketcherFrame.contentWindow.ketcher;
}
} catch (err) {
console.error("Cannot access Ketcher iframe - possible CORS issue:", err);
}
return null;
}
function predictKetcherToTextInput() { function predictKetcherToTextInput() {
$("#predict-smiles").val(this.ketcher.getSmiles()); $("#predict-smiles").val(this.ketcher.getSmiles());
} }
@ -191,21 +171,10 @@
let smiles = $("#predict-smiles").val().trim(); let smiles = $("#predict-smiles").val().trim();
// If SMILES input is empty, try to get from Ketcher // If SMILES input is empty, try to get from Ketcher
if (!smiles) { if (!smiles && window.predictKetcher) {
const ketcher = getKetcherInstance('predict-ketcher'); smiles = window.predictKetcher.getSmiles().trim();
if (ketcher && ketcher.getSmiles) { if (smiles) {
try { $("#predict-smiles").val(smiles);
smiles = ketcher.getSmiles().trim();
if (smiles) {
$("#predict-smiles").val(smiles);
}
} catch (err) {
console.error("Failed to get SMILES from Ketcher:", err);
alert("Unable to extract structure from the drawing editor. Please enter a SMILES string instead.");
button.prop("disabled", false);
button.text("Predict");
return;
}
} }
} }

View File

@ -3,31 +3,12 @@
{% block title %}enviPath - Sign In{% endblock %} {% block title %}enviPath - Sign In{% endblock %}
{% block extra_styles %} {% block extra_styles %}
<style> /* Tab styling */ .tab-content { display: none; } .tab-content.active {
/* Tab styling */ display: block; } input[type="radio"].tab-radio { display: none; } .tab-label
.tab-content { { cursor: pointer; padding: 0.75rem 1.5rem; border-bottom: 2px solid
display: none; transparent; transition: all 0.3s ease; } .tab-label:hover { background-color:
} rgba(0, 0, 0, 0.05); } input[type="radio"].tab-radio:checked + .tab-label {
.tab-content.active { border-bottom-color: #3b82f6; font-weight: 600; }
display: block;
}
input[type="radio"].tab-radio {
display: none;
}
.tab-label {
cursor: pointer;
padding: 0.75rem 1.5rem;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
.tab-label:hover {
background-color: rgba(0, 0, 0, 0.05);
}
input[type="radio"].tab-radio:checked + .tab-label {
border-bottom-color: #3b82f6;
font-weight: 600;
}
</style>
{% endblock %} {% endblock %}
{% block content %} {% block content %}

View File

@ -18,8 +18,6 @@
rel="stylesheet" rel="stylesheet"
type="text/css" type="text/css"
/> />
{% block extra_styles %}{% endblock %}
</head> </head>
<body class="bg-base-100"> <body class="bg-base-100">
<div class="flex h-screen"> <div class="flex h-screen">