AJLeonardi

/*
Supports grids created with ordered and unordered lists. Specifically this was created to support sorting 
1. In your ul, include a list of dictionaries in this format - representing the sortable items: [{"name": "<key name of your column e.g. 'Date_of_Birth'>", "data_type": "<number, string, or date>"}, ....]
2. Within the li containing your column headers, each html element representing the header of a sortable column should have a "data-header" attribute which is set to the corresponding "name" <div class="column" data-header="Date_of_Birth">
3. Within each subsequent li, the li should contain a data attribute for each sortable item's value in this format: <li class='item' data-Date_of_Birth='10/10/2001'>
4. make a ul sortable by instantiating with:  new SortedGrid(ul_obj, "<the column 'name' that is sorted by default>", "<the name of your ascending sort css class for your column header>", "<the name of your ascending sort css class for your column header>");

Full working demo here: https://jsfiddle.ne

AJLeonardi

/*
Setup:

1. Add a unique class to the "container" of the list of items you'll be searching across. The Container must be the closest parent to the elements (e.g. an unordered list)
2. Ensure that each element that will be considered for search has a unique ID
3. Add the class 'search-item' to each element that will be considered for search
4. Add the data-search-string attribute to each element that will be considered for search. This attribute should contain the text that users would search on.
5. ItemSearch assumes the search will be done through user input via an input field. Give your input field a unique ID.

Get it Working On your Page:

AJLeonardi

{"id":"lowwriter_rev2","config":{"vendorId":"0xFEAE","productId":"0x8847","deviceVersion":"0x0001","manufacturer":"TheVan Keyboards","product":"LowWriter","description":"LowWriter MiniVan 40%","matrixRowPins":["D7","B5","F7","D4"],"matrixColumnPins":["D2","D3","D5","D6","B4","B6","F6","F5","F4","F1","F0","B3"],"diodeDirection":"COL2ROW","matrixHasGhost":false,"backlightLevels":1,"backlightPin":"B7","usbMaxPowerConsumption":100,"debouncingDelay":5,"tappingTerm":175,"lockingSupportEnabled":true,"lockingResyncEnabled":true,"commandKeyCombination":"keyboard_report->mods == (MOD_BIT(KC_LSHIFT) | MOD_BIT(KC_RSHIFT))","debugEnabled":true,"printEnabled":true,"actionLayerEnabled":true,"actionTappingEnabled":true,"actionOneShotEnabled":true,"actionMacroEnabled":true,"actionFunctionEnabled":true},"rules":{"mcu":"atmega32u4","processorFrequency":16000000,"architecture":"AVR8","inputClockFrequency":16000000,"bootloaderSize":4096,"bootmagicEnabled":true,"mousekeyEnabled":true,"extrakeyEnabled":true,"consoleEnabled":false,"

AJLeonardi

[
  {
    "name": "Mini Van Standard Layout."
  },
  [
    {
      "c": "#968e85",
      "a": 7,
      "f": 4
    },

AJLeonardi

import boto3
session = boto3.session.Session()
connection = session.resource(
                's3',
                aws_access_key_id= '...', #dreamObjects key
                aws_secret_access_key= '...', #dreamObjects secret key
                endpoint_url= 'https://objects-us-west-1.dream.io',
            )
            
client = connection.meta.client

AJLeonardi

.btn-group {
  position: relative;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group>.btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;