diff --git a/anatomy/static/css/anatomy.css b/anatomy/static/css/anatomy.css index 012635b2..3edeb1d6 100644 --- a/anatomy/static/css/anatomy.css +++ b/anatomy/static/css/anatomy.css @@ -396,4 +396,43 @@ td.user-answer-score-2::after { .answer-0 { color: red; -} \ No newline at end of file +} + +.selector { + border-color: #05668d; +} + +.selector input { + color: gray; + background-color: white; + font-size: small; +} + +.selector .selector-available h2, .selector .selector-chosen h2 { + margin-bottom: 0px; + border: none; + /* border-color: #05668d; */ + background-color: #ebf2fa; + color: rgb(28, 184, 65); + +} + +.selector .selector-available select, .selector .selector-chosen select { + border-color: #05668d; +} + +#id_laterality { + margin-top: 30px; +} +#id_laterality li{ + display: inline-block; + border-radius: 4px; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); + background: rgb(28, 184, 65); + padding-right: 10px; +} + +.add-popup { + display: block; +} + diff --git a/rapids/templates/rapids/rapid_form.html b/rapids/templates/rapids/rapid_form.html index 9078de4d..5c02a4e4 100755 --- a/rapids/templates/rapids/rapid_form.html +++ b/rapids/templates/rapids/rapid_form.html @@ -27,10 +27,16 @@ function add_input_form() { var form_idx = $('#id_images-TOTAL_FORMS').val(); - $('#form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx)); + $('#image_form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx)); $('#id_images-TOTAL_FORMS').val(parseInt(form_idx) + 1); } + function add_answers_input_form() { + var form_idx = $('#id_answers-TOTAL_FORMS').val(); + $('#answer_form_set').append($('#empty_form').html().replace(/__prefix__/g, form_idx)); + $('#id_answers-TOTAL_FORMS').val(parseInt(form_idx) + 1); + } + $(document).ready(function () { $("#add_abnormality").appendTo($("label[for='id_abnormality']")); @@ -118,11 +124,12 @@ }; - $('#add_more').click(() => { add_input_form() }); + $('#add_more_images').click(() => { add_input_form() }); + $('#add_more_answers').click(() => { add_answers_input_form() }); function updateFileList() { $("#drop-filenames").empty() - $("#form_set input[type=file]").each((n, el) => { + $("#image_form_set input[type=file]").each((n, el) => { console.log(el); if(el.files.length > 0) { extra_class = " image-ident-loading"; @@ -224,13 +231,25 @@