fss-bind-html directive

The fss-bind-html directive will attempt to strip out all html/markup from the given text. It will replace special characters like newlines, carriage returns, etc with their equivalent entity encoding (e.g., 
 etc) It then takes the resulting "cleaned" text and inserts as html to the destination element. The character escaped entities will then display correctly. This directive is a modification of the ng-sanitize directive by Misko Hevery. Instead of having some html elements that are whitelisted, all have been removed from the whitelist so that no html elements will be allowed.

fss-date-input directive

The fss-date-input is used to populate a model with JavaScript Date object and prevents invalid dates from being set on the model. This means you can rely on the model value, if set, to be a valid date. It will automatically detect an invalid date and will set an error on the form named "invalidDate". Also, it can be used with browsers that do not natively support a date picker. The behavior in this is just the same, the difference being that dates must be entered as text in the form MM/DD/YYYY. There are 2 optional directives that can be used with the fss-date-input directive.
fss-today-or-later will set an error on the form named "dateInPast" if the date is before the current day
fss-end-of-day will automatically set the model value to be the last millisecond of the day

fss-hide-keyboard-on-submit directive

On mobile devices, when using a form to take user input (like a search field), the on screen keyboard will be displayed. The user then can click 'Go', expecting the keyboard to disappear and the search to execute. Some mobile devices will not remove the on screen keyboard unless focus is removed from the active element.
This directive can be added to a form element and will cause the keyboard to disappear after 'Go' is chosen and the form is submitted. Try enter text in each box below (on a mobile device) to see the difference with and without the directive.

fss-bar-graph directive

fss-bar-graph can draw a simple vertical bar graph given a set of data. The data should have a "count" property and an optional "style" which can indicate the color of the item's bar.
e.g. [{count: 4, style: "blue-bar"}, {count: 10, style: "green-bar"]
The style should be defined in your stylesheet, it should have the "background-color" set accordingly. These styles are not supplied here and will need to be added to your project if you want to change the color of the bars.

fss-truncate directive

fss-truncate truncates text to a specified length, appending "..." by default to the end of the truncated text. A user specified truncate end text may also be specified

fss-delayed-change directive

fss-delayed-change executes the angular expression after the model stops changing for a certain time period. The delay defaults to 1 second, but it can be changed by setting the "delay" attribute to the amount of milliseconds to wait.

fss-highlight-on-click directive

fss-highlight-on-click selects the input text when the input is clicked. This works on mobile devices as well.

fss-loading directive

fss-loading directive displays the loading graphic shown below

fss-single-file-select directive

fss-single-file-select uses angular-file-upload to select a single file and assign the ng-model. It will also take care of updating the pristine and dirty values. It can be passed a function to execute once a file is selected.