From 48fb05cbfb00eb8d07235bc277e87678b78123e7 Mon Sep 17 00:00:00 2001
From: Munyoki Kilyungi
Date: Mon, 8 Aug 2022 14:47:39 +0300
Subject: Make edit_probeset.html similar to corresponding phenotype page

* wqflask/wqflask/templates/edit_probeset.html: Remove "reset" button.
Make button green.  Move form element into the "container" div. Add
"container" class to form.  Left justify labels, and the button.
Remove ":" from labels.
---
 wqflask/wqflask/templates/edit_probeset.html | 342 ++++++++++++++-------------
 1 file changed, 174 insertions(+), 168 deletions(-)

diff --git a/wqflask/wqflask/templates/edit_probeset.html b/wqflask/wqflask/templates/edit_probeset.html
index 0f5bb04b..c64a5f93 100644
--- a/wqflask/wqflask/templates/edit_probeset.html
+++ b/wqflask/wqflask/templates/edit_probeset.html
@@ -7,176 +7,182 @@
 	<h1>Probeset Editing Form:</h1>
 	<small><a href="{{url_for('metadata_edit.show_history', name=name)}}" target="_blank">[View History]</a></small>
     </div>
+    <form id="edit-form" class="container form-horizontal" method="post" action="/datasets/traits/{{ name }}?resource-id={{ resource_id }}" enctype='multipart/form-data'>
+	<div class="form-group">
+	    <div class="controls left-block col-sm-8 col-lg-8" style="width: max-content;">
+		<input name="id" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
+		<input name="old_id_" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
+		<input name="probeset_name" class="changed" type="hidden" value="{{ probeset.name }}"/>
+		<input type="submit" style="width: 125px; margin-right: 25px;" class="btn btn-success form-control col-xs-2 changed" value="Submit Change">
+	    </div>
+	</div>
+	<div class="form-group">
+            <label for="symbol" class="col-sm-3 col-lg-2 control-label text-left">Symbol</label>
+            <div class="col-sm-4">
+		<textarea name="symbol" class="form-control" rows="1">{{ probeset.symbol |default('', true) }}</textarea>
+		<input name="old_symbol" class="changed" type="hidden" value="{{ probeset.symbol |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="description" class="col-sm-3 col-lg-2 control-label text-left">Description</label>
+            <div class="col-sm-4">
+		<textarea name="description" class="form-control" rows="3">{{ probeset.description |default('', true) }}</textarea>
+		<input name="old_description" class="changed" type="hidden" value="{{ probeset.description |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_target_description" class="col-sm-3 col-lg-2 control-label text-left">Probe Target Description</label>
+            <div class="col-sm-4">
+		<textarea name="probe_target_description" class="form-control" rows="4">{{ probeset.probe_target_description |default('', true) }}</textarea>
+		<input name="old_probe_target_description" class="changed" type="hidden" value="{{ probeset.probe_target_description |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="chr" class="col-sm-3 col-lg-2 control-label text-left">Chr</label>
+            <div class="col-sm-4">
+		<textarea name="chr" class="form-control" rows="1">{{ probeset.chr_ |default('', true) }}</textarea>
+		<input name="old_chr_" class="changed" type="hidden" value="{{ probeset.chr_ |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="mb" class="col-sm-3 col-lg-2 control-label text-left">Mb</label>
+            <div class="col-sm-4">
+		<textarea name="mb" class="form-control" rows="1">{{ probeset.mb |default('', true) }}</textarea>
+		<input name="old_mb" class="changed" type="hidden" value="{{ probeset.mb |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="alias" class="col-sm-3 col-lg-2 control-label text-left">
+		Alias:
+            </label>
+            <div class="col-sm-4">
+		<textarea name="alias" class="form-control" rows="1">{{ probeset.alias |default('', true) }}</textarea>
+		<input name="old_alias" class="changed" type="hidden" value="{{ probeset.alias |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="geneid" class="col-sm-3 col-lg-2 control-label text-left">
+		Gene Id:
+            </label>
+            <div class="col-sm-4">
+		<textarea name="geneid" class="form-control" rows="1">{{ probeset.geneid |default('', true) }}</textarea>
+		<input name="old_geneid" class="changed" type="hidden" value="{{ probeset.geneid |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="homologeneid" class="col-sm-3 col-lg-2 control-label text-left">
+		Homolegene Id:
+            </label>
+            <div class="col-sm-4">
+		<textarea name="homologeneid" class="form-control" rows="1">{{ probeset.homologeneid |default('', true) }}</textarea>
+		<input name="old_homologeneid" class="changed" type="hidden" value="{{ probeset.homologeneid |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="unigeneid" class="col-sm-3 col-lg-2 control-label text-left">
+		Unigene Id:
+            </label>
+            <div class="col-sm-4">
+		<textarea name="unigeneid" class="form-control" rows="1">{{ probeset.unigeneid |default('', true) }}</textarea>
+		<input name="old_unigeneid" class="changed" type="hidden" value="{{ probeset.unigeneid |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="omim" class="col-sm-3 col-lg-2 control-label text-left">OMIM</label>
+            <div class="col-sm-4">
+		<textarea name="omim" class="form-control" rows="1">{{ probeset.omim |default('', true) }}</textarea>
+		<input name="old_omim" class="changed" type="hidden" value="{{ probeset.omim |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="refseq_transcriptid" class="col-sm-3 col-lg-2 control-label text-left">
+		Refseq TranscriptId:
+            </label>
+            <div class="col-sm-4">
+		<textarea name="refseq_transcriptid" class="form-control" rows="1">{{ probeset.refseq_transcriptid |default('', true) }}</textarea>
+		<input name="old_refseq_transcriptid" class="changed" type="hidden" value="{{ probeset.refseq_transcriptid |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="blatseq" class="col-sm-3 col-lg-2 control-label text-left">BlatSeq</label>
+            <div class="col-sm-8">
+		<textarea name="blatseq" class="form-control" rows="6">{{ probeset.blatseq |default('', true) }}</textarea>
+		<input name="old_blatseq" class="changed" type="hidden" value="{{ probeset.blatseq |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="targetseq" class="col-sm-3 col-lg-2 control-label text-left">TargetSeq</label>
+            <div class="col-sm-8">
+		<textarea name="targetseq" class="form-control" rows="6">{{ probeset.targetseq |default('', true) }}</textarea>
+		<input name="old_targetseq" class="changed" type="hidden" value="{{ probeset.targetseq |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="strand_probe" class="col-sm-3 col-lg-2 control-label text-left">Strand Probe</label>
+            <div class="col-sm-2">
+		<textarea name="strand_probe" class="form-control" rows="1">{{ probeset.strand_probe |default('', true) }}</textarea>
+		<input name="old_strand_probe" class="changed" type="hidden" value="{{ probeset.strand_probe |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_target_region" class="col-sm-3 col-lg-2 control-label text-left">Probe Set Target Region</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_target_region" class="form-control" rows="1">{{ probeset.probe_set_target_region |default('', true) }}</textarea>
+		<input name="old_probe_set_target_region" class="changed" type="hidden" value="{{ probeset.probe_set_target_region_ |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_specificity" class="col-sm-3 col-lg-2 control-label text-left">Probeset Specificity</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_specificity" class="form-control" rows="1">{{ probeset.probe_set_specificity |default('', true) }}</textarea>
+		<input name="old_probe_set_specificity" class="changed" type="hidden" value="{{ probeset.probe_set_specificity |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_blat_score" class="col-sm-3 col-lg-2 control-label text-left">Probeset Blat Score</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_blat_score" class="form-control" rows="1">{{ probeset.probe_set_blat_score |default('', true) }}</textarea>
+		<input name="old_probe_set_blat_score" class="changed" type="hidden" value="{{ probeset.probe_set_blat_score |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_blat_mb_start" class="col-sm-3 col-lg-2 control-label text-left">
+		Probeset Blat Mb Start</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_blat_mb_start" class="form-control" rows="1">{{ probeset.probe_set_blat_mb_start |default('', true) }}</textarea>
+		<input name="old_probe_set_blat_mb_start" class="changed" type="hidden" value="{{ probeset.probe_set_blat_mb_start |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_blat_mb_end" class="col-sm-3 col-lg-2 control-label text-left">Probeset Blat Mb End</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_blat_mb_end" class="form-control" rows="6">{{ probeset.probe_set_blat_mb_end |default('', true) }}</textarea>
+		<input name="old_probe_set_blat_mb_end" class="changed" type="hidden" value="{{ probeset.probe_set_blat_mb_end |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_strand" class="col-sm-3 col-lg-2 control-label text-left">Probeset Strand</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_strand" class="form-control" rows="6">{{ probeset.probe_set_strand |default('', true) }}</textarea>
+		<input name="old_probe_set_strand" class="changed" type="hidden" value="{{ probeset.probe_set_strand |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="form-group">
+            <label for="probe_set_note_by_rw" class="col-sm-3 col-lg-2 control-label text-left">Probeset Strand</label>
+            <div class="col-sm-8">
+		<textarea name="probe_set_note_by_rw" class="form-control" rows="6">{{ probeset.probe_set_note_by_rw |default('', true) }}</textarea>
+		<input name="old_probe_set_note_by_rw" class="changed" type="hidden" value="{{ probeset.probe_set_note_by_rw |default('', true) }}"/>
+            </div>
+	</div>
+	<div class="controls left-block col-sm-8 col-lg-8" style="width: max-content;">
+            <input name="id" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
+            <input name="old_id_" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
+            <input name="probeset_name" class="changed" type="hidden" value="{{ probeset.name }}"/>
+            <input type="submit" style="width: 125px; margin-right: 25px;" class="btn btn-success form-control col-xs-2 changed" value="Submit Change">
+	</div>
+    </form>
 </div>
 
