#ANGULARJS DIRECTIVE FOR ANYCHART CODE#

This will remove the user's custom dashboard and return them back to the default layout. One last action we'll implement is the ability to reset the dashboard. Return (request.then(handleSuccess, handleError)) nfigureTileTitle = 'Configure Tile ' + (index+1).toString() Var index = parseInt(id.substring(12)) - 1 // tile-config-1 => 0, tile-config-2 => 1, etc. $('#configTileColor').spectrum('set', color) Self.clonedTiles = py(self.tiles) // Make a copy of original tile configuration If (!id) // if no id specified, cancel configuration tile action Var ctrl = angular.element('#dashboard').scope().$$childHead.$ctrl Var scope = angular.element('#dashboard').scope() configureTile : Configure (edit) a tile.

#ANGULARJS DIRECTIVE FOR ANYCHART CODE#

The page code invokes nfigureTile(id) within a scope.$evalSync(.) call: without $evalSync, scope changes made in the controller's configureTile function would not be detected and the page wouldn't automatically update.

The event handler for Configure Tile is shown below, but all of the work is done in the controller's configureTile function. Clicking Save commits the changes, saving the updated dialog. As you edit the dialog, the tile changes visually in real-time. When this action is selected, the confguration dialog appears, populated with the tile's properties. The Configure Tile action allows the tile's properties to be edited. Now let's look at how each action is implemented. Var b = parseInt(color.substr(4, 2), 16) Var g = parseInt(color.substr(2, 2), 16) Var r = parseInt(color.substr(0, 2), 16) If (color.length = 7) color = color.substr(1) textColor('#rrggbb') : Given a background color (rrggbb or #rrggbb). Return the best text color for a tile. We've now made that automatic, with the addition of a new controller function, tileTextColor(id), which uses an algorithm found on the Internet for determining the best contrast color for a background color. Previously, when we had a smaller color palette, we used classes to set tile colors-which allowed us to also set the foreground color to white or black, whichever gave the best contrast for the tile color. One other thing to note about tile colors.

Angularjs directive for anychart