Snippets and Code

Showcase
7

They are a set of snippet that do a variety of things. For example the code below reads the bubble progress bar and returns a value. The current user format is in visual studio code snippet file, but can be easily converted to JavaScript

So the snippet here

	"Bubble - Get progress bar value": {
		"prefix": "Bjs-progressBarValue",
		"body": [
		  "//Get Bubble progress bar value",
		  "function getBubbleProgress() {",
		  "  if (document.getElementById('nprogress')) {",
		  "    let pWidth = Number($(window).width());",
		  "    let pProgress = Number(",
		  "      $('#nprogress')",
		  "        .children('.bar')",
		  "        .css('transform')",
		  "        .split(',')[4]",
		  "    );",
		  "    let pResult = pProgress / pWidth;",
		  "    //Results are returned as a decimal",
		  "    pResult = pResult + 1;",
		  "    pResult = pResult.toFixed(2);",
		  "    return pResult;",
		  "  }",
		  "}"
		],
		"description": "Bubble - Get progress bar value"

Becomes the code here

//Get Bubble progress bar value
function getBubbleProgress() {
  if (document.getElementById('nprogress')) {
    let pWidth = Number($(window).width());
    let pProgress = Number(
      $('#nprogress')
        .children('.bar')
        .css('transform')
        .split(',')[4]
    );
    let pResult = pProgress / pWidth;
    //Results are returned as a decimal
    pResult = pResult + 1;
    pResult = pResult.toFixed(2);
    return pResult;
  }
}

Read here

1 Like