Brandon Donnelson branflake2267
🏠
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
/ index-custom-element.html
Last active
November 13, 2019 02:59
ExtWebComponent custom element usage
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!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
/ components-index.component.js
Created
November 4, 2019 01:44
Example docs layout prototype v4
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| class SenchaComponentsIndex extends HTMLElement { | |
| constructor() { | |
| super(); | |
| let shadowRoot = this.attachShadow({ mode: 'open' }); | |
| this.shadowRoot.innerHTML = ` | |
| <style> | |
| .components_index_component { | |
| padding-left: 20px; |
branflake2267
/ example-prototype-template.html
Last active
November 3, 2019 22:08
Docs v3 layout prototype
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>${component_title}</title> | |
| <!-- Font --> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> | |
| <!-- Icons --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| var htmlTemplate = ` | |
| <style> | |
| html, | |
| body { | |
| font-family: 'Roboto', sans-serif; | |
| } | |
| .example { | |
| border: 1px solid gray; |
branflake2267
/ example-prototype-template.html
Created
November 3, 2019 05:20
Example prototype template
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>${component_title}</title> | |
| <!-- Font --> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> | |
| </head> |
branflake2267
/ docs-component-template-prototype.html
Last active
November 3, 2019 16:36
Example component docs template prototype
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>${component_title}</title> | |
| <!-- Font --> | |
| <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet"> | |
| <!-- Icons --> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| // 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
/ AreaChartComponent.html
Last active
October 25, 2019 14:45
Example using ExtWebComponent Area Chart monthly stock data from AlphaVantage https://www.alphavantage.co
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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
/ AreaChartComponent.html
Last active
November 15, 2019 03:20
Simple ExtWebComponents Chart
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <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" ], |