Skip to content

Instantly share code, notes, and snippets.

Avatar
💜
It's going to be OK

Alyssa Nicoll alyssamichelle

💜
It's going to be OK
View GitHub Profile
@alyssamichelle
alyssamichelle / navigation.component.html
Created May 27, 2020
The navigation component used inside of the Kendo UI for Angular Financial Portfolio Demo application — found here:https://github.com/telerik/kendo-angular/tree/master/examples-standalone/finance-portfolio
View navigation.component.html
<kendo-buttongroup [selection]="'single'">
<button kendoButton routerLink="/stocks" routerLinkActive="k-state-active">
Result List
</button>
<button kendoButton routerLink="/heatmap" routerLinkActive="k-state-active">
Heatmap View
</button>
<button kendoButton routerLink="/real-time" routerLinkActive="k-state-active">
Data Virtualization
</button>
View kendo-dropdownlist.html
<kendo-dropdownlist
class="dropdown-list-selection interval"
[style.width.px]="135"
[style.marginRight.px]="8"
[data]="intervals"
[iconClass]="'k-i-arrow-chevron-down'"
[textField]="'name'"
[valueField]="'interval'"
[(value)]="selectedInterval"
[itemDisabled]="disableIncompatibleIntervals">
View Date-Range-Kendo-UI-Component.html
<kendo-daterange>
<kendo-dateinput
kendoDateRangeStartInput
[autoCorrectOn]="'change'"
[min]="calendarMin"
[max]="calendarMax"
[(ngModel)]="range.start"
(valueChange)="handleRangeChange($event, range.end)">
</kendo-dateinput>
<kendo-dateinput
View stock-details.component.html
<kendo-stockchart
class="stock-chart"
[transitions]="true"
[renderAs]="'svg'"
(navigatorFilter)="configureVolumeValueAxisHeight()"
>
<kendo-chart-category-axis>
<kendo-chart-category-axis-item
[crosshair]="{ visible: true }"
[maxDivisions]="20"
@alyssamichelle
alyssamichelle / stock-chart.component.html
Last active May 7, 2020
File from the Kendo UI Financial Portfolio Demo App: examples-standalone/finance-portfolio/src/app/components/stock-chart/stock-chart.component.html
View stock-chart.component.html
<div class="container">
<div class="row py-4 d-flex justify-content-between align-items-center">
<div class="col col-4 d-flex daterange-input-wrap">
<kendo-daterange>
<kendo-dateinput
kendoDateRangeStartInput
[autoCorrectOn]="'change'"
[min]="calendarMin"
[max]="calendarMax"
[(ngModel)]="range.start"
View grid-to-chart-innards.html
<kendo-grid-column field="day_change" title="Change" media="(min-width: 768px)">
<ng-template kendoGridCellTemplate let-dataItem>
<span [ngClass]="{ 'grid-cell-positive' : dataItem.day_change > 0, 'grid-cell-negative' : dataItem.day_change < 0 }">
{{ dataItem.day_change > 0 ? ('+' + dataItem.day_change) : dataItem.day_change }}
</span>
</ng-template>
</kendo-grid-column>
<kendo-grid-column field="change_pct" title="%Change" media="(min-width: 768px)">
<ng-template kendoGridCellTemplate let-dataItem>
View kui-grid-cellclickeevent.js
MouseEvent {
isTrusted: true,
screenX: 431,
screenY: 443,
clientX: 431,
clientY: 309,
ctrlKey: false,
shiftKey: false,
altKey: false,
metaKey: false,
@alyssamichelle
alyssamichelle / mallet.svg
Created Apr 9, 2020
Mallet for an SVG Gong
View mallet.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View gong.svg
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.