-<form id="edit-form" class="form-horizontal" method="post" action="/datasets/traits/{{ name }}?resource-id={{ resource_id }}">
-    <div class="form-group">
-        <label for="symbol" class="col-sm-2 control-label">Symbol:</label>
-        <div class="col-sm-4">
-            <textarea name="symbol" class="form-control" rows="1">{{ probeset.symbol |default('', true) }}</textarea>
-            <input name="old_symbol" class="changed" type="hidden" value="{{ probeset.symbol |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="description" class="col-sm-2 control-label">Description:</label>
-        <div class="col-sm-5">
-            <textarea name="description" class="form-control" rows="3">{{ probeset.description |default('', true) }}</textarea>
-            <input name="old_description" class="changed" type="hidden" value="{{ probeset.description |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_target_description" class="col-sm-2 control-label">Probe Target Description:</label>
-        <div class="col-sm-4">
-            <textarea name="probe_target_description" class="form-control" rows="4">{{ probeset.probe_target_description |default('', true) }}</textarea>
-            <input name="old_probe_target_description" class="changed" type="hidden" value="{{ probeset.probe_target_description |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="chr" class="col-sm-2 control-label">Chr:</label>
-        <div class="col-sm-4">
-            <textarea name="chr" class="form-control" rows="1">{{ probeset.chr_ |default('', true) }}</textarea>
-            <input name="old_chr_" class="changed" type="hidden" value="{{ probeset.chr_ |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="mb" class="col-sm-2 control-label">Mb:</label>
-        <div class="col-sm-4">
-            <textarea name="mb" class="form-control" rows="1">{{ probeset.mb |default('', true) }}</textarea>
-            <input name="old_mb" class="changed" type="hidden" value="{{ probeset.mb |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="alias" class="col-sm-2 control-label">
-            Alias:
-        </label>
-        <div class="col-sm-4">
-            <textarea name="alias" class="form-control" rows="1">{{ probeset.alias |default('', true) }}</textarea>
-            <input name="old_alias" class="changed" type="hidden" value="{{ probeset.alias |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="geneid" class="col-sm-2 control-label">
-            Gene Id:
-        </label>
-        <div class="col-sm-4">
-            <textarea name="geneid" class="form-control" rows="1">{{ probeset.geneid |default('', true) }}</textarea>
-            <input name="old_geneid" class="changed" type="hidden" value="{{ probeset.geneid |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="homologeneid" class="col-sm-2 control-label">
-            Homolegene Id:
-        </label>
-        <div class="col-sm-4">
-            <textarea name="homologeneid" class="form-control" rows="1">{{ probeset.homologeneid |default('', true) }}</textarea>
-            <input name="old_homologeneid" class="changed" type="hidden" value="{{ probeset.homologeneid |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="unigeneid" class="col-sm-2 control-label">
-            Unigene Id:
-        </label>
-        <div class="col-sm-4">
-            <textarea name="unigeneid" class="form-control" rows="1">{{ probeset.unigeneid |default('', true) }}</textarea>
-            <input name="old_unigeneid" class="changed" type="hidden" value="{{ probeset.unigeneid |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="omim" class="col-sm-2 control-label">OMIM:</label>
-        <div class="col-sm-4">
-            <textarea name="omim" class="form-control" rows="1">{{ probeset.omim |default('', true) }}</textarea>
-            <input name="old_omim" class="changed" type="hidden" value="{{ probeset.omim |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="refseq_transcriptid" class="col-sm-2 control-label">
-            Refseq TranscriptId:
-        </label>
-        <div class="col-sm-4">
-            <textarea name="refseq_transcriptid" class="form-control" rows="1">{{ probeset.refseq_transcriptid |default('', true) }}</textarea>
-            <input name="old_refseq_transcriptid" class="changed" type="hidden" value="{{ probeset.refseq_transcriptid |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="blatseq" class="col-sm-2 control-label">BlatSeq:</label>
-        <div class="col-sm-8">
-            <textarea name="blatseq" class="form-control" rows="6">{{ probeset.blatseq |default('', true) }}</textarea>
-            <input name="old_blatseq" class="changed" type="hidden" value="{{ probeset.blatseq |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="targetseq" class="col-sm-2 control-label">TargetSeq:</label>
-        <div class="col-sm-8">
-            <textarea name="targetseq" class="form-control" rows="6">{{ probeset.targetseq |default('', true) }}</textarea>
-            <input name="old_targetseq" class="changed" type="hidden" value="{{ probeset.targetseq |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="strand_probe" class="col-sm-2 control-label">Strand Probe:</label>
-        <div class="col-sm-2">
-            <textarea name="strand_probe" class="form-control" rows="1">{{ probeset.strand_probe |default('', true) }}</textarea>
-            <input name="old_strand_probe" class="changed" type="hidden" value="{{ probeset.strand_probe |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_target_region" class="col-sm-2 control-label">Probe Set Target Region:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_target_region" class="form-control" rows="1">{{ probeset.probe_set_target_region |default('', true) }}</textarea>
-            <input name="old_probe_set_target_region" class="changed" type="hidden" value="{{ probeset.probe_set_target_region_ |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_specificity" class="col-sm-2 control-label">Probeset Specificity:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_specificity" class="form-control" rows="1">{{ probeset.probe_set_specificity |default('', true) }}</textarea>
-            <input name="old_probe_set_specificity" class="changed" type="hidden" value="{{ probeset.probe_set_specificity |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_blat_score" class="col-sm-2 control-label">Probeset Blat Score:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_blat_score" class="form-control" rows="1">{{ probeset.probe_set_blat_score |default('', true) }}</textarea>
-            <input name="old_probe_set_blat_score" class="changed" type="hidden" value="{{ probeset.probe_set_blat_score |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_blat_mb_start" class="col-sm-2 control-label">
-            Probeset Blat Mb Start:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_blat_mb_start" class="form-control" rows="1">{{ probeset.probe_set_blat_mb_start |default('', true) }}</textarea>
-            <input name="old_probe_set_blat_mb_start" class="changed" type="hidden" value="{{ probeset.probe_set_blat_mb_start |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_blat_mb_end" class="col-sm-2 control-label">Probeset Blat Mb End:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_blat_mb_end" class="form-control" rows="6">{{ probeset.probe_set_blat_mb_end |default('', true) }}</textarea>
-            <input name="old_probe_set_blat_mb_end" class="changed" type="hidden" value="{{ probeset.probe_set_blat_mb_end |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_strand" class="col-sm-2 control-label">Probeset Strand:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_strand" class="form-control" rows="6">{{ probeset.probe_set_strand |default('', true) }}</textarea>
-            <input name="old_probe_set_strand" class="changed" type="hidden" value="{{ probeset.probe_set_strand |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="form-group">
-        <label for="probe_set_note_by_rw" class="col-sm-2 control-label">Probeset Strand:</label>
-        <div class="col-sm-8">
-            <textarea name="probe_set_note_by_rw" class="form-control" rows="6">{{ probeset.probe_set_note_by_rw |default('', true) }}</textarea>
-            <input name="old_probe_set_note_by_rw" class="changed" type="hidden" value="{{ probeset.probe_set_note_by_rw |default('', true) }}"/>
-        </div>
-    </div>
-    <div class="controls" style="display:block; margin-left: 40%; margin-right: 20%;">
-        <input name="id" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
-        <input name="old_id_" class="changed" type="hidden" value="{{ probeset.id_ }}"/>
-        <input name="probeset_name" class="changed" type="hidden" value="{{ probeset.name }}"/>
-        <input type="submit" style="width: 125px; margin-right: 25px;" class="btn btn-primary form-control col-xs-2 changed" value="Submit Change">
-        <input type="reset" style="width: 110px;" class="btn btn-primary form-control col-xs-2 changed" onClick="window.location.reload();" value="Reset">
-    </div>
-</form>
-
 {%endblock%}
 
 {% block js %}
-- 
cgit v1.2.3