Brandon Donnelson branflake2267

🏠

Working from home

Full Stack Engineer who loves to explore how to make life better.

branflake2267 / index-with-requirejs.html

Created November 17, 2019 00:19

Froala Editor with RequireJs usage.

	<!DOCTYPE html>
	<html>

	<head>
	<!-- Load CSS files. -->
	<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.css">

	<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script>
	<script>
	// 1. Define the Froala Editor resources import path

branflake2267 / index.html

Last active November 20, 2019 02:35

Froala editor example using requirejs.

	<!DOCTYPE html>
	<html>

	<head>
	<title>Froala Editor JavaScript Demo</title>

	<!-- 1. Include Froala Editor style -->
	<link href='https://cdn.jsdelivr.net/npm/[email protected]/css/froala_editor.pkgd.min.css' rel='stylesheet'
	type='text/css' />

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 / 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 / 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 / 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 / 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 / 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 / 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 / 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",