mako 0.0.0

data/lib/mako/data/flash_widget_dev_core/src/nm/ui/StorageTank.as

@@ -0,0 +1,233 @@
+/* See the file "LICENSE.txt" for the full license governing this code. */
+package nm.ui
+{
+	import flash.display.GradientType;
+	import flash.display.MovieClip;
+	import flash.geom.Matrix;
+	import flash.text.TextField;
+	import flash.text.TextFormat;
+	import it.animation.TweenSingleton;
+	import nm.draw.shapes.RectBorder;
+	public class StorageTank extends Component
+	{
+		protected static var TRACE_STRING:String = "StorageTank.as";
+		protected var bg:MovieClip
+		protected var fill:MovieClip
+		protected var proposedFill:MovieClip
+		protected var percentLabel:TextField
+		protected var availLabel:TextField
+		protected var totalLabel:TextField
+		protected var _totalKB:int;
+		protected var _proposedKB:int;
+		protected var _usedKB:int;
+		protected var _tweener:TweenSingleton;
+		protected var _rotation:Number = 0; // the rotation of the gradients
+			//  used to make overriding easy for StorageTankHorizontal
+		public function StorageTank(width:Number=100, height:Number=200, kbUsed:int = 0, kbAvailible:int = 0)
+		{
+			////trace(TRACE_STRING + "::StorageTank");
+			super(false, width, height);
+			_usedKB = kbUsed;
+			_totalKB = kbAvailible;
+			bg = new MovieClip();
+			fill = new MovieClip();
+			proposedFill = new MovieClip();
+			percentLabel = new TextField();
+			availLabel = new TextField();
+			totalLabel = new TextField();
+			// it will be drawn for the first time when it is added to stage
+		}
+		protected function drawBGFill():void
+		{
+			bg.graphics.clear();
+			// draw gradient fill
+			var colors:Array = getStyle('bgColors')
+			var alphas:Array = [100, 100, 100]
+			var ratios:Array = [0, 0xB0, 0xFF];
+			var fillMatrix:Matrix = new Matrix();
+			fillMatrix.createGradientBox(width, height, _rotation, 0, 0);
+			bg.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, fillMatrix);
+			bg.graphics.drawRect(0,0,_width, _height);
+			//draw Border
+			RectBorder.draw(bg, 0, 0, width, height, getStyle("borderWidth"), getStyle("borderColor"), 1);
+		}
+		public override function draw():void
+		{
+			////trace(TRACE_STRING + "::draw");
+			styleDefaults();
+			// NOTE: creating the clips in the constructor
+			//bg = new MovieClip();
+			addChild(bg);
+			//fill = new MovieClip();
+			addChild(fill);
+			//proposedFill = new MovieClip();
+			addChild(proposedFill);
+			//percentLabel = new TextField();
+			addChild(percentLabel);
+			percentLabel.width = this.width;
+			percentLabel.selectable = false;
+			percentLabel.autoSize = 'center';
+			percentLabel.defaultTextFormat = new TextFormat('_sans', 20, 0xFFFFFF, true);
+			//availLabel = new TextField();
+			availLabel.width = this.width;
+			availLabel.selectable = false;
+			availLabel.autoSize = 'center';
+			availLabel.defaultTextFormat = new TextFormat('_sans', 10, 0);
+			addChild(availLabel);
+			//totalLabel = new TextField();
+			totalLabel.width = this.width;
+			totalLabel.selectable = false;
+			totalLabel.autoSize = 'center';
+			totalLabel.defaultTextFormat = new TextFormat('_sans', 10, 0);
+			addChild(totalLabel);
+			redraw();
+		}
+		public override function redraw():void
+		{
+			drawBGFill();
+			proposedFill.y = fill.y = height - getStyle('borderWidth')
+			drawGradientBar(proposedFill, 40, proposedPercent) // Math.floor(((proposedKB + _usedKB) / _totalKB)*100)
+			// only draw fill if total isnt unlimited and there is actually anything to draw
+			drawGradientBar(fill, 100, percent)
+			updateDisplay();
+		}
+		/**
+		 * Any time the display may have changed, this is called
+		 */
+		protected function updateDisplay():void
+		{
+			if(_totalKB == -1)
+			{
+				percentLabel.text = '';
+				totalLabel.text = availLabel.text = 'unlimited';
+				drawGradientBar(proposedFill, 0, 0) ;
+				drawGradientBar(fill, 0, 0);
+			}
+			else
+			{
+				percentLabel.text = percent + '%';
+				percentLabel.y = height - percentLabel.height;
+				availLabel.text = formatSize(_totalKB-_usedKB) + ' avail.';
+				availLabel.y = -availLabel.height;
+				totalLabel.y = height;
+				totalLabel.text = formatSize(_totalKB) +' total';
+				drawGradientBar(proposedFill, .40, proposedPercent);
+				drawGradientBar(fill, 1.00, percent);
+				TweenSingleton.addTween(fill, "height", (height - (2*getStyle('borderWidth'))) * (percent/100), 20, 6)
+				TweenSingleton.addTween(proposedFill, 'height', (height - (2*getStyle('borderWidth'))) * (proposedPercent/100), 28, 6)
+			}
+		}
+		public function formatSize(kb:Number):String
+		{
+			var unit:String = 'kb'
+			if(kb >= 1048576){
+				unit = 'Gb'
+				kb = Math.round((kb / 1048576)*100)/100
+			}
+			else if(kb >= 1024){
+				unit = 'Mb'
+				kb = Math.round((kb / 1024)*10)/10
+			}
+			return kb + unit;
+			}
+		/**
+		 * Draw the fill bars
+		 * @param	target	movieclip to draw on
+		 * @param	alpha	alpha you want the entire bar to be
+		 * @param	percent	0-100% value that will represent the bar's height
+		 */
+		protected function drawGradientBar(target:MovieClip, alpha:Number, percent:Number):void
+		{
+			target.graphics.clear()
+			var borderWidth:Number = getStyle('borderWidth');
+			var fillWidth:Number = width - (2*borderWidth);
+			var barHeight:Number =  1;
+			var colors:Array;
+			if(percent < getStyle('warnPercent'))
+			{
+				colors = getStyle('okColors')
+			}
+			else if(percent < getStyle('criticalPercent'))
+			{
+				colors = getStyle('warnColors')
+			}
+			else
+			{
+				colors = getStyle('criticalColors')
+			}
+			var alphas:Array = [alpha, alpha, alpha];
+			var ratios:Array = [0, 0x3F, 0xFF];
+			var fillMatrix:Matrix = new Matrix();
+			fillMatrix.createGradientBox(width, barHeight,_rotation, 0, 0);
+			target.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, fillMatrix);
+			target.graphics.drawRect(borderWidth, 0, fillWidth, -barHeight);
+			// the little highlights
+			var colors2:Array = [colors[0], 0xFFFFFF, colors[2]];
+			target.graphics.lineGradientStyle(GradientType.LINEAR, colors2, alphas, ratios, fillMatrix);
+			target.graphics.moveTo(borderWidth, -barHeight);
+			target.graphics.lineTo(fillWidth, -barHeight);
+			target.graphics.endFill();
+		}
+		/**
+		 * Define all the style defaults for this component
+		 */
+		protected override function styleDefaults():void{
+			setStyle('warnPercent', 75)
+			setStyle('criticalPercent', 95);
+			setStyle('warnColors', [0xC1AF13, 0xE4CF12, 0x846B0D]);
+			setStyle('criticalColors', [0xBF4715, 0xD64521, 0x792117]);
+			setStyle('okColors', [0x62983D, 0x72AC4A, 0x3A6031]);
+			setStyle('borderColor', 0x000000);
+			setStyle('bgColors', [0x5E5E5E, 0xA6A6A6, 0x999999]);
+			setStyle('borderWidth', 1);
+			setStyle('percentColor', 0xFFFFFF);
+			setStyle('detailTextColor', 0x000000);
+		}
+		/**
+		 * Set the storage display
+		 * @param	kbUsed	Number, kb of space used
+		 * @param	kbAvailible	Number, kb of space availible, for unlimited send -1
+		 */
+		public function setStorage(kbUsed:Number, kbAvailible:Number):void
+		{
+			////trace(TRACE_STRING + "::setStorage");
+			_usedKB= kbUsed
+			_totalKB = kbAvailible
+			updateDisplay();
+		}
+		protected function limitPercent(val:Number):Number
+		{
+			if(isNaN(val)) val = 0
+			else if(val > 100) val = 100
+			else if(val < 0 ) val = 0;
+			return val;
+		}
+		/**
+		 * Get the percentage of used space based on the kbUsed and kbAvailible args, value is 1-100
+		 */
+		public function get percent():Number
+		{
+			var val:Number = Math.floor((_usedKB/_totalKB)*100);
+			return limitPercent(val);
+		}
+		/**
+		 * Get the proposed space to be used as a percentage of the total space availible, value is 1-100
+		 */
+		public function get proposedPercent():Number
+		{
+			var val:Number = Math.floor(((_proposedKB + _usedKB) / _totalKB)*100)
+			return limitPercent(val);
+		}
+		/**
+		 * Add a single display item to show the proposed change in storage.  If your uploading 20kb and want to display that on the
+		 * StorageTank, call setProposedChange(20) and a volume above the currently used kb will be drawn
+		 * @param	kbChange	The delta in kb that the proposed storage will use (in addition to the current 145kb, I want to visualize what my 65kb upload will be)
+		 */
+		public function setProposedChange(kbChange:Number):void
+		{
+			////trace(TRACE_STRING + "::setProposedChange");
+			_proposedKB = kbChange
+			updateDisplay()
+		}
+	}
+}

