krosenberg

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-green; icon-glyph: tree;
// change to the station id closest to you. station id can be found in the purple air url when you click on a sensor circle
// e.g. https://www.purpleair.com/map?opt=1/i/mAQI/a10/cC0&select=21057
const purpleAirStationID = 21057

let items = await loadItems()
let widget = await createWidget(items)
// Check if the script is running in

krosenberg

var RandomSize = Backbone.Collection.extend({
    pageSize: 25,
    nextPage: 1,
    fullCollection: undefined,
    url: '/forensics/api/random/',
    parse: function(resp) {
        return resp.data
    },
    getNextPage: function() {
        var self = this;

krosenberg

Choose the letter that best represents the time statement given in quotes.
If none of the answers are correct, answer 'none' or tell me what a better option would be.

If right now is Feb 19 10:14 AM...

1. "Last Hour"
A) Feb 19 9:00 AM - Feb 19 10:00 AM
B) Feb 19 9:14 AM - Feb 19 10:14 AM

2. "Past Hour"

krosenberg

var TagAdder = (function(regExp, openTag, closeTag) {
	var regExp = regExp || /(?:)/gi;
	var openTag = openTag || '<span class="highlighted">';
	var closeTag = closeTag || '</span>';

	function spliceSlice(str, index, count, add) {
		return str.slice(0, index) + (add || "") + str.slice(index + count);
	}

	return {

krosenberg

/*
  showMore() Adds more models to the first page of a pageable collection.
  It does this by resetting the collection to the current collection plus a number of models
  from fullCollection, and increases the page size to the number of currently-visible models.
*/
Backbone.ShowMoreCollection = Backbone.PageableCollection.extend({
  showMore: function(num) { 
    var num = num || 10;
    var state = this.state;
    var pageNum = state.currentPage;

krosenberg

####D3 "force" layout with nodes situated around a circle

This network graph uses the D3 force layout to draw nodes and links, but instead of using d3.force() to find the best node positions, we draw an invisible arc and evenly places nodes along the circumference.

krosenberg

	initialize: function() {
		this.submit = _.debounce(this.submit, 300);
	},
	
	filterOnKeyUp: function(e) {
	   this.submit();
	},

krosenberg

1) include 	<script src="{{STATIC_URL}}v2/js/backgrid-custom.js" type="text/javascript"></script> after the final backgrid js file.

2) use the following to render a filter:

		var processGroupFilter = new simpleFilter({
		  collection: this.collection,
		  placeholder: "Search Process Groups",
		  fields: ["name", "template", "target"];
		});

krosenberg

<ul class="list-unstyled">

	<li class="market-item">
		<div class="market-item-image">
			<div class="market-item-circle circle-image">
				<img src="filename_of_image" width="40" height="40"/>
			</div>
		</div>
	
		<h4 class="market-item-title primary-color">

krosenberg

These work well when a small graph is needed in a small space. Includes minimal mouseover interaction.