### Initializing Swagger UI with Configuration - JavaScript

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/swagger-ui/index.html

This JavaScript snippet initializes the Swagger UI instance on page load. It dynamically retrieves the API definition URL from the query string or defaults to a public Swagger example. It configures various display and interaction options, including supported HTTP methods, OAuth integration, and translation services. The `onComplete` and `onFailure` callbacks handle post-load actions and error reporting.

```JavaScript
$(function () {\n  var url = window.location.search.match(/url=([^&]+)/);\n  if (url && url.length > 1) {\n    url = decodeURIComponent(url[1]);\n  } else {\n    url = "http://petstore.swagger.io/v2/swagger.json";\n  }\n  hljs.configure({ highlightSizeThreshold: 5000 });\n  // Pre load translate...\n  if(window.SwaggerTranslator) {\n    window.SwaggerTranslator.translate();\n  }\n  window.swaggerUi = new SwaggerUi({\n    url: url,\n    dom_id: "swagger-ui-container",\n    supportedSubmitMethods: ['get', 'post', 'put', 'delete', 'patch'],\n    onComplete: function(swaggerApi, swaggerUi){\n      if(typeof initOAuth == "function") {\n        initOAuth({\n          clientId: "your-client-id",\n          clientSecret: "your-client-secret-if-required",\n          realm: "your-realms",\n          appName: "your-app-name",\n          scopeSeparator: " ",\n          additionalQueryStringParams: {}\n        });\n      }\n      if(window.SwaggerTranslator) {\n        window.SwaggerTranslator.translate();\n      }\n    },\n    onFailure: function(data) {\n      log("Unable to Load SwaggerUI");\n    },\n    docExpansion: "none",\n    jsonEditor: false,\n    defaultModelRendering: 'schema',\n    showRequestHeaders: false,\n    showOperationIds: false\n  });\n  window.swaggerUi.load();\n});
```

--------------------------------

### Initializing Google Analytics Tracking

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/css-social-buttons/sample.html

This JavaScript code initializes Google Analytics tracking using the traditional `_gaq` asynchronous syntax. It sets the account ID, domain name, and tracks page views and page load times, ensuring data is sent to Google Analytics for website performance monitoring.

```JavaScript
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-25061452-1']);
_gaq.push(['_setDomainName', 'smcllns.com']);
_gaq.push(['_setAllowHash', 'false']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
(function() {
  var ga = document.createElement('script');
  ga.type = 'text/javascript';
  ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(ga, s);
})();
```

--------------------------------

### Creating a Zocial Facebook Button with <button>

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/css-social-buttons/README.md

This snippet demonstrates how to create a Zocial social button for Facebook using a standard HTML `<button>` element. It requires the `.zocial` class for general styling and the `.facebook` class to apply the specific Facebook icon and branding.

```HTML
<button class='zocial facebook'>Button label here</button>
```

--------------------------------

### Embedding Twitter Widget JavaScript

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/css-social-buttons/sample.html

This snippet initializes the Twitter widgets JavaScript library, allowing for the display of Twitter buttons and timelines on a webpage. It checks if the script is already loaded before injecting it into the DOM to prevent duplicate loads.

```JavaScript
!function(d,s,id){
  var js,fjs=d.getElementsByTagName(s)[0];
  if(!d.getElementById(id)){
    js=d.createElement(s);
    js.id=id;
    js.src="http://platform.twitter.com/widgets.js";
    fjs.parentNode.insertBefore(js,fjs);
  }
}(document,"script","twitter-wjs");
```

--------------------------------

### Creating a Zocial Twitter Button with <a>

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/css-social-buttons/README.md

This snippet shows how to create a Zocial social button for Twitter using an HTML `<a>` (anchor) element. It utilizes the `.zocial` class for base styling and the `.twitter` class for the Twitter icon and branding, making it suitable for clickable links.

```HTML
<a class="zocial twitter'>Button label</a>
```

--------------------------------

### Processing OAuth Redirect Parameters in JavaScript

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/swagger-ui/o2c.html

This JavaScript snippet parses URL parameters from an OAuth redirect, which can be found in either the URL hash or query string. It converts these parameters into a structured object and then passes them to a function in the parent window, typically to complete an OAuth authentication flow. Finally, it closes the current popup window.

```JavaScript
var qp = null; if(/code|token|error/.test(window.location.hash)) { qp = location.hash.substring(1); } else { qp = location.search.substring(1); } qp = qp ? JSON.parse('{"' + qp.replace(/&/g, '","').replace(/=/g,'":"') + '"}', function(key, value) { return key===""?value:decodeURIComponent(value) } ):{} if (window.opener.swaggerUiAuth.tokenUrl) window.opener.processOAuthCode(qp); else window.opener.onOAuthComplete(qp); window.close();
```

--------------------------------

### Detecting IE10 and jQuery Browser Compatibility in JavaScript

Source: https://github.com/salesviewer/salesviewer-api/blob/master/_includes/themes/hooligan/default.html

This JavaScript Immediately Invoked Function Expression (IIFE) extends jQuery's browser detection capabilities. It specifically checks for Internet Explorer 10 using conditional compilation and adds an 'msie' class to the body element if detected. It also ensures `$.browser` is defined, adding an `msie` property based on the body class.

```JavaScript
(function($){ var $body = $('body'); // use this only if you need to detect IE10 if (Function('/*@cc_on return document.documentMode===10@*/')()){ $body.addClass('msie'); } if(typeof $.browser === 'undefined') { $.browser = { msie: $body.hasClass('msie') }; } })(jQuery);
```

--------------------------------

### Zocial CSS Button Base Styles

Source: https://github.com/salesviewer/salesviewer-api/blob/master/assets/themes/hooligan/css-social-buttons/sample.html

This CSS snippet defines the base styles for the Zocial button library, including general page background, font families for headings and paragraphs, and the main body container's appearance. It also sets specific margins and font size for elements with the 'zocial' class, which are intended to be the buttons.

```CSS
html { background: #f0f0eb; font-family: "Helvetica Neue", sans-serif; } h2, p { font-family: "Pompiere","Helvetica Neue", sans-serif; } body { background: #FFF; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); -webkit-border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; margin: 0 auto 2em; padding: 2em 1em; width: 600px; } body .zocial { margin: 8px 4px; font-size: 13px; } h2 { font-size: 17px; font-weight: normal; padding: 1em 0 0.75em; border-bottom: 1px solid #eee; }
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.