data/lib/mako/data/flash_widget_dev_core/src/nm/ui/StorageTankHorizontal.as

@@ -0,0 +1,109 @@
+/* See the file "LICENSE.txt" for the full license governing this code. */
+package nm.ui
+{
+	import nm.ui.StorageTank;
+	import flash.display.GradientType;
+	import flash.display.MovieClip;
+	import flash.geom.Matrix;
+	import flash.text.TextField;
+	import flash.text.TextFormat;
+	import it.animation.TweenSingleton;
+	public class StorageTankHorizontal extends StorageTank
+	{
+		public function StorageTankHorizontal(width:Number=100, height:Number=200, kbUsed:int = 0, kbAvailible:int = 0)
+		{
+			_rotation = 3*Math.PI/2;
+			super(width, height, kbUsed, kbAvailible);
+		}
+		public override function draw():void
+		{
+			////trace(TRACE_STRING + "::draw");
+			styleDefaults();
+			bg = new MovieClip();
+			addChild(bg);
+			fill = new MovieClip();
+			fill.x = 1; // HACK CODE -> it was showing up a pixel off
+			addChild(fill);
+			proposedFill = new MovieClip();
+			proposedFill.x = 1; // HACK CODE -> it was showing up a pixel off
+			addChild(proposedFill);
+			percentLabel = new TextField();
+			percentLabel.width = this.width;
+			percentLabel.selectable = false;
+			percentLabel.autoSize = 'left';
+			percentLabel.defaultTextFormat = new TextFormat('_sans', 20, 0xFFFFFF, true);
+			addChild(percentLabel);
+			availLabel = new TextField();
+			availLabel.width = this.width;
+			availLabel.selectable = false;
+			availLabel.autoSize = 'left';
+			availLabel.defaultTextFormat = new TextFormat('_sans', 10, 0xffffff);
+			addChild(availLabel);
+			totalLabel = new TextField();
+			totalLabel.width = this.width;
+			totalLabel.selectable = false;
+			totalLabel.autoSize = 'right';
+			totalLabel.defaultTextFormat = new TextFormat('_sans', 10, 0xffffff);
+			addChild(totalLabel);
+			redraw();
+		}
+		protected override function updateDisplay():void
+		{
+			if(_totalKB == -1)
+			{
+				percentLabel.text = '';
+				totalLabel.text = availLabel.text = 'unlimited';
+				drawGradientBar(proposedFill, 0, 0) ;
+				drawGradientBar(fill, 0, 0);
+			}
+			else
+			{
+				percentLabel.text = percent + '%';
+				percentLabel.y = height - percentLabel.height;
+				availLabel.text = formatSize(_totalKB-_usedKB) + ' avail.';
+				availLabel.y = height;
+				totalLabel.y = height;
+				totalLabel.text = formatSize(_totalKB) +' total';
+				drawGradientBar(proposedFill, .40, proposedPercent);
+				drawGradientBar(fill, 1.00, percent);
+				TweenSingleton.addTween(fill, "width", (width - (2*getStyle('borderWidth'))) * (percent/100), 20, 6)
+				TweenSingleton.addTween(proposedFill, 'width', (width - (2*getStyle('borderWidth'))) * (proposedPercent/100), 28, 6)
+			}
+		}
+		protected override function drawGradientBar(target:MovieClip, alpha:Number, percent:Number):void
+		{
+			target.graphics.clear()
+			var borderWidth:Number = getStyle('borderWidth');
+			var colors:Array;
+			var barWidth:Number = 1;
+			var fillHeight:Number = height - (2*borderWidth);
+			if(percent < getStyle('warnPercent'))
+			{
+				colors = getStyle('okColors')
+			}
+			else if(percent < getStyle('criticalPercent'))
+			{
+				colors = getStyle('warnColors')
+			}
+			else
+			{
+				colors = getStyle('criticalColors')
+			}
+			var alphas:Array = [alpha, alpha, alpha];
+			var ratios:Array = [0, 0x3F, 0xFF];
+			var fillMatrix:Matrix = new Matrix();
+			fillMatrix.createGradientBox(barWidth, -height, _rotation, 0, 0);
+			target.graphics.beginGradientFill(GradientType.LINEAR, colors, alphas, ratios, fillMatrix);
+			target.graphics.drawRect(borderWidth, -height+(2*borderWidth), -barWidth, fillHeight);
+			// the little highlights
+			// TODO: fix this, it looks cool
+			/*
+			var colors2:Array = [colors[0], 0xFFFFFF, colors[2]];
+			target.graphics.lineGradientStyle(GradientType.LINEAR, colors2, alphas, ratios, fillMatrix);
+			target.graphics.moveTo(borderWidth, -barHeight);
+			target.graphics.lineTo(fillWidth, -barHeight);
+			target.graphics.endFill();
+			*/
+		}
+	}
+}