josefrichter/jquery-grayscale 17
convert images to grayscale using canvas
PLEASE CHECK http://github.com/lifo/docrails/wikis
josefrichter/facebook_oauth_sinatra 3
facebook oauth process and api calls in Ruby/Sinatra
Demo code used in a screencast tutorial about the carousel component in Sencha Touch.
app for submitting suggestions and their individual features and voting on them
josefrichter/Facebooker-test 1
facebook iframe canvas app, using facebooker gem
A demonstration of building a simple CRUD application using Sencha Touch's MVC architecture.
helvetibook website
www.ischool.cz website
push eventtelekom/scale
commit sha b30d146ae7f309fb4836829fa4d6baa26599b74b
chore: add angular demo
push time in 14 hours
issue closedtelekom/scale
app-shell: footer is unreachable when page's height is not much larger than viewport's
I've encountered a strange behavior on the header bar. When the page is just barely scrollable (you can see only part of the footer), and you scroll down, the animation of the header starts, but then the page shrinks, which in turn triggers the expanding animation of the header, because there is not enough content to fill the page vertically. The result is that you can never reach the footer.
I'm thinking that is possible to fix this by tweaking (or improving) the logic that triggers the animation. What do you think?
closed time in 15 hours
acstllissue commenttelekom/scale
app-shell: footer is unreachable when page's height is not much larger than viewport's
Fixed in v3.0.0-beta.15 🔨
comment created time in 15 hours
push eventlfe/lfe
commit sha 8d609fa22d281dcbfd6dac5aea34203491130194
Fix error in handling of strings in binary patterns Also took the chance to add some more necessary comments.
push time in a day
push eventtelekom/scale
commit sha 9862599015f39933d3446fc33b12782e0f76a05f
fix(button): add icon scaling and resiziable layout of slot elements
commit sha bd6e07f38e64c7a24d169e647c7812526d6f1e12
fix(dropdown/sketch): improve rendering for select element
push time in a day
issue openedtelekom/scale
Allow slots for footer navigation
I would like to use the footer navigation similarly to how I configure the brand header.
Something like
<scale-app-footer>
<div slot="menu-footer">
<scale-nav-segment
href="...">
Privacy Policy
</scale-nav-segment>
<scale-nav-segment
href="...">
Terms of use
</scale-nav-segment>
</div>
</scale-app-footer>
created time in 2 days
Pull request review commenttelekom/scale
<h4>small</h4> <h4>No Label</h4> <scale-rating-stars rating="5"></scale-rating-stars> + <h3>Checkbox Group Error</h3>+ <scale-radio-button-group+ label="Radio Button Label"+ helper-text="Hilfe es gab einen Fehler"+ >+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ status="error"+ label="Radio Button"+ name="radioError"+ transparent="true"+ input-id="choiceOne"
please unique IDs for all scale-radio-buttons all over index.html (inside a scale-radio-button-group or not)
comment created time in 2 days
Pull request review commenttelekom/scale
+import { Component, h, Host, Prop } from '@stencil/core';+@Component({+ tag: 'scale-radio-button-group',+ styleUrl: './radio-button-group.css',+ shadow: true,+})+export class RadioButtonGroup {+ /** (optional) Input label */+ @Prop() label: string = '';+ /** (optional) Input helper text */
maybe rename this to 'errorMessage', as it is supposed to be an error message, right? How about the handling of this message? (e.g. if error is shown, and then checking a radio button should hide the message)
comment created time in 2 days
Pull request review commenttelekom/scale
+import {+ Meta,+ Story,+ ArgsTable,+ Canvas,+ Description,+} from '@storybook/addon-docs/blocks';+import ScaleRadioButtonGroup from './ScaleRadioButtonGroup.vue';+import { action } from '@storybook/addon-actions';++<Meta+ title="Beta Components/RadioButton Group"+ component={ScaleRadioButtonGroup}+ argTypes={{}}+/>++export const StandardTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const MoreSelectTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandardOne"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandardTwo"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const ErrorTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group+ label="Group Label"+ helper-text="Hilfe es gab einen Fehler"+ >+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ status="error"+ label="Radio Button"+ name="radioError"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ status="error"+ label="Radio Button"+ name="radioError"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++## Standard++<Canvas withSource="none">+ <Story+ name="Standard"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {StandardTemplate.bind({})}+ </Story>+</Canvas>++<ArgsTable story="Standard" />++```html+<scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+</scale-radio-button-group>+```++## One Selectable++<Canvas withSource="none">+ <Story+ name="OneSelect"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {StandardTemplate.bind({})}+ </Story>+</Canvas>++```html+<scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+</scale-radio-button-group>+```++## All Selectable++<Canvas withSource="none">+ <Story+ name="MoreSelect"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {MoreSelectTemplate.bind({})}+ </Story>+</Canvas>++```html+<scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandardOne"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandardTwo"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+</scale-radio-button-group>+```++## Error++<Canvas withSource="none">+ <Story+ name="Error"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {ErrorTemplate.bind({})}+ </Story>+</Canvas>++```html+<scale-radio-button-group label="Group Label" helper-text="Error Helpertext">
helper-text is not visible
comment created time in 2 days
Pull request review commenttelekom/scale
+import {+ Meta,+ Story,+ ArgsTable,+ Canvas,+ Description,+} from '@storybook/addon-docs/blocks';+import ScaleRadioButtonGroup from './ScaleRadioButtonGroup.vue';+import { action } from '@storybook/addon-actions';++<Meta+ title="Beta Components/RadioButton Group"+ component={ScaleRadioButtonGroup}+ argTypes={{}}+/>++export const StandardTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const MoreSelectTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandardOne"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandardTwo"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const ErrorTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group+ label="Group Label"+ helper-text="Hilfe es gab einen Fehler"+ >+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ status="error"+ label="Radio Button"+ name="radioError"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ status="error"+ label="Radio Button"+ name="radioError"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++## Standard++<Canvas withSource="none">+ <Story+ name="Standard"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {StandardTemplate.bind({})}+ </Story>+</Canvas>++<ArgsTable story="Standard" />++```html+<scale-radio-button-group label="Group Label">
no label can be seen (goes for all groups on the page)
comment created time in 2 days
Pull request review commenttelekom/scale
+import {+ Meta,+ Story,+ ArgsTable,+ Canvas,+ Description,+} from '@storybook/addon-docs/blocks';+import ScaleRadioButtonGroup from './ScaleRadioButtonGroup.vue';+import { action } from '@storybook/addon-actions';++<Meta+ title="Beta Components/RadioButton Group"+ component={ScaleRadioButtonGroup}+ argTypes={{}}+/>++export const StandardTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const MoreSelectTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandardOne"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandardTwo"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++export const ErrorTemplate = (args, { argTypes }) => ({+ props: {+ width: { type: String },+ ...ScaleRadioButtonGroup.props,+ },+ computed: {+ wrapperStyles() {+ return {+ maxWidth: this.width,+ };+ },+ },+ template: `+ <div :style="wrapperStyles">+ <scale-radio-button-group+ label="Group Label"+ helper-text="Hilfe es gab einen Fehler"+ >+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ status="error"+ label="Radio Button"+ name="radioError"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ status="error"+ label="Radio Button"+ name="radioError"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+ </scale-radio-button-group>+ </div>+ `,+});++## Standard++<Canvas withSource="none">+ <Story+ name="Standard"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {StandardTemplate.bind({})}+ </Story>+</Canvas>++<ArgsTable story="Standard" />++```html+<scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+</scale-radio-button-group>+```++## One Selectable++<Canvas withSource="none">+ <Story+ name="OneSelect"+ args={{+ label: 'RadioButton Group',+ }}+ >+ {StandardTemplate.bind({})}+ </Story>+</Canvas>++```html+<scale-radio-button-group label="Group Label">+ <div slot="radio-button-list">+ <scale-radio-button+ value="1"+ label="Radio Button"+ name="radioStandard"+ transparent="true"+ input-id="choiceOne"+ ></scale-radio-button>+ <div style="margin-top: 0.5rem"></div>+ <scale-radio-button+ value="2"+ label="Radio Button"+ name="radioStandard"+ input-id="choiceTwo"+ ></scale-radio-button>+ </div>+</scale-radio-button-group>+```++## All Selectable
Is this part of the requirements? If so, we might need some sort of state to handle this (, and an Eventemitter to emit this state).
comment created time in 2 days
startedopencontainers/runc
started time in 2 days
push eventtelekom/scale
commit sha 8b39825d20ea436b0bd969b0098dceeaa1166d63
refactor: code review
commit sha 4d9b72ba9f945d65bce1b8c32cb42f4a72c38785
test: add unit tests
push time in 2 days
startedjosefrichter/resize
started time in 2 days
startedstritzinger/braid
started time in 2 days
push eventtelekom/scale
commit sha 032c60255cea1d6fa95d677dffe5312ce752c49b
refactor: timeout
push time in 2 days
push eventtelekom/scale
commit sha 5352844145960b1dcf5c6a621d6c42e51c2b131f
chore: update TeleNeo (#408) * chore: update TeleNeo to 1.6 * chore(visual-tests): update snapshots after font update
commit sha 4f4bac41915b0c64d6f43ca91eef6254c08bb29f
feat: add fill prop to icon with higher priority than color (#412)
commit sha bfe643e28b8c63d81d5f8a08bab991879a7cd308
chore(boilerplate-angular): remove yarn.lock (#418)
commit sha d567b0a030f4da20e2ff83abf4d47215ee7a002b
Feat/rating stars fixes (#400) * fix: remove Prop() decorator from hoverValue and isHovering * refactor: drop id rating; rename rating, numOfStars, ariaTranslation * refactor: fix hoverValue State, drop mutables, rename getSymbo(), apply BEM * feat: event emitter; add touch support; * feat: write handlebar template * fix: isHovering with State() Decorator; readme up to date * fix: format and lint * refactor: combine getValueFromMousePosition and getValueFromXCoordinate * refactor: getValueFromXPosition due to an unit test issue * refactor: remove Watcher * refactor: index.html; getAriaLabel() * fix: format/lint * fix: adapt readme Co-authored-by: Christian Pajung <[email protected]> Co-authored-by: Arturo Castillo Delgado <[email protected]>
commit sha 8c8b8e969862a80df6c4eea1489292750e591250
refactor(shell+header): improve positioning (#410) * refactor(shell+header): improve positioning * feat(app-shell): add footer slot
commit sha 39a002141aa909eb1100bc5a8f727e0a1ba462a0
fix(a11y): axe audit (#421)
commit sha 6365f0ee7efb2562f50bf269542556c0a8597f34
chore(release): publish
commit sha 5466042ba96358a3da71e19d4315f51044ab7bb9
Merge remote-tracking branch 'origin/main' into release
push time in 3 days
push eventtelekom/scale
commit sha 6365f0ee7efb2562f50bf269542556c0a8597f34
chore(release): publish
push time in 3 days
created tagtelekom/scale
Scale is the digital design system for Telekom products and experiences.
created time in 3 days
push eventtelekom/scale
commit sha 39a002141aa909eb1100bc5a8f727e0a1ba462a0
fix(a11y): axe audit (#421)
push time in 3 days
push eventtelekom/scale
commit sha 0da25c111b7e07feb6a6b5b5d6d93f88b799567d
fix(a11y): axe audit
push time in 3 days
push eventtelekom/scale
commit sha f538a31176b16d225e74ec9de0d3948c10fefb57
fix: make timeout work
push time in 3 days
push eventtelekom/scale
commit sha 8c8b8e969862a80df6c4eea1489292750e591250
refactor(shell+header): improve positioning (#410) * refactor(shell+header): improve positioning * feat(app-shell): add footer slot
commit sha c484641fff8bff2e86654fb6a87146a4569b75cc
Merge branch 'main' into fix/axe-audit
push time in 3 days