brian3kb

Sencha ExtJS 4.x, 5.x, 6.x Currency Component Field

A simple custom Sencha ExtJS 4.x, 5.x, 6.x component to show correctly formatted currency values on an input box with increment/decrement spinner. Has the xtype 'currencyfield'. When the user is editing the value, the currency symbol is hidden until the edit is complete.

A Pen by Brian Barnett on CodePen.

License.

brian3kb

<ifModule mod_rewrite.c>
  Options +FollowSymLinks
  IndexIgnore */*
  RewriteEngine On
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule (.*) index.html
</ifModule>

brian3kb

/*Call this method after the form has rendered, so either on the afterrender event, or from within a
method bound to that or a similar event that is fired after the form/component has rendered.
Pass the name/id of the form in a way that can be accessed using an ext component query.

In your view/form items array, for each element that you want to have a quicktip, set the property 
qtip: 'your tooltip text here.'

If you want the required asterisk and text, set the property allowBlank: false

e.g.

brian3kb

MCR FRED in CSS

MCR FRED, front-end developer meet up group logo in CSS and HTML, no images or JavaScript (other than the super useful prefixfree.js to deal with browser CSS prefixes).

Cube outlines background with linear-gradients and lots of trial and error.

Hexagon drawing help from http://jsfiddle.net/CreativePunch/PjK84/light/

Little blog post on making this: http://brianbar.net/2015/08/mcr-fred-logo-and-background-in-html-and-css/

brian3kb

/*
ChanceJS (http://chancejs.com) doesn't do UK phone numbers, but you can get close by using chance.string with a 
pool of numbers 0-9 and length 9, then running it through replace with a bit of regex and 
adding a 01 for landline or a 07 for mobiles that will come out correctly formatted with spaces.
Not perfect, and most numbers not real, but it looks better than the US numbers when testing.
*/
var contactNumbers = {
  telephone:  chance.string({pool: '0123456789', length: 9}).replace(/(\d{2})(\d{3})/g, "01$1 $2 "),
  mobile:     chance.string({pool: '0123456789', length: 9}).replace(/(\d{2})(\d{3})/g, "07$1 $2 ")
};