Fixed spellings

apps/labeling/labeling.js

@@ -125,7 +125,7 @@ function initCore(){
         value:'point',
         callback:toggleMode
       },
-      // measurment tool
+      // measurement tool
       {
         id:'labeling_mode',
         icon:'space_bar',
@@ -158,7 +158,7 @@ function downloadLabel(){
     return;
   }
 
-  // create josn object
+  // create json object
   const data = {
     slideId:$D.params.data['_id']['$oid'],
     name:$D.params.data['name'],
@@ -189,7 +189,7 @@ function getPatchsZip(data){
   $UI.modalbox.open();
   // return;
   data.patches.forEach((p,index)=>{
-    // create somthing
+    // create something
 
     // get image from iip
     if(!p.isPoint) getImage({

apps/model/README.md

@@ -9,7 +9,7 @@
 
 Clicking the plus icon will allow adding a Keras/tensorflowjs trained model.
 
-Select the desired model from the dropdow.
+Select the desired model from the dropdown.
 
 Next, zoom in to an area that you would like to predict and select the required area.
 

apps/viewer/uicallbacks.js

@@ -88,7 +88,7 @@ function multSelector_action(size) {
     $minorCAMIC.viewer.addOnceHandler("tile-drawing", function() {
       $minorCAMIC.viewer.addHandler("zoom", synchornicView2, { type: "zoom" });
       $minorCAMIC.viewer.addHandler("pan", synchornicView2, { type: "pan" });
-      // cerate segment display
+      // create segment display
       $minorCAMIC.viewer.createSegment({
         store: $minorCAMIC.store,
         slide: $D.params.data.name,
@@ -566,7 +566,7 @@ function toggleMagnifier(data) {
       // all tool has turn off
       clearInterval(checkAllToolsOff);
       magnifierOn(+data.status, this.clientX, this.clientY);
-      // trun off the main menu
+      // turn off the main menu
       $UI.layersSideMenu.close();
       $UI.appsSideMenu.close();
       return;

apps/viewer/viewer.html

@@ -9,7 +9,7 @@
       content="width=device-width, initial-scale=1, user-scalable=no"
     />
     <!-- Check If we're logged in ok, otherwise, log in for us -->
-    <!-- REMOVE JQUERY AND AJAX AFTER MODENRIZING DICOM PACKAGE-->
+    <!-- REMOVE JQUERY AND AJAX AFTER MODERNIZING DICOM PACKAGE-->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
     <!-- Thank you -->
     <script src="../../common/authChecker.js"></script>

common/ajv.js

@@ -707,7 +707,7 @@ resolve.schema = resolveSchema;
 /**
  * [resolve and compile the references ($ref)]
  * @this   Ajv
- * @param  {Function} compile reference to schema compilation funciton (localCompile)
+ * @param  {Function} compile reference to schema compilation function (localCompile)
  * @param  {Object} root object with information about the root schema for the current schema
  * @param  {String} ref reference to resolve
  * @return {Object|Function} schema object (if the schema can be inlined) or validation function

common/datatables/vanilla-dataTables.js

@@ -1726,7 +1726,7 @@
             } else {
                 cells = [];
 
-                // Make temperary headings
+                // Make temporary headings
                 hd = createElement("thead");
                 var r = createElement("tr");
                 var c = this.table.tBodies[0].rows[0].cells;

common/sortable/Sortable.js

@@ -517,7 +517,7 @@
 
 			try {
 				if (document.selection) {
-					// Timeout neccessary for IE9
+					// Timeout necessary for IE9
 					_nextTick(function () {
 						document.selection.empty();
 					});

components/camessage/camessage.js

@@ -69,7 +69,7 @@ CaMessage.prototype.changeTxt = function(txt){
  *	       the style that applies on CaMessage
  *	@param {String} [style.size] font size.
  *	@param {String} [style.color] font color.
- *	@param {String} [style.bgColor] backgroud color.
+ *	@param {String} [style.bgColor] background color.
  *	       
  */
 CaMessage.prototype.changeStyle = function(style){
@@ -87,7 +87,7 @@ CaMessage.prototype.changeStyle = function(style){
  *	       the message style
  *	@param {String} [style.size] font size.
  *	@param {String} [style.color] font color.
- *	@param {String} [style.bgColor] backgroud color. 
+ *	@param {String} [style.bgColor] background color. 
  *	@param {number} time 
  *	       The number of seconds to show the message.
  */

components/collapsiblelist/collapsiblelist.js

@@ -1,7 +1,7 @@
 // proposal:
 // test:
 // constructor:options:id,title,icon,isExpand,
-// setList : refeash UI
+// setList : refresh UI
 // triggerContent(itemId, action = 'close')
 // addContent(itemId, elt)
 // clearContent(itemId)
@@ -12,7 +12,7 @@
 		id - element id
 		list:[
 			{
-				id:identity for one sepific item
+				id:identity for one specific item
 				title: text display on head
 				icon:google icon
 				content: stting or DOM Element
@@ -193,7 +193,7 @@ CollapsibleList.prototype.__createItem = function(options){
 
 /**
  * @private
- * the event that will be triggled when click on the head of a item.
+ * the event that will be triggered when click on the head of a item.
  * @param  {Event} e click event
  */
 CollapsibleList.prototype.__click_head = function(e){
@@ -364,7 +364,7 @@ CollapsibleList.prototype.addContent = function(itemId, elt){
 		};
 		return true;
 	}else{
-		console.warn('id is unvalid...');
+		console.warn('id is invalid...');
 		return false;
 	}
 };
@@ -383,7 +383,7 @@ CollapsibleList.prototype.clearContent = function(itemId){
 		empty(content);
 		return true;
 	}else{
-		console.warn('id is unvalid...');
+		console.warn('id is invalid...');
 		return false;
 	}
 };

components/heatmapcontrol/heatmapcontrol.js

@@ -41,7 +41,7 @@ function HeatmapControl(options){
 }
 /**
  * @private
- * __refresh refresh UI part accoding to this.setting
+ * __refresh refresh UI part according to this.setting
  */
 HeatmapControl.prototype.__refresh = function(){
 	empty(this.elt);

components/heatmapediteddatapanel/heatmapediteddatapanel.js

@@ -38,7 +38,7 @@ function HeatmapEditedDataPanel(options){
 }
 /**
  * @private
- * __refresh refresh UI part accoding to this.setting
+ * __refresh refresh UI part according to this.setting
  */
 HeatmapEditedDataPanel.prototype.__refresh = function(){
 	empty(this.elt);
@@ -49,7 +49,7 @@ HeatmapEditedDataPanel.prototype.__refresh = function(){
 		const index = cluster.index;
 		const value = +cluster.value;
 		const color = cluster.color;
-		const cate_value = value?'Poistive':'Negative';
+		const cate_value = value?'Positive':'Negative';
 		const title = createEditedDataTitle(name,cate_value);
 		this.elt.appendChild(title);
 		// add toggle event

components/heatmapeditorpanel/heatmapeditorpanel.js

@@ -66,7 +66,7 @@ HeatmapEditorPanel.prototype.getCurrentOperation = function(){
 }
 /**
  * @private
- * __refresh refresh UI part accoding to this.setting
+ * __refresh refresh UI part according to this.setting
  */
 HeatmapEditorPanel.prototype.__refresh = function(){
 	empty(this.elt);

components/layersviewer/layersviewer.js

@@ -8,7 +8,7 @@
 // search bar is workeds
 
 /**
- * CaMicroscope Layers Viewer. A componet that shows all layers by the different categories.
+ * CaMicroscope Layers Viewer. A component that shows all layers by the different categories.
  * @constructor
  * @param {Object} options
  *        All required and optional settings for instantiating a new instance of a Layer Manager.
@@ -38,7 +38,7 @@ function LayersViewer(options) {
 
   /**
    * @property {Object} _v_model
-   *        View Model for the layers mamager
+   *        View Model for the layers manager
    * @property {Object} _v_model.types
    *        data set group by types
    * @property {String} _v_model.types.name
@@ -245,7 +245,7 @@ LayersViewer.prototype.__refreshUI = function() {
   // 	this.moveLayer(_id,'down');
   // }.bind(this)));
 
-  // initalize checkbox
+  // initialize checkbox
   // if(this.setting.isSortableView){
   // 	this.viewModeSwitch('sort');
   // }else{
@@ -370,7 +370,7 @@ LayersViewer.createCategoricalItem = function(data, type) {
     location_div.classList.add("material-icons");
     location_div.classList.add("md-24");
     location_div.textContent = "room";
-    location_div.title = "Loaction";
+    location_div.title = "Location";
 
     //
     remove_div.addEventListener("click", () => {
@@ -555,7 +555,7 @@ LayersViewer.createControlBar = function() {
     }
   ];
 
-  // return obj for seach bar
+  // return obj for search bar
   const searchBar = {};
   searchBar.text = search_input;
   searchBar.btn = search_btn;

components/loading/loading.js

@@ -26,7 +26,7 @@ Loading.open = function(parentNode ,text = 'Loading...',zIndex=999){
 }
 
 /**
- * factory mothed to create a instance of Loading class/page
+ * factory method to create a instance of Loading class/page
  * @return {Element} the container of Loading page/element
  */
 Loading.createInstance = function(){

components/messagequeue/messagequeue.js

@@ -1,6 +1,6 @@
 // proposal:
 // test case:
-// 1. constructor - postions
+// 1. constructor - positions
 // 2. add - check style, check text
 // 3. addError
 // 4. addWarning
@@ -74,7 +74,7 @@ class MessageQueue{
 	 * @param {String} text 
 	 *        the content of the message
 	 * @param {Number} [time=5000]
-	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destory this messge.
+	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destroy this message.
 	 */
 	addError(text, time = 3000){
 		this.__add(text,'error',time);
@@ -84,7 +84,7 @@ class MessageQueue{
 	 * @param {String} text 
 	 *        the content of the message
 	 * @param {Number} [time=3000]
-	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destory this messge.
+	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destroy this message.
 	 */
 	addWarning(text, time = 1000){
 		this.__add(text,'warning',time);
@@ -95,7 +95,7 @@ class MessageQueue{
 	 * @param {String} text 
 	 *        the content of the message
 	 * @param {Number} [time=1000]
-	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destory this messge.
+	 *        the time, in milliseconds (thousandths of a second), the timer should delay to destroy this message.
 	 */
 	add(text, time = 200){
 		this.__add(text,'info',time);
@@ -108,7 +108,7 @@ class MessageQueue{
 	 * @param  {String} [type=info] 
 	 *         the type of the message. 'info' - information, 'warning' - warning message, 'error' - error message.
 	 * @param  {Number} [time=1000]
-	 *         the time, in milliseconds (thousandths of a second), the timer should delay to destory this messge.
+	 *         the time, in milliseconds (thousandths of a second), the timer should delay to destroy this message.
 	 */
 	__add(text, type='info', time = 1000){
 		const div = MessageQueue.createBullet(text, type);

components/multselector/multselector.js

@@ -7,7 +7,7 @@
 
 
 /**
- * A MultSelector that provide multple selected functionality.
+ * A MultSelector that provide multiple selected functionality.
  *
  * Events:
  * 'remove-all', 'remove', 'select-all', 'select', 'cancel', 'action'
@@ -190,7 +190,7 @@ MultSelector.prototype.setData = function(data){
 /**
  * __addOptions add options to target selector
  * @param  {Select} target
- *         a selector that is a html select elemenet
+ *         a selector that is a html select element
  * @param  {Array} data
  *         The data of selector's options. The form of each option should be an array -> [key - identity,value - text on option].
  */

components/operationpanel/operationpanel.js

@@ -21,7 +21,7 @@
  * @param {String} [options.id]
  *        The container id for operation panel. The all panel'instance will be stored into this.elt if the id empty.
  * @param {String} [options.zIndex=600]
- *        The z index of Intance on webpage.
+ *        The z index of Instance on webpage.
  * @param {String} [options.title='']
  *        The title of the select control for changing the data form.
  * @param {Object} [options.action]
@@ -122,7 +122,7 @@ function OperationPanel(options){
 
 /**
  * @private
- * __refresh refresh UI part accoding to this.setting
+ * __refresh refresh UI part according to this.setting
  */
 OperationPanel.prototype.__refresh = function(){
 	empty(this.elt);
@@ -221,7 +221,7 @@ OperationPanel.prototype.__refresh = function(){
 
 /**
  * @private
- * __formChange the action that will change the data form if there are multiple froms.
+ * __formChange the action that will change the data form if there are multiple forms.
  */
 OperationPanel.prototype.__formChange = function(e){
 	this._form_.schema = this.setting.formSchemas[this._select_.value];

components/popuppanel/popuppanel.js

@@ -19,7 +19,7 @@
  * @param {String} [options.footer.title]
  *                 The text of hint on the action btn.   
  * @param {String} [options.footer.class]
- *                 The css class on teh action btn   
+ *                 The css class on the action btn   
  * @param {String} [options.footer.text]
  *                 The text of action btn
  * @param {Function} [options.footer.callback]
@@ -36,7 +36,7 @@ function PopupPanel(options){
 
 
 	/**
-	 * @property {Element} elt The elements that reperesent the container of the compoment.
+	 * @property {Element} elt The elements that represent the container of the component.
 	 */
 	this.elt = null;
 
@@ -98,7 +98,7 @@ function PopupPanel(options){
 
 /**
  * @private 
- * refresh compoment bases on the setting.
+ * refresh component bases on the setting.
  */
 PopupPanel.prototype.__refresh = function(){
 	empty(this.elt);

components/sidemenu/sidemenu.js

@@ -3,7 +3,7 @@
 // customize position - top, bottom, right, left.
 // customize width/height based on position.
 // test:
-// construtor:
+// constructor:
 // width, isOpen,
 // 
 // method:
@@ -36,12 +36,12 @@ function SideMenu(options){
 	this.elt = null;
 
 	/**
-     * @property {Element} _close_handler The elements that reperesent the close handler.
+     * @property {Element} _close_handler The elements that represent the close handler.
      */
 	this._close_handler = null; // click to close panel
 
 	/**
-     * @property {Element} _close_handler The elements that reperesent the content of the menu.
+     * @property {Element} _close_handler The elements that represent the content of the menu.
      */
 	this._content = null;
 

components/spyglass/spyglass.js

@@ -111,7 +111,7 @@ Spyglass.prototype.setOptions = function(opt){
 
 /**
  * @private
- * __zoom the spyclass's zoom level will change when the target viewer's zoom level is changed
+ * __zoom the spyglass's zoom level will change when the target viewer's zoom level is changed
  * @param  {Event} e
  *         Event
  */