Skip to content

Instantly share code, notes, and snippets.

View branflake2267's full-sized avatar
🏠
Working from home

Brandon Donnelson branflake2267

🏠
Working from home
View GitHub Profile
@branflake2267
branflake2267 / extwebcomponents.js
Created November 14, 2019 04:15
Example ExtWebComponent chart
const chartTemplate = `
<ext-cartesian
width="1000px"
height="600px"
downloadServerUrl="http://svg.sencha.io"
shadow="true"
insetPadding="25 35 0 10"
axes='[{
"type": "numeric" ,
"position": "left" ,
@branflake2267
branflake2267 / index-custom-element.html
Last active November 13, 2019 02:59
ExtWebComponent custom element usage
<!DOCTYPE html>
<html>
<head>
<title>Sample ExtWebComponents</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=10, user-scalable=yes">
</head>
<body>
<!-- ### (OR) 2. Define the view's html -->
@branflake2267
branflake2267 / components-index.component.js
Created November 4, 2019 01:44
Example docs layout prototype v4
class SenchaComponentsIndex extends HTMLElement {
constructor() {
super();
let shadowRoot = this.attachShadow({ mode: 'open' });
this.shadowRoot.innerHTML = `
<style>
.components_index_component {
padding-left: 20px;
@branflake2267
branflake2267 / example-prototype-template.html
Last active November 3, 2019 22:08
Docs v3 layout prototype
<!DOCTYPE html>
<html>
<head>
<title>${component_title}</title>
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<!-- Icons -->
@branflake2267
branflake2267 / example.component.js
Created November 3, 2019 15:06
Docs layout prototype v2
var htmlTemplate = `
<style>
html,
body {
font-family: 'Roboto', sans-serif;
}
.example {
border: 1px solid gray;
@branflake2267
branflake2267 / example-prototype-template.html
Created November 3, 2019 05:20
Example prototype template
<!DOCTYPE html>
<html>
<head>
<title>${component_title}</title>
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
</head>
@branflake2267
branflake2267 / docs-component-template-prototype.html
Last active November 3, 2019 16:36
Example component docs template prototype
<!DOCTYPE html>
<html>
<head>
<title>${component_title}</title>
<!-- Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<!-- Icons -->
@branflake2267
branflake2267 / launch.json
Created October 25, 2019 19:51
Ext JS VSCode launch configuration
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Debug App",
@branflake2267
branflake2267 / AreaChartComponent.html
Last active October 25, 2019 14:45
Example using ExtWebComponent Area Chart monthly stock data from AlphaVantage https://www.alphavantage.co
<ext-cartesian
width="1000px"
height="600px"
downloadServerUrl="http://svg.sencha.io"
shadow="true"
insetPadding="25 35 0 10"
axes='[{
"type": "numeric" ,
"position": "left" ,
"fields": [ "1. open" ],
@branflake2267
branflake2267 / AreaChartComponent.html
Last active November 15, 2019 03:20
Simple ExtWebComponents Chart
<ext-cartesian
width="500px"
height="500px"
downloadServerUrl="http://svg.sencha.io"
shadow="true"
insetPadding="25 35 0 10"
axes='[{
"type": "numeric" ,
"position": "left" ,
"fields": ["g1", "g2" , "g3" , "g4" , "g5" , "g6" ],