Widget:PillIdentifier: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 164: | Line 164: | ||
if(arrayName.length > 0){ | if(arrayName.length > 0){ | ||
$.each(data.query.results, function(ind, val) { | $.each(data.query.results, function(ind, val) { | ||
///////////////////////////////////////////////////////////////////////// | |||
////// Store each returned result ////// | |||
///////////////////////////////////////////////////////////////////////// | |||
// | |||
//If the .getJSON() function is able to successfully receive information | |||
//from the WikiDoc API, it will begin to execute the unnamed function we | |||
//have provided. The data that is returned is in JSON format, meaning | |||
//that we will have lots of objects within objects. Our function says | |||
//that for EACH property of data.query.results (that is, each returned | |||
//result from the query) we should perform the following operations. | |||
// | |||
//We will first store all the results as local variables. Some of these | |||
//results will need to be converted to a string, so don't be alarmed if | |||
//you see some string() methods. After storing our variables,we | |||
//construct a hyperlink and image URL. Lastly, we add a row to the | |||
//our results table. | |||
// | |||
//The EACH loop will run through all of the described steps before | |||
//starting with the next returned result. Doing this will build a table | |||
//of our results, row by row. | |||
drugNameFull = val.fulltext; | |||
drugNameShort = drugNameFull.split("#")[0]; | |||
pillImprint = val.printouts["Pill Imprint"]; | |||
pillDosage = val.printouts["Pill Dosage"]; | |||
pillIngred = val.printouts["Pill Ingred"]; | |||
pillColor = val.printouts["Pill Color"]; | |||
pillShape = val.printouts["Pill Shape"]; | |||
pillSize = val.printouts["Pill Size (mm)"]; | |||
pillScoring = val.printouts["Pill Scoring"]; | |||
ndc = val.printouts["NDC"]; | |||
pillName = String(val.printouts["Pill Name"][0]).split(' ').join('_'); | |||
///////////////////////////////////////////////////////////////////////// | |||
////// Generate the URL to the image. ////// | |||
///////////////////////////////////////////////////////////////////////// | |||
// | |||
//When a picture is uploaded, the server will place the file in a | |||
//directory. This directory is based upon the MD5 hashed name of file. A | |||
//file named "Example.jpg" will have an MD5 hashed name of: | |||
// "a91fe217e45a700fc2dab0cc476f01c7." | |||
//The file would then be located at the following URl: | |||
// "http://static.wikidoc.org/a/a9/Example.jpg" | |||
//To generate the URL, we use the MD5 method provided in the CryptoJS lib | |||
//This means http://www.wikidoc.org/includes/raty/md5.js must be loaded | |||
//First we create the MD5 hash of the pill name | |||
md5 = String(CryptoJS.MD5(pillName)); | |||
//Next we build the directory name using the first two characters | |||
imageDirect = 'http://static.wikidoc.org/' + md5.charAt(0) + '/' + md5.substring(0,2) + '/' + pillName; | |||
///////////////////////////////////////////////////////////////////////// | |||
////// Create the Drug Name Hyperlink ////// | |||
///////////////////////////////////////////////////////////////////////// | |||
//Turn the spaces into underscores | |||
linkName = String(drugNameShort).split(' ').join('_'); | |||
//String together appropiate text to create the link | |||
drugNameLink = 'http://www.wikidoc.org/index.php/'+linkName; | |||
///////////////////////////////////////////////////////////////////////// | |||
////// Add each iteration of query results to the Results Table ////// | |||
///////////////////////////////////////////////////////////////////////// | |||
// | |||
//Adding the results parameters works in the following way. | |||
// The location of a specific table within the document is assigned to | |||
// the variable "table" | |||
// | |||
// A row is added the to table at the index location (ind being the | |||
// index of the .each() loop. | |||
// | |||
var pillContainer ='<div class="pillResult">' + | |||
'<a href="'+drugNameLink+'">' + | |||
'<img src="'+imageDirect+'" alt"'+drugNameShort+'">' + | |||
'</a>' + | |||
' <div class="pillResult-text">' + | |||
'<h1><a href="'+drugNameLink+'">'+drugNameShort+'</a></h1>' + | |||
'<h2>'+pillDosage+' (' + pillImprint + ')</h2>' + | |||
'<p>'+pillShape+', '+pillColor+', '+pillSize+' mm, Scored ' + pillScoring +', NDC: '+ndc+'</p>'+ | |||
'<p>'+pillIngred+'</p>' + | |||
'</div>' + | |||
'</div>'; | |||
//Add Values to the cells: | |||
$("#resultsTable-container").append(pillContainer); | |||
} | }); | ||
} else { | } else { | ||
$("#resultsTable-container").append("No results found"); | $("#resultsTable-container").append("No results found"); | ||
} | } | ||
}); | }); | ||
$('#resultsTable-container').css("visibility", "visible"); | $('#resultsTable-container').css("visibility", "visible"); | ||
} | } | ||
function updatePillSizeImages() { | function updatePillSizeImages() { | ||
| Line 314: | Line 314: | ||
$("#"+selectedProperty).val(selectedValue); | $("#"+selectedProperty).val(selectedValue); | ||
} | } | ||
function nav(){ | function nav(){ | ||