TypeScript example

TypeScript example

HTML

<script src="http://searls.github.io/jasmine-all/jasmine-all-min.js"></script>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>

TypeScript

class Example {

	public options;
    public players(container: any, options: any, that: any,selectedoptions) {

    	private selectedoptions: any;

	    $(".displayInlineBlock").removeClass("SWIMMINGumentIconDiplay");
	    let SWIMMINGImageIcon = "SWIMMINGumentIcon";

	    let extensionType = {
	      ".pdf": "pdfIcon",
	      ".ppt": "pptIcon",
	      ".xls": "xlsIcon",
	      ".xlsx": "xlsIcon",
	      ".SWIMMING": "SWIMMINGumentIcon",
	      ".SWIMMINGx": "SWIMMINGumentIcon",
	      ".msg": "mailIcon"
	    };
	    let lastIndex = options.model.SWIMMINGumentName.lastIndexOf(".");

	    SWIMMINGImageIcon = extensionType[options.model.SWIMMINGumentName.slice(lastIndex).toLowerCase()];

	    if (typeof options.model.SWIMMINGumentIcon != "undefined" && options.model.SWIMMINGumentIcon != "") {
	      SWIMMINGImageIcon = options.model.SWIMMINGumentIcon;
	    }
	    if (typeof SWIMMINGImageIcon == "undefined") {
	      SWIMMINGImageIcon = "newDocIcon";
	    }
	    let kendotxtMenu = "";
	    if (options.model.isElfDoc == true) {
	      kendotxtMenu = "SWIMMINGumentIconDiplay";
	    }
	    //"isElfDoc":true;

	    let input = $("<span class='" + SWIMMINGImageIcon + " displayInlineBlock " + options.model.SWIMMINGumentlength + " " + kendotxtMenu + " ' ></span><ul class='fileTypeHolder' id='fileTypeIcons' style='display: none;'><li class='fileTypeHolderTitle'>ELF Document Type</li><li><span class='SWIMMINGumentIcon displayInlineBlock' (click)='browseFileType(SWIMMING)'></span></li> <li><span class='xlsIcon displayInlineBlock' (click)='browseFileType('xls')'></span></li> <li><span class='pptIcon displayInlineBlock'(click)='browseFileType('ppt')'></span></li> <li><span class='pdfIcon displayInlineBlock' (click)='browseFileType('pdf')'></span></li><li><span class='newDocIcon displayInlineBlock' (click)='browseFileType('newSWIMMING')'></span></li><li><span class='mailIcon displayInlineBlock' (click)='browseFileType('mail')'></span></li><li class='fileTypeHolderCloseBtn'>...