Improvement of front-end of blast app

[hsiaoyi0504]

Just document things can be improved in front end of blast app.

1. use prop() rather than attr() for disabled, checked, and selected
   such as
   

   genomics-workspace/blast/static/blast/scripts/blast-multi.js

   Line 210 in b719f8e

   $('.program').attr('disabled', false).removeClass('disabled-radio');

   
   

   genomics-workspace/blast/static/blast/scripts/blast-multi.js

   Line 212 in b719f8e

   $('.blastp').attr('disabled', 'disabled').addClass('disabled-radio');

   
   It relates to performance and avoid error.

2. Move css on template to specific css file
   such as
   

   genomics-workspace/blast/templates/blast/main.html

   Lines 21 to 30 in b719f8e

   	<style>
   	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
   	box-shadow: inset 0 -2px 0 #317eac;
   	color: #317eac;
   	border: 0px;
   	}
   	.txt:hover {
   	text-decoration: underline;
   	}
   	</style>

   
   

   genomics-workspace/blast/templates/blast/main.html

   Line 66 in b719f8e

   <legend>BLAST Databases <a href="https://i5k.nal.usda.gov/content/blast-tutorial" target="_blank"><span style="float:right"><span class="glyphicon glyphicon-book"></span> Tutorial</span></a></legend>

   
   

   genomics-workspace/blast/templates/blast/main.html

   Line 106 in b719f8e

   <span class="load-nucleotide">Or</span> <span class="load-peptide">load</span> it from disk <span style=" cursor: pointer; font-weight:bold; color: blue;" class="load-nucleotide txt"> (load example) </span>

It will make it more easier to maintain css and avoid error.

3. Use :disabled css selector, rather than add disabled class dynamically.
   https://developer.mozilla.org/zh-TW/docs/Web/CSS/:disabled

[hsiaoyi0504]

It looks like that 3. :disabled css selector, rather than add disabled class dynamically. is not easy to solve. Will do this in the future if possible.

[hsiaoyi0504]

Fixed in #91. Close.