Ji Lucas : One, Two, Three

2018-04-28T07:02:00.000-07:00

salutations Jikimlucas

Welcome to FamilyWall Jikimlucas.flex!

2016-05-13T10:41:00.001-07:00

Easily invite friends and family members

• Tap on the (+) icon next to your Family's main pictures at the top,

• Tap the blue (add member) button,

• Enter a name or pick up one of your contact and invite via email or text message.

Organize your family everyday life

Enjoy a wide range of tools that will help you to organize and share all those special moments with those that trully matter.

• Create events
• Assign tasks
• Send your location
• Chat privately

Share privately in each Circle.

Photos, videos, locations, messages, thoughts... Share every type of moment in your Circle(s)...just with your family and friends.

Have a great day and enjoy FamilyWall with your loved ones

Contact us at Download the FREE App

Any question or feedback?

We'd be delighted to help you :)

FamilyWall is a trademark of Family&Co
Family&Co S.A.S. - 16, rue Théodore de Banville, 75017 Paris - France

Reminder: You are invited to join Ji's FamilyWall

2016-01-20T22:20:00.001-08:00

Hi Jikimlucas.flex,

Please join the Ji's Loving Place's Family I created on FamilyWall.

It's a private and safe place where we can share pictures and videos and organize everyday life.

- Ji

Join the Family

Look who has joined our FamilyWall:

FamilyWall is a trademark of Family&Co
Family&Co S.A.S. - 16, rue Théodore de Banville, 75017 Paris - France

Reminder: You are invited to join Ji's FamilyWall

2016-01-13T22:49:00.001-08:00

Hi Jikimlucas.flex,

Please join the Ji's Loving Place's Family I created on FamilyWall.

It's a private and safe place where we can share pictures and videos and organize everyday life.

- Ji

Join the Family

Look who has joined our FamilyWall:

FamilyWall is a trademark of Family&Co
Family&Co S.A.S. - 16, rue Théodore de Banville, 75017 Paris - France

Reminder: You are invited to join Ji's FamilyWall

2016-01-08T22:39:00.001-08:00

Hi Jikimlucas.flex,

Please join the Ji's Loving Place's Family I created on FamilyWall.

It's a private and safe place where we can share pictures and videos and organize everyday life.

- Ji

Join the Family

Look who has joined our FamilyWall:

FamilyWall is a trademark of Family&Co
Family&Co S.A.S. - 16, rue Théodore de Banville, 75017 Paris - France

Please join me on FamilyWall

2016-01-07T06:53:00.001-08:00

Hi Jikimlucas.flex,

Please join the Ji's Loving Place's Family I created on FamilyWall.

It's a private and safe place where we can share pictures and videos and organize everyday life.

- Ji

Join the Family

Look who has joined our FamilyWall:

FamilyWall is a trademark of Family&Co
Family&Co S.A.S. - 16, rue Théodore de Banville, 75017 Paris - France

ProxyPass

2013-12-02T10:29:00.001-08:00

When I set up ProxyPass module by add it in etc/apache2/site-available/ default , I got the below error after restart apache2.

Invalid command 'ProxyPass', perhaps misspelled or defined by a module not included in the server configuration

As a newbie of Ubuntu, I googled it. basically, I need to enable ProyPass module by running the below command.

1 2	`sudo a2enmod proxy_httpsudo a2enmod proxy_http` sudo a2enmod proxy udo a2enmod proxy

Then, you just need to restart apache2 "sudo service apahce2 restart"

How to edit user profile file easily.

2013-10-22T00:01:00.001-07:00

Well, I am not a person who use terminal or cmd for developing, editing or else. If possible, I am not trying not to run any terminal. but, sometimes, it is required and necessary. Mostly, when I have to edit .profile file for environment setting.

I found the easy way by googling so that I would like to share/blog as a reference for myself.

Basically, open your terminal, run the below. then, textedit with pop-out with your profile.

Then, just edit and save.

open /Applications/TextEdit.app .profile

Reference :

http://trickortip.com/312/andres-felipe-diaz-2/where-is-the-profile-file-in-mac-os-x-lion-mac-terminal-trick.html/

http://stackoverflow.com/questions/13594864/how-to-revert-to-java-1-6-on-mac-os-x-10-7-5

http://support.apple.com/kb/HT5559

VitualBox & Pybossa

2013-09-03T21:27:00.001-07:00

Based on Pybossa's Doc, instead of setting up my own server on my box, I can use VM to have server so that I have save resources and hours of server installation. My first attempt wth VM was so easy. It took me about 15 min. to run VM with Pybossa. Recently, I have upgraded my mac osx to Lion so that I need to re-do 15min work. Something happened. what ever I do, Pybossa was not installed in VM successfully. I tried so many times with different versions of VM & Vargrant. I couldn't understand what it was going on totally. just a download was failing in VM without clear reasons.

Errors :

Get:51 http://us.archive.ubuntu.com precise-backports/main TranslationIndex [888 kB]

STDERR: bzip2: (stdin) is not a bzip2 file.

bzip2: (stdin) is not a bzip2 file.

E: Unable to parse package file /var/lib/apt/lists/partial/us.archive.ubuntu.com_ubuntu_dists_precise-backports_main_i18n_Index (1)

---- End output of apt-get update ----

Ran apt-get update returned 100; ignore_failure is set, continuing

================================================================================

Error executing action `run` on resource 'execute[apt-get-update]'

================================================================================

[2013-08-31T08:36:00+00:00] ERROR: Running exception handlers

[2013-08-31T08:36:00+00:00] ERROR: Exception handlers complete

[2013-08-31T08:36:00+00:00] FATAL: Stacktrace dumped to /var/chef/cache/chef-stacktrace.out

[2013-08-31T08:36:00+00:00] FATAL: Chef::Exceptions::Exec: package[update-notifier-common] (apt::default line 48) had an error: Chef::Exceptions::Exec: apt-get -q -y install update-notifier-common=0.119ubuntu8.5 returned 100, expected 0

Chef never successfully completed! Any errors should be visible in the

output above. Please fix your recipes so that they properly complete.

A few days researching and reviewing, finally, I was able to figure out the issue. It was an issue with Ubuntu repositaries in VM. I need to remove all repos and, add only main and universe repos.

Steps are:

1. create "update_repo_script.sh" with the below content.

echo "Modifying Ubuntu repos"

sudo cp /etc/apt/sources.list /etc/apt/sources.list.backup

sudo rm /etc/apt/sources.list

sudo echo "deb http://by.archive.ubuntu.com/ubuntu/ precise main universe" > /etc/apt/sources.list

echo "End modifying Ubuntu repos"

2. Open Vagrantfile inside of pybossa folder. Add, line to excute "update_report_script.sh"

Vagrant.configure("2") do |config|

config.vm.provision :shell, :path => "update_repo_script.sh"

config.vm.box = "precise32"

config.vm.box_url = "http://files.vagrantup.com/precise32.box"

config.vm.provision :chef_solo do |chef|

chef.add_recipe "apt"

chef.add_recipe "postgresql"

#chef.add_recipe "apache2"

chef.add_recipe "git"

chef.add_recipe "python"

#chef.add_recipe "application"

chef.add_recipe "pybossa"

end

config.vm.network :forwarded_port, host: 5000, guest: 5000

end

3. Now, we are done! after run Vagrant up. Now, installation will start with issues.

Pylons: address already in use when trying to serve

2013-08-06T22:15:00.002-07:00

One night, I forgot to suspend vagrant. basically, my local server was closed automatically somehow. so, I was trying to restart my local server. Then, I got an error that "Address already in use"

Well, I logged out, closed my terminal then, restarted my mac. still, I got the same issue. Then, I found that I need to shut down local server manually. It was pretty simple and easy once I learned this below command.

Enjoy!

This will kill all programs listening to port 5000

kill -9 `fuser -n tcp 5000`

JSONP & Cross Domain

2013-04-12T19:40:00.000-07:00

Whenever we program front end and tries to get data via cross domain, we often hit cross domain issue, our friend. We often try to resolve the issue set policy file or IIS setting or server side programming. Another way to resolve cross domain issue is to use JSONP. I was reviewing js script and found a really good one that was written by Erik Karlsson. It was easy to use. so, I got this script and enhance for error handling.

/*
* Based on Lightweight JSONP fetcher by Erik Karlsson
* Enhanced for error handling, object data handling updated by Ji Lucas
*/
var JSONP = (function(){
var counter = 0, head, window = this, config = {};
function load(url, pfnError) {
var script = document.createElement('script'),
done = false;
script.type = 'text/javascript';
script.src = url;
script.async = true;

var errorHandler = pfnError || config.error;
if ( typeof errorHandler === 'function' ) {
script.onerror = function(ex){
errorHandler({url: url, event: ex});
};
}

script.onload = script.onreadystatechange = function() {
if ( !done && (!this.readyState || this.readyState === "loaded" || this.readyState === "complete") ) {
done = true;
script.onload = script.onreadystatechange = null;
if ( script && script.parentNode ) {
script.parentNode.removeChild( script );
}
}
};

if ( !head ) {
head = document.getElementsByTagName('head')[0];
}
head.appendChild( script );
}
function encode(str) {
return encodeURIComponent(str);
}
function jsonp(url, params, callback, callbackName) {
var query = (url||'').indexOf('?') === -1 ? '?' : '&', key;

callbackName = (callbackName||config['callbackName']||'callback');
var uniqueName = callbackName + "_json" + (++counter);

params = params || {};
for ( key in params ) {
if ( params.hasOwnProperty(key) ) {
query += encode(key) + "=" + encode(params[key]) + "&";
}
}

window[ uniqueName ] = function(data){
var validjson = false

if(typeof data == 'string') {
try {
validjson = JSON.parse(data)
}catch(e) {}
} else if(typeof data == 'object') {
validjson = data
} else {
validjson = JSON.parse(JSON.stringify(data));
console.log('response data was not a JSON string')
}

if(validjson) {
callback(validjson)
} else {
console.log('JSONP call returned invalid JSON or empty JSON')
}

try {
delete window[ uniqueName ];
} catch (e) {}
window[ uniqueName ] = null;
};

load(url + query + callbackName + '=' + uniqueName);
return uniqueName;
}
function setDefaults(obj){
config = obj;
}
return {
get:jsonp,
init:setDefaults
};
}());

GoogleIO 2013 Ticket Competition

2013-04-12T19:22:00.001-07:00

While I were trying to get GoogleIO 2013 Ticket, I faced the fellow errors. It looks so fanny, Whenever we think about google, we are kind of worship their technology and we were never doubt about their knowledge. Unfortunately, the real is often is not true. often, they are disappointing our expectation. but, still we adore them. I am still. anyway, I got my ticket. so, I am looking forward to great 2013 google io tech party.

Simple jQuery with Select option & JSON

2012-10-10T20:26:00.001-07:00

JSON, JQuery are very common recently. but often, we forget how it works properly and spent a few hours to remind ourselves to correct syntax. This sample code is very simple also, very useful jquery with json/select event

1. HTML - Presentation

main div will have select UI. Whenever user selects a option from main div, its user name / location will be displayed on loc div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="main">
</div>
<div id="loc">
</div>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="js/astronaut.js"></script>
</body>
</html>

2. getData.js - Logic

$(document).ready(function() {

When document is ready, json is called to get user's name. Then, populate user names. If there is duplicate name, it will be filter out. filter condition will be found in if statement

$.getJSON('./data/user.json', function(data) {
var output = "<Select id='astSelect' name='astSelect'>";
var astNames = [];
for (var i in data) {
if ($.inArray(data[i].Name, astNames) == -1) {
output += "<option value='" + data[i].Name + "'> " + data[i].Name + "</option>";
astNames.push(data[i].Name);
}
}
output += "</Select>";
document.getElementById("main").innerHTML = output;
});

Whenever user select a option, this change event is called and selected value's corresponded data will be displayed on loc div.

$("#main").change(function() {
var selectedName = $('#astSelect').val();
$.getJSON('./data/user.json', function(data) {
var output = "<ui>";
for (var i in data) {
if (selectedName == data[i].Name) {
output += "<li>Name: " + data[i].Name + " - Location:" + data[i].Latitude + " / " + data[i].Longitude + "</li>";
}
}
output += "</ui>";
document.getElementById("loc").innerHTML = output;
});
});
});

How to generate JSON in app engine servlet

2011-10-11T10:07:00.001-07:00

Well, I was working on pass json to map to draw polygone shape. Easily, I can use stringbuffer to assemble it.but, while I am looking at GSON api, it looks so easy. there is a few things I need to consider.

1. your data type should match with json output. for example, if you are using string, gson will add "" around. so, if you do not want, use long,float, int based on your need.

2. make sure setHtmlSafe = false, if not, it will add unicode that you do not want.

3. make sure your httpserveltresponse = application/json

4. HashMap messages is HashMap of dao object collection. nothing is special here.

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws IOException, ServletException {

processRequest(request, response);

}

public void doPost(HttpServletRequest request, HttpServletResponse response)

throws IOException, ServletException {

processRequest(request, response);

}

@SuppressWarnings("unchecked")

public void processRequest(HttpServletRequest request, HttpServletResponse response)

throws ServletException, IOException {

PrintWriter print = response.getWriter();

response.setContentType("application/json");

response.setCharacterEncoding("UTF-8");

DataAct da = new DataAct();

try {

HashMap messages = da.getNotification();

JsonWriter writer = new JsonWriter(print);

writer.setHtmlSafe(false);

writer.setIndent(" ");

writeMessagesArray(writer, messages);

writer.close();

} catch (ServiceException e) {

e.printStackTrace();

}

public void writeJsonStream(OutputStream out, HashMap messages) throws IOException {

JsonWriter writer = new JsonWriter(new OutputStreamWriter(out, "UTF-8"));

writer.setHtmlSafe(false);

writer.setIndent(" ");

writeMessagesArray(writer, messages);

writer.toString();

writer.close();

}

public void writeMessagesArray(JsonWriter writer, HashMap messages) throws IOException {

writer.beginArray();

for(int i = 0; i < messages.size(); i++){

writeMessage(writer, (Notification)messages.get(new Integer(i)));

}

writer.endArray();

}

public void writeMessage(JsonWriter writer, Notification message) throws IOException {

writer.beginObject();

writer.name("id").value(message.getId());

writer.name("title").value(message.getTitle());

writer.name("type").value(message.getType());

writer.name("lat").value(message.getLat());

writer.name("lon").value(message.getLon());

writer.name("description").value(message.getDescription());

writer.name("imgURL").value(message.getImgURL());

writer.endObject();

}

MashMap message is collection of :

public class Notification {

private int id;

private String title;

private String description;

private String type;

private float lat;

private float lon;

private String imgURL;

.........

}

How to create zip file in App Engine

2011-08-10T21:20:00.001-07:00

As you all know, File can't be created in App Engine. So, regular java approach won't work. so, I was wonder what I should do and how I can approach to resolve the issue.

In the end, it was extremely simple to create ZIP file in App Eninge.

private void createZipFile() throws IOException {

ByteArrayOutputStream baos = new ByteArrayOutputStream();

ZipOutputStream zos = new ZipOutputStream(baos);

zos.putNextEntry(new ZipEntry("First"));

String s = "test1";

zos.write(s.getBytes());

zos.closeEntry();

zos.putNextEntry(new ZipEntry("Second"));

String s2 = "test2";

zos.write(s2.getBytes());

zos.closeEntry();

zos.flush();

baos.flush();

zos.close();

baos.close();

}

Appengine twitter

2011-04-15T21:55:00.001-07:00

While I am looking for answer how my app engine application can twitt automaitcally when it gets data, I found that there is no clear answers.

I do not really need to have oAuth since it is my twitter account and app engine server side needs to twitter.

Also, I didn't want to write to get consumer key or secret. all tutorials on web is started how to generate consumer key/secret from coding...

Eventually, by registering your app via https://dev.twitter.com/apps/new will give all keys what I need. basically, you can get cinsuer_key. consumer_secret, access_token, access_token_secret from the panel once you register.very simple.

Then, now, as you can see the below code, it can make your app engine to tweet via your twitter acount whenever data is received fron your client app to app engine server. easy and fun!

import twitter4j.Twitter;

import twitter4j.TwitterException;

import twitter4j.TwitterFactory;

import twitter4j.auth.AccessToken;

public class TwitterManager {

private static final String betaCONSUMER_KEY = "Jd28exxxxxxxxxxxxxOw";

private static final String betaCONSUMER_SECRET = "2aCSkyWxxxxxxxxxxg";

private static final String betaACCESS_TOKEN = "2658xxxxxxxxxxxxxxxxBD";

private static final String betaACCESS_TOKEN_SECRET = "tExxxxxxxxxxnYGHbk";

public TwitterManager() {

// TODO Auto-generated constructor stub

}

public String updateStatus(String message, boolean isBeta) throws TwitterException{

String s = "No";
AccessToken accessToken;

accessToken = new AccessToken(betaACCESS_TOKEN, betaACCESS_TOKEN_SECRET);



Twitter twitter = new TwitterFactory().getInstance();
   twitter.setOAuthConsumer(betaCONSUMER_KEY, betaCONSUMER_SECRET);
twitter.setOAuthAccessToken(accessToken);

try {
twitter.updateStatus(message);

s = "Successfully updated the status.";

} catch (TwitterException e) {
s = e.getMessage();

}

   return s;

}

Japanese character reading & sending

2011-03-19T14:52:00.000-07:00

While I developed to save Japanese characters, I didn't pay attend to UTF-8 since I was able to see Japanese characters in datastore properly.

The issue was found when I loaded data into my android device. It was a line of code to address this issue.

I just need to set contentType..

public void doGet(HttpServletRequest request, HttpServletResponse response)

throws IOException {

response.setContentType("text/html;charset=UTF-8");

PrintWriter writer=response.getWriter();
......
}

Blob data limit on Google Appengine with Android

2010-11-28T20:52:00.001-08:00

Image files are pretty headache while I am posting data into datastore on Google Appengine as blob.

While I am searching solution, Google appengine java user group already had tons of discussion of it and different ways to resolve the issue since google app engine allows unto 1MB data store is allowed.

My solution was pretty simple although there are a few mistakes.

This was my first step that I overlooked the issue.

1. user takes photos

2. user send photos to appengine

3. appengine gets data and resize photos

4. store resize photos into datastore as blob and post data using Gdata API

step 3, resize was to prevent 1MB data limit and handle it properly. Unfortunately, when application can't resize if original photo data is greater 1MB already. Yes, I got this issue and pull my hairs to resolve it.

Believe or not, I didn't want to resize my data on client side app. but, this issue didn't give any choice so that I added addition step on before i post data into appengine.

1. user takes photos

2. application checks file size if file size is greater than 1MB, app resize image.

3. user send photos to appengine

4. appengine gets data and resize photos

5. store resize photos into datastore as blob and post data using Gdata API

Yes, this addition step resolved the issue. See the below code step to resolve the issue.

1. User takes photos

private function btn_onClickPhoto():void{

if (CameraUI.isSupported)

{

var cameraUI:CameraUI = new CameraUI();

cameraUI.addEventListener(MediaEvent.COMPLETE, function(event:MediaEvent):void {

i.source = event.data.file.url;

photoURL = event.data.file.url;

file = event.data.file;

});

cameraUI.launch(MediaType.IMAGE);

}

else

{

l.text = "CameraUI not supported";

}

2/3 Android application photo resize. Then, send to GOOGLE AppEngine

private function resizePhoto():File{

var bmpd:BitmapData = new BitmapData(2000,1800);

bmpd.draw(iTrack);

var jPEGEncoder:JPEGEncoder = new JPEGEncoder(80);

var imageByteArray:ByteArray = jPEGEncoder.encode(bmpd);

var fl:File = File.applicationStorageDirectory.resolvePath(photoURL);

var fs:FileStream = new FileStream();

try{

fs.open(fl,FileMode.WRITE);

fs.writeBytes(imageByteArray);

fs.close();

}catch(e:Error){

trace(e.message);

}

return fl;

}

private function btn_onClickGoogleUpload():void{

var uploadURL:URLRequest = new URLRequest();

uploadURL.url = "YOUR GOOGLE APPENGINE URL";

var filref:FileReference;

file = new File(photoURL);

if(file.size < 1000000){

filref = FileReference(file);

}

else{

filref = FileReference(resizePhoto());

}

filref.addEventListener(DataEvent.UPLOAD_COMPLETE_DATA,uploadCompleteDataHandler);

filref.addEventListener(Event.COMPLETE, completeHandler);

filref.addEventListener(Event.CANCEL, cancelHandler);

uploadURL.method = URLRequestMethod.GET;

filref.upload(uploadURL);

}

<s:Image id="iTrack" width="100%" height="100%" scaleMode="stretch" />

4 Google AppEngine application code to resize photos.

ImagesService imagesService = ImagesServiceFactory.getImagesService();
Image oldImage = ImagesServiceFactory.makeImage(contentBytes);

int width = oldImage.getWidth();
int height = oldImage.getHeight();

int MAZ_SIZE = 3000;

if(width > MAZ_SIZE || height > MAZ_SIZE){
width = (int) (width*0.5);
height= (int) (height*0.5);
}

Transform resize = ImagesServiceFactory.makeResize(width, height);
Image image = imagesService.applyTransform(resize, oldImage, ImagesService.OutputEncoding.JPEG);

4 Post to PICASA using GData API

private void addToPicasa(String blobKey, String id) {
ImagesService imagesService = ImagesServiceFactory.getImagesService();
BlobKey bk = new BlobKey(blobKey);
Image oldImage = ImagesServiceFactory.makeImageFromBlob(bk);
Transform resize = ImagesServiceFactory.makeResize(1024, 768);
Image image = imagesService.applyTransform(resize, oldImage, ImagesService.OutputEncoding.JPEG);

PicasawebService myService = new PicasawebService("PICTURESHOP");
try {
myService.setUserCredentials("mypicasaaccount@gmail.com", "my.password");
String albumid = "5495486978942507441";

URL albumPostUrl =
new URL("http://picasaweb.google.com/data/feed/api/user/mypicasaaccount/albumid/"+albumid);

PhotoEntry myPhoto = new PhotoEntry();
myPhoto.setTitle(new PlainTextConstruct(id));

MediaSource myMedia = new MediaByteArraySource(image.getImageData(), "image/jpeg");
myPhoto.setMediaSource(myMedia);

PhotoEntry returnedPhoto = myService.insert(albumPostUrl, myPhoto);
} catch (Exception e) {
logger.error(e);
}
}

Manifest for Air Application and Android

2010-10-07T21:37:00.001-07:00

While I am package androd app for air, I got error of invalid attribute on application manifest file. After I googled it, I found the below fix

Incorrect Manifest of Air Application and Android

<?xml version="1.0" encoding="utf-8" standalone="no"?>

<android>

<manifestAdditions>

<manifest>

<![CDATA[

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.RECORD_AUDIO"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

]]>

</manifest>

</manifestAdditions>

</android>

<id>VoiceNotes</id>

<filename>VoiceNotes</filename>

<name>Voice Notes</name>

<supportedProfiles>mobileDevice</supportedProfiles>

<content>VoiceNotes.swf</content>

</initialWindow>

</application>

Updated Manifest of Air application and Andorid

<?xml version="1.0" encoding="utf-8" standalone="no"?>

<android>

<manifestAdditions>

<![CDATA[

<manifest android:installLocation="auto">

<uses-permission android:name="android.permission.INTERNET"/>

<uses-permission android:name="android.permission.RECORD_AUDIO"/>

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>

</manifest>

]]>

</manifestAdditions>

</android>

<id>VoiceNotes</id>

<filename>VoiceNotes</filename>

<name>Voice Notes</name>

<supportedProfiles>mobileDevice</supportedProfiles>

<content>VoiceNotes.swf</content>

</initialWindow>

</application>

QRCode & Adobe Air2.0 & AlivePDF

2010-09-10T20:08:00.001-07:00

Recently, i needed to print QRCode based name badge for attendees. So, I have checked some existing free application. Unfortunately, I didn't like all of them since I needed to print into 4x6 size. Well, so, I decided to write my own application. Here is some constrains on this application

Eventbrite Attendee's list : Eventbrite has public API to get conference info & Attendees. unfortunately, attendee's info is controlled by event organizer. Most organizer doesn't want to expose too much attendee's info. so, I had to get attend's list from event organizer directly. So, we should assume that we are using static exported data.
Garbage data : When I parse each row, i found event brite use "" with delimiter of each field. assume that delimiter is , and inside of each field has ,. it messed up my string parse so that I had to remove , manually. mostly, it is premature data from EventBrite

Step 1.

Create Adobe AIR Application from your flashbuilder

Step 2.

We need to a library that will used for PDF file generation. Get it and place it into your lib folder

AlivePDF.swc : AlivePDF is a client side AS3 PDF generation library for Adobe Flash, Flex and AIR. http://code.google.com/p/alivepdf/

Step 3.

Be familiar with google ZXING that is used to generate QRCode. ZXing (pronounced "zebra crossing") is an open-source, multi-format 1D/2D barcode image processing library implemented in Java. http://code.google.com/p/zxing/

Get ZXING 1.5. When you unzip it, you can find actionscript folder. it contain zxing API so that we can use to generate QRCode. Place it under your src folder or you can make it library and place into lib folder.

Step 4.

Write QRCode generation actionscript class.

package vo
{
import flash.display.Bitmap;
import core.src.com.google.zxing.common.BitMatrix;
import mx.core.BitmapAsset;
import core.src.com.google.zxing.common.flexdatatypes.HashTable;
import flash.net.FileReference;
import flash.display.*;
import flash.net.URLRequest;
import flash.events.Event;
import mx.controls.Alert;

import core.src.com.google.zxing.common.GlobalHistogramBinarizer;
import core.src.com.google.zxing.common.ByteMatrix;
import core.src.com.google.zxing.client.result.ParsedResult;
import core.src.com.google.zxing.client.result.ResultParser;
import core.src.com.google.zxing.DecodeHintType;
import core.src.com.google.zxing.BarcodeFormat;
import core.src.com.google.zxing.BinaryBitmap;
import core.src.com.google.zxing.BufferedImageLuminanceSource;
import core.src.com.google.zxing.MultiFormatReader;
import core.src.com.google.zxing.MultiFormatWriter;
import core.src.com.google.zxing.Result;

public class QRCodeHandler
{
public function QRCodeHandler()
{
}

public function generateQRCode(contents:String):Bitmap
{
var myWriter:MultiFormatWriter = new MultiFormatWriter();
try
{

var result:ByteMatrix = (myWriter.encode(contents,BarcodeFormat.QR_CODE,300,300)) as ByteMatrix;
}
catch (e:Error)
{
Alert.show('An error occurred during the encoding process');
}

var bmpd:BitmapData = new BitmapData(300, 300, false, 0x009900);
var bmp:Bitmap = new Bitmap(bmpd);

for (var h:int=0;h<300;h++)
{
for (var w:int=0;w<300;w++)
{
if (result._get(w,h) == 0)
{
bmpd.setPixel(w,h, 0);
}
else
{
bmpd.setPixel(w,h, 0xFFFFFF);
}
}
}

return bmp;

}

}
}

Step 5.
Here is your application code that read .cvs file and generate it into final version.

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="loadFile();">
<fx:Style source="FileReader.css"/>
<fx:Script>
<![CDATA[
import flash.display.DisplayObject;
import flash.filesystem.File;
import flash.filesystem.FileStream;
import flash.sampler.NewObjectSample;
import flash.utils.ByteArray;

import mx.collections.ArrayCollection;
import mx.collections.XMLListCollection;
import mx.events.CollectionEvent;
import mx.events.CollectionEventKind;
import mx.events.DataGridEvent;
import mx.events.FlexEvent;
import mx.events.ListEvent;

import org.alivepdf.fonts.CoreFont;
import org.alivepdf.fonts.FontFamily;
import org.alivepdf.fonts.IFont;
import org.alivepdf.images.ColorSpace;
import org.alivepdf.layout.Align;
import org.alivepdf.layout.Mode;
import org.alivepdf.layout.Orientation;
import org.alivepdf.layout.Position;
import org.alivepdf.layout.Resize;
import org.alivepdf.layout.Size;
import org.alivepdf.layout.Unit;
import org.alivepdf.links.ILink;
import org.alivepdf.links.InternalLink;
import org.alivepdf.pages.Page;
import org.alivepdf.pdf.PDF;
import org.alivepdf.saving.Method;

import vo.Attendee;
import vo.AttendeeType;
import vo.QRCodeHandler;

[bindable]
private var currentSelectedItemID:String;

[bindable]
private var iColor:uint = 0x0000FF;

public function createPDF(obj:DisplayObject):void
{

var uf:IFont = new CoreFont ( FontFamily.HELVETICA_BOLD );

var customsize:Size = new Size([400,600],"customsize", [4,6],[101.6,152.4]) ;
var p:PDF = new PDF( Orientation.PORTRAIT, Unit.MM, customsize);

p.setMargins(0,15,0,0);
p.addPage();
p.addImage( obj );

var f:FileStream = new FileStream();
var sFileName:String = "sdcPdf/"+ currentSelectedItemID + ".pdf"

var file:File = File.desktopDirectory.resolvePath( sFileName);
if(!file.exists) {
f.open( file, FileMode.WRITE);
var bytes:ByteArray = p.save( Method.LOCAL );
f.writeBytes(bytes);
f.close();
}
}

private function displayInfo(evt:ListEvent):void{

var aFirstName:String = String(evt.currentTarget.selectedItem.firstname);
var aLastName:String = String(evt.currentTarget.selectedItem.lastname);

this.setBadge(aFirstName, aLastName);

//badge layout
aTitle.text = String(evt.currentTarget.selectedItem.title) ;
aCompany.text = String(evt.currentTarget.selectedItem.company) ;
aTwitter.text = String(evt.currentTarget.selectedItem.twitter) ;
firstname.text = aFirstName.toUpperCase() ;
lastname.text = aLastName.toUpperCase() ;

//QRCode generation
var qrInfo:String = aFirstName + " ";
qrInfo = qrInfo + aLastName + "\n";

if(!isEmpty(String(evt.currentTarget.selectedItem.title))){
qrInfo = qrInfo + String(evt.currentTarget.selectedItem.title) + "\n";}

if(!isEmpty(String(evt.currentTarget.selectedItem.company))){
qrInfo = qrInfo + String(evt.currentTarget.selectedItem.company) + "\n";}

qrInfo = qrInfo + String(evt.currentTarget.selectedItem.email) + "\n";

if(!isEmpty(String(evt.currentTarget.selectedItem.tel))){
qrInfo = qrInfo + String(evt.currentTarget.selectedItem.tel) + "\n";}

if(!isEmpty(String(evt.currentTarget.selectedItem.website))){
qrInfo = qrInfo + String(evt.currentTarget.selectedItem.website) + "\n";}

qrInfo = qrInfo + String(evt.currentTarget.selectedItem.asa) + "\n";
qrInfo = qrInfo + String(evt.currentTarget.selectedItem.asa_event) + "\n";

QRImage.source = new QRCodeHandler().generateQRCode(qrInfo);
var sFileStart:String = aLastName;
var sFileEnd:String = String(evt.currentTarget.selectedItem.id);
sFileStart = sFileStart.replace(' ', '');
sFileEnd = sFileEnd.replace(' ', '');
this.currentSelectedItemID = sFileStart + "_" + sFileEnd;
}

private function isEmpty(text:String):Boolean{
if(text == null|| text == ""){
return true;
}
else{
return false;}
}

private function setBadge(fname:String, lname:String):void{
var objType:AttendeeType = new AttendeeType();

if( objType.isStaff(fname, lname)){
color.selectedColor = objType.staffColor;
this.badgeTitle.text = "STAFF";
}
else if( objType.isSpeaker(fname,lname)){
color.selectedColor= objType.speakerColor;
this.badgeTitle.text = "SPEAKER";
}
else if( objType.isSponsor(fname,lname)){
color.selectedColor = objType.sponosorColor;
this.badgeTitle.text = "SPONSOR";
} else
{
color.selectedColor = objType.attendeeColor;
this.badgeTitle.text = "ATTENDEE";
//this.badgeTitle.text = "PRESS";
}
}

private function loadFile():void{
var file:File = File.applicationDirectory.resolvePath("data/SDC0813.csv");
var stream:FileStream = new FileStream();

stream.open(file, FileMode.READ);
var str:String = stream.readUTFBytes(stream.bytesAvailable);
stream.close();

var recordsetCollection:ArrayCollection = new ArrayCollection();
var rowRecordSet:Array = str.split(/\n/gi);
for (var i:String in rowRecordSet)
{
var sTempRecord:String = rowRecordSet[i];
sTempRecord = sTempRecord.replace( /["]/gi,'');
var eachRecord:Array = sTempRecord.split(/,/gi);
var attendee:Attendee = new Attendee();
attendee.id = eachRecord[0];
attendee.lastname = trimWord(eachRecord[1]);
attendee.firstname= trimWord(eachRecord[2]);
attendee.email= trimWord(eachRecord[3]);
attendee.tel= eachRecord[4];
attendee.twitter= reformatTwitter(trimWord(eachRecord[5]));
attendee.title= trimWord(eachRecord[6]);
attendee.company = trimWord(eachRecord[7]);
attendee.website = eachRecord[8];
attendee.asa= "http://m.aspaceapart.net/profiles/" + trimWord(eachRecord[2]) + "_" + trimWord(eachRecord[1]);

attendee.hasBadge = this.hasBadgePDF(eachRecord[0], eachRecord[1]);
recordsetCollection.addItem(attendee);
}
grid.dataProvider = recordsetCollection;
}

private function trimFirstNameForASA(fname:String):String{
if(fname == null)
return '';

fname = fname.replace(' ', '');
return fname;
}

private function hasBadgePDF(sID:String, lName:String):Boolean{
if( lName != null)
{
lName = lName.replace(' ', '');}
if(sID !=null){
sID = sID.replace(' ', '');}

var sFileName:String = "sdcPdf/"+lName+"_"+ sID + ".pdf"

var file:File = File.desktopDirectory.resolvePath( sFileName);
if(file.exists) {
return true;
}
else
return false;
}
private function trimWord(text:String):String{
if(text == null || text == "-"){
text = "";}
if(text.charAt(0) == " "){
text.substr(1, text.length);}
return text;
}
private function reformatTwitter(strTwitter:String):String{
if(strTwitter == null)
return "";
strTwitter = strTwitter.toLocaleUpperCase();
if(strTwitter == "" || strTwitter == " " || strTwitter == "." || strTwitter == "@" || strTwitter == "-")

{
return "";
}

if(strTwitter =="NA" || strTwitter == "N/A" || strTwitter == "N\A" || strTwitter == "NONE" || strTwitter == "NO")

{
return "";
}
if(strTwitter.substring(0) != "@")
{
strTwitter = "@" + strTwitter;
}

strTwitter = strTwitter.replace("@@", "@");

return strTwitter;
}
]]>
</fx:Script>

<s:layout>
<s:VerticalLayout />
</s:layout>
<mx:ColorPicker id="color" color="0x000000"/>
<s:Button label="Generate PDF" click="{createPDF(this.infoPanel);}" />
<s:Panel title="DataGrid Control"
color="0x000000"
borderAlpha="0.15"
width="100%" height="100%">
<s:layout>
<s:HorizontalLayout paddingTop="0" />
</s:layout>
<mx:DataGrid id="grid"
width="600" height="700"
sortableColumns="true"
draggableColumns="true" itemClick="{displayInfo(event);}">
<mx:columns>
<mx:DataGridColumn dataField="id" headerText="ID"/>
<mx:DataGridColumn dataField="firstname" headerText="First"/>
<mx:DataGridColumn dataField="lastname" headerText="Last"/>
<mx:DataGridColumn dataField="title" headerText="Title"/>
<mx:DataGridColumn dataField="company" headerText="Company"/>
<mx:DataGridColumn dataField="email" headerText="eMail"/>
<mx:DataGridColumn dataField="twitter" headerText="twitter"/>
<mx:DataGridColumn dataField="hasBadge" headerText="Badge" />
</mx:columns>
</mx:DataGrid>
<s:BorderContainer width="400" height="600" borderColor="#000000">
<s:layout>
<s:VerticalLayout paddingLeft="0" paddingRight="0" paddingTop="0" paddingBottom="0"/>
</s:layout>
<s:VGroup width="400" height="600" id="infoPanel" horizontalAlign="center">
<s:VGroup width="400" height="130" paddingTop="30" paddingLeft="10">
<mx:Text id="firstname" fontSize="40" fontFamily="Helvetica" fontWeight="bold" width="100%" />

<mx:Text id="lastname" fontSize="40" fontFamily="Helvetica" fontWeight="bold" width="100%" />

</s:VGroup>
<s:HGroup width="400" height="250" verticalAlign="top" paddingTop="45" paddingRight="10" >

<s:VGroup width="240" height="300" paddingLeft="10">
<mx:Text text=" " />
<mx:Text id="aTitle" width="235" fontSize="20" fontFamily="Helvetica" />
<mx:Text id="aCompany" width="235" fontSize="20" fontFamily="Helvetica" />
<mx:Text id="aTwitter" width="235" fontSize="20" fontFamily="Helvetica" />
</s:VGroup>
<mx:Image layoutDirection="ltr" id="QRImage" width="150" verticalAlign="top" />
</s:HGroup>
<s:VGroup width="400" height="220">
<mx:Image horizontalAlign="center" id="sdclogo" source="assets/SDCLOGO.png" height="131" width="400" maintainAspectRatio="true" scaleContent="true"/>

<s:BorderContainer id="badgeBox" backgroundColor="{color.selectedColor}" width="400" height="70">

<mx:Text paddingTop="7" text="ATTENDEE" id="badgeTitle" paddingBottom="0" width="100%" fontFamily="Helvetica" fontWeight="bold" fontSize="40" color="#FFFFFF" textAlign="center"/>

</s:BorderContainer>
</s:VGroup>

</s:VGroup>
</s:BorderContainer>

</s:Panel>
</s:WindowedApplication>

JDO & Appengine & Datastore

2010-09-07T08:42:00.000-07:00

I wonder how I can create table on fly if table doesn't exist on google app engine. It was very easy and straight forward to work with appengine datastore. We need to use JDO. The below is the same codes of creating "Entry" table with 2 fields, ID and Name

Table Definition - Think it as table schema

package com.demo.server;

import javax.jdo.annotations.IdGeneratorStrategy;

import javax.jdo.annotations.PersistenceCapable;

import javax.jdo.annotations.Persistent;

import javax.jdo.annotations.PrimaryKey;

@PersistenceCapable

public class Entry {

@PrimaryKey

@Persistent(valueStrategy = IdGeneratorStrategy.IDENTITY)

Long id;

@Persistent

private String name;

public Long getId() {

return id;

}

public void setId(Long id) {

this.id = id;

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

Servlet Operation of HTTPRequest

package com.demo.server;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.List;

import javax.jdo.JDOHelper;

import javax.jdo.PersistenceManager;

import javax.jdo.PersistenceManagerFactory;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")

public class FlexServiceImpl extends HttpServlet {

private static final PersistenceManagerFactory pmfInstance = JDOHelper.getPersistenceManagerFactory("transactions-optional");

@SuppressWarnings("unchecked")

public void doGet(HttpServletRequest req, HttpServletResponse resp)

throws IOException {

PrintWriter writer=resp.getWriter();

writer.println("<?xml version=\"1.0\"?>\n");

PersistenceManager persistenceManager = pmfInstance.getPersistenceManager();

String operation = req.getParameter("operation");

String name = req.getParameter("name");

if (operation.equalsIgnoreCase("save")){

Entry entry=new Entry();

entry.setName(name);

persistenceManager.makePersistent(entry);

writer.println("<result>Success</result>");

}else if (operation.equalsIgnoreCase("get")){

String query = "select from " + Entry.class.getName();

List<Entry> entries = (List<Entry>) persistenceManager.newQuery(query).execute();

writer.println("<result>");

for (Entry entry : entries) {

writer.println("<entry id=\""+entry.getId()+"\">");

writer.println("<name>"+entry.getName()+"</name>");

writer.println("</entry>");

}

writer.println("</result>");

}

Excel, as3xls, DataGrid

2010-08-06T16:13:00.001-07:00

I was testing to import excel into datagrid. It was painful and too bugg so far. still, I see that it is pretty useful. Here is some samples of how to display excel data into datagrid.

<fx:Script>

<![CDATA[

import com.as3xls.xls.ExcelFile;

import com.as3xls.xls.Sheet;

[Embed(source='data/sample.xls', mimeType='application/octet-stream')]

private var xls:Class;

private var sheet:Sheet;

private function onCreate():void

{

var excelFile:ExcelFile = new ExcelFile();

excelFile.loadFromByteArray(new xls());

sheet = excelFile.sheets[0];

// Display the sheet in the grid

grid.dataProvider = sheet.values;

}

]]>

</fx:Script>

<mx:DataGrid id="grid"

width="100%"

sortableColumns="true"

draggableColumns="true" height="100%">

<mx:columns>

<mx:DataGridColumn dataField="0" headerText="ID" />

<mx:DataGridColumn dataField="1" headerText="Last Name" />

<mx:DataGridColumn dataField="2" headerText="First Name" />

<mx:DataGridColumn dataField="3" headerText="eMail" />

<mx:DataGridColumn dataField="6" headerText="Tweeter" />

<mx:DataGridColumn dataField="7" headerText="Title" />

<mx:DataGridColumn dataField="8" headerText="Company" />

<mx:DataGridColumn dataField="9" headerText="Website" />

<mx:DataGridColumn labelFunction="getASALink" headerText="ASA" />

</mx:columns>

</mx:DataGrid>

RIAPalooza3 Presentation Powerpoint

2010-07-23T11:00:00.000-07:00

I had a great honor to speak at RIAPalooza conference this year. I presented the process from paper based exam to computer based exam based on my experience with clients. there is the link to the presentation.
My presentation of RIAPalooza3.

Vertical Tab Component with Icon

2010-07-18T23:44:00.001-07:00

As we all know, honzontal tab is one of built-in component of flex3. So, I was wondering how I can implement vertical tab nice and smonthly without any overheard. Here is the sample of screen. user can add/remove tab at run time.

Here is the sampe code snapshot of how you can do it.

package containers

{

import flash.display.DisplayObject;

import flash.events.Event;

import flash.events.MouseEvent;

import flash.events.TimerEvent;

import flash.utils.Timer;

import mx.containers.Canvas;

import mx.controls.Button;

import mx.core.ScrollPolicy;

import mx.styles.CSSStyleDeclaration;

import mx.styles.StyleManager;

[Style(name="buttonWidth", type="Number", inherit="no")]

[Style(name="leftButtonStyleName", type="String", inherit="no")]

[Style(name="rightButtonStyleName", type="String", inherit="no")]

[Style(name="upButtonStyleName", type="String", inherit="no")]

[Style(name="downButtonStyleName", type="String", inherit="no")]

[IconFile("ButtonScrollingCanvas.png")]

public class ButtonScrollingCanvas extends Canvas

{

public static var DEFAULT_BUTTON_WIDTH:Number=50;

[Embed(source="assets/swfs/assets.swf", symbol="down_arrow")]

private static var DEFAULT_DOWN_BUTTON:Class;

[Embed(source="assets/swfs/assets.swf", symbol="left_arrow")]

private static var DEFAULT_LEFT_BUTTON:Class;

[Embed(source="assets/swfs/assets.swf", symbol="right_arrow")]

private static var DEFAULT_RIGHT_BUTTON:Class;

[Embed(source="assets/swfs/assets.swf", symbol="up_arrow")]

private static var DEFAULT_UP_BUTTON:Class;

private static function initializeStyles():void

{

var selector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("ButtonScrollingCanvas");

if (!selector) {

selector=new CSSStyleDeclaration();

}

selector.defaultFactory=function():void

this.upButtonStyleName="upButton";

this.downButtonStyleName="downButton";

this.leftButtonStyleName="leftButton";

this.rightButtonStyleName="rightButton";

}

StyleManager.setStyleDeclaration("ButtonScrollingCanvas", selector, false);

var upStyleName:String=selector.getStyle("up

ButtonStyleName");

var upSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + upStyleName);

if (!upSelector) {

upSelector=new CSSStyleDeclaration();

}

upSelector.defaultFactory=function():void{

this.icon=DEFAULT_UP_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + upStyleName, upSelector, false);

var downStyleName:String=selector.getStyle("downButtonStyleName");

var downSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + downStyleName);

if (!downSelector){

downSelector=new CSSStyleDeclaration();

}

downSelector.defaultFactory=function():void{

this.icon=DEFAULT_DOWN_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + downStyleName, downSelector, false);

var leftStyleName:String=selector.getStyle("leftButtonStyleName");

var leftSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + leftStyleName);

if (!leftSelector) {

leftSelector=new CSSStyleDeclaration();

}

leftSelector.defaultFactory=function():void{

this.icon=DEFAULT_LEFT_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + leftStyleName, leftSelector, false);

var rightStyleName:String=selector.getStyle("rightButtonStyleName");

var rightSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + rightStyleName);

if (!rightSelector) {

rightSelector=new CSSStyleDeclaration();

}

rightSelector.defaultFactory=function():void{

this.icon=DEFAULT_RIGHT_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + rightStyleName, rightSelector, false);

}

public function ButtonScrollingCanvas()

{

super();

}

public var scrollJump:Number = 10;

public var scrollSpeed:Number=10;

private var _childrenCreated:Boolean=false;

private var _explicitButtonHeight:Number;

private var _startScrollingEvent:String=MouseEvent.MOUSE_DOWN;

private var _stopScrollingEvent:String=MouseEvent.MOUSE_UP;

private var downButton:Button;

private var innerCanvas:Canvas;

private var leftButton:Button;

private var rightButton:Button;

private var timer:Timer;

private var upButton:Button;

override public function addChild(child:DisplayObject):DisplayObject

{

if (_childrenCreated)

{

return innerCanvas.addChild(child);

}

else

{

return super.addChild(child);

}

override public function addChildAt(child:DisplayObject, index:int):DisplayObject

{

if (_childrenCreated)

{

return innerCanvas.addChildAt(child, index);

}

else

{

return super.addChildAt(child, index);

}

public function get buttonWidth():Number

{

var s:Number=getStyle("buttonWidth");

if (s)

return s;

return ButtonScrollingCanvas.DEFAULT_BUTTON_WIDTH;

}

public function set buttonWidth(value:Number):void

{

this.setStyle("buttonWidth", value);

invalidateDisplayList();

}

public function set explicitButtonHeight(value:Number):void

{

this._explicitButtonHeight=value;

invalidateDisplayList();

}

override public function getChildAt(index:int):DisplayObject

{

return _childrenCreated ? innerCanvas.getChildAt(index) : super.getChildAt(index);

}

override public function getChildByName(name:String):DisplayObject

{

return _childrenCreated ? innerCanvas.getChildByName(name) : super.getChildByName(name);

}

override public function getChildIndex(child:DisplayObject):int

{

return _childrenCreated ? innerCanvas.getChildIndex(child) : super.getChildIndex(child);

}

override public function getChildren():Array

{

return _childrenCreated ? innerCanvas.getChildren() : super.getChildren();

}

override public function get horizontalScrollPosition():Number

{

return innerCanvas.horizontalScrollPosition;

}

override public function set horizontalScrollPosition(value:Number):void

{

innerCanvas.horizontalScrollPosition=value;

callLater(enableOrDisableButtons);

}

override public function initialize():void

{

super.initialize();

//initialize the default styles

ButtonScrollingCanvas.initializeStyles();

}

override public function get maxHorizontalScrollPosition():Number

{

return innerCanvas.maxHorizontalScrollPosition;

}

override public function get maxVerticalScrollPosition():Number

{

return innerCanvas.maxVerticalScrollPosition;

}

public function get startScrollingEvent():String

{

return this._startScrollingEvent;

}

public function set startScrollingEvent(value:String):void

{

if (_childrenCreated)

{

removeListeners(_startScrollingEvent);

addListeners(value);

}

_startScrollingEvent=value;

}

public function get stopScrollingEvent():String

{

return this._stopScrollingEvent;

}

/**

* @private

public function set stopScrollingEvent(value:String):void

{

_stopScrollingEvent=value;

}

override public function get verticalScrollPosition():Number

{

return innerCanvas.verticalScrollPosition;

}

override public function set verticalScrollPosition(value:Number):void

{

innerCanvas.verticalScrollPosition=value;

callLater(enableOrDisableButtons);

}

override protected function createChildren():void

{

super.createChildren();

timer=new Timer(scrollSpeed);

leftButton=new Button();

rightButton=new Button();

upButton=new Button();

downButton=new Button();

leftButton.styleName=getStyle("leftButtonStyleName");

rightButton.styleName=getStyle("rightButtonStyleName");

upButton.styleName=getStyle("upButtonStyleName");

downButton.styleName=getStyle("downButtonStyleName");

innerCanvas=new Canvas();

innerCanvas.document=this.document;

innerCanvas.horizontalScrollPolicy=ScrollPolicy.OFF;

innerCanvas.verticalScrollPolicy=ScrollPolicy.OFF;

innerCanvas.clipContent=true;

while (this.numChildren > 0)

{

innerCanvas.addChild(this.removeChildAt(0));

}

rawChildren.addChild(innerCanvas);

rawChildren.addChild(leftButton);

rawChildren.addChild(rightButton);

rawChildren.addChild(upButton);

rawChildren.addChild(downButton);

_childrenCreated=true;

addListeners(_startScrollingEvent);

}

protected function enableOrDisableButtons():void

{

if (this.horizontalScrollPolicy == ScrollPolicy.OFF)

{

leftButton.visible=rightButton.visible=leftButton.includeInLayout=rightButton.includeInLayout=false;

}

else

{

leftButton.visible=leftButton.enabled=innerCanvas.horizontalScrollPosition > 0;

rightButton.visible=rightButton.enabled=innerCanvas.horizontalScrollPosition < innerCanvas.maxHorizontalScrollPosition;

}

if (this.verticalScrollPolicy == ScrollPolicy.OFF)

{

upButton.visible=downButton.visible=upButton.includeInLayout=downButton.includeInLayout=false;

}

else

{

upButton.visible=upButton.enabled=upButton.includeInLayout=innerCanvas.verticalScrollPosition > 0;

downButton.visible=downButton.enabled=downButton.includeInLayout=innerCanvas.verticalScrollPosition < innerCanvas.maxVerticalScrollPosition;

}

positionButtons(this.width, this.height);

}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void

{

super.updateDisplayList(unscaledWidth, unscaledHeight);

innerCanvas.setActualSize(unscaledWidth, unscaledHeight);

positionButtons(unscaledWidth, unscaledHeight);

callLater(enableOrDisableButtons);

}

private function addListeners(eventString:String):void

{

leftButton.addEventListener(eventString, startScrollingLeft, false, 0, true);

rightButton.addEventListener(eventString, startScrollingRight, false, 0, true);

upButton.addEventListener(eventString, startScrollingUp, false, 0, true);

downButton.addEventListener(eventString, startScrollingDown, false, 0, true);

}

private function positionButtons(unscaledWidth:Number, unscaledHeight:Number):void

{

var buttonWidth:Number=this.buttonWidth;

var buttonHeight:Number=_explicitButtonHeight ? _explicitButtonHeight : unscaledHeight;

leftButton.move(0, 0);

leftButton.setActualSize(buttonWidth, buttonHeight);

rightButton.move(unscaledWidth - buttonWidth, 0);

rightButton.setActualSize(buttonWidth, buttonHeight);

upButton.move(buttonWidth, 0);

downButton.move(buttonWidth, unscaledHeight - buttonWidth);

upButton.setActualSize(unscaledWidth - buttonWidth * 2, buttonWidth);

downButton.setActualSize(unscaledWidth - buttonWidth * 2, buttonWidth);

}

private function removeListeners(eventString:String):void

{

leftButton.removeEventListener(eventString, startScrollingLeft);

rightButton.removeEventListener(eventString, startScrollingRight);

upButton.removeEventListener(eventString, startScrollingUp);

downButton.removeEventListener(eventString, startScrollingDown);

}

private function scrollDown(event:TimerEvent):void

{

innerCanvas.verticalScrollPosition+=scrollJump;

enableOrDisableButtons();

}

private function scrollLeft(event:TimerEvent):void

{

innerCanvas.horizontalScrollPosition-=scrollJump;

enableOrDisableButtons();

}

private function scrollRight(event:TimerEvent):void

{

innerCanvas.horizontalScrollPosition+=scrollJump;

enableOrDisableButtons();

}

private function scrollUp(event:TimerEvent):void

{

innerCanvas.verticalScrollPosition-=scrollJump;

enableOrDisableButtons();

}

private function startScrolling(scrollFunction:Function, button:Button):void

{

if (_stopScrollingEvent == MouseEvent.MOUSE_UP)

{

stage.addEventListener(_stopScrollingEvent, stopScrolling);

}

else

{

button.addEventListener(_stopScrollingEvent, stopScrolling);

}

if (timer.running)

{

timer.stop();

}

timer=new Timer(this.scrollSpeed);

timer.addEventListener(TimerEvent.TIMER, scrollFunction);

timer.start();

}

private function startScrollingDown(event:Event):void

{

if (!(event.currentTarget as Button).enabled)

return;

startScrolling(scrollDown, event.currentTarget as Button);

}

private function startScrollingLeft(event:Event):void

{

if (!(event.currentTarget as Button).enabled)

return;

startScrolling(scrollLeft, event.currentTarget as Button);

}

private function startScrollingRight(event:Event):void

{

if (!(event.currentTarget as Button).enabled)

return;

startScrolling(scrollRight, event.currentTarget as Button);

}

private function startScrollingUp(event:Event):void

{

if (!(event.currentTarget as Button).enabled)

return;

startScrolling(scrollUp, event.currentTarget as Button);

}

private function stopScrolling(event:Event):void

{

if (timer.running)

{

timer.stop();

}

initializeStyles();

}

package containers

{

import components.NamingWindow;

import components.TabContentVBox;

import controls.SuperTabBar;

import controls.tabBarClasses.SuperTab;

import events.CalcEvent;

import events.SuperTabEvent;

import events.TabReorderEvent;

import flash.display.DisplayObject;

import flash.events.Event;

import flash.events.MouseEvent;

import mx.collections.IList;

import mx.containers.Box;

import mx.containers.BoxDirection;

import mx.containers.Canvas;

import mx.containers.TabNavigator;

import mx.containers.ViewStack;

import mx.controls.PopUpButton;

import mx.core.EdgeMetrics;

import mx.core.ScrollPolicy;

import mx.effects.Tween;

import mx.events.ChildExistenceChangedEvent;

import mx.events.FlexEvent;

import mx.events.IndexChangedEvent;

import mx.events.MenuEvent;

import mx.managers.PopUpManager;

import mx.styles.CSSStyleDeclaration;

import mx.styles.StyleManager;

import skins.TabPopUpButtonSkin;

[IconFile("SuperTabNavigator.png")]

[Event(name="tabClose", type="events.SuperTabEvent")]

[Event(name="tabsReordered", type="events.TabReorderEvent")]

[Style(name="popupButtonStyleName", type="String", inherit="no")]

[Style(name="leftButtonStyleName", type="String", inherit="no")]

[Style(name="rightButtonStyleName", type="String", inherit="no")]

public class SuperTabNavigator extends TabNavigator

{

private var namingWindowObj:NamingWindow;

[Embed(source="assets/images/document.png")]

private var document_icon:Class;

private var stopIndexChangeEvent:Boolean=false;

protected var holder:Box;

protected var canvas:ButtonScrollingCanvas;

protected var popupButton:PopUpButton;

private var forcedTabWidth:Number=-1;

private var originalTabWidthStyle:Number=-1;

private var _minTabWidth:Number=60;

[Binding]

public static var TOTAL_TABS:int=0;

[Binding]

public static var INFO_OBJECT:Object=null;

[Binding]

public static var CURR_TAB_INFO:Object=null;

public static var POPUPPOLICY_AUTO:String="auto";

public static var POPUPPOLICY_ON:String="on";

public static var POPUPPOLICY_OFF:String="off";

[Embed(source="assets/swfs/assets.swf", symbol="indicator")]

private static var DEFAULT_INDICATOR:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_close_up")]

private static var DEFAULT_CLOSE_UP:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_close_over")]

private static var DEFAULT_CLOSE_OVER:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_close_down")]

private static var DEFAULT_CLOSE_DOWN:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_close_disabled")]

private static var DEFAULT_CLOSE_DISABLED:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_add_up")]

private static var DEFAULT_ADD_UP:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_add_over")]

private static var DEFAULT_ADD_OVER:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_add_down")]

private static var DEFAULT_ADD_DOWN:Class;

[Embed(source="assets/swfs/assets.swf", symbol="firefox_add_disabled")]

private static var DEFAULT_ADD_DISABLED:Class;

[Embed(source="assets/swfs/assets.swf", symbol="left_arrow")]

private static var DEFAULT_LEFT_BUTTON:Class;

[Embed(source="assets/swfs/assets.swf", symbol="right_arrow")]

private static var DEFAULT_RIGHT_BUTTON:Class;

private var _popUpButtonPolicy:String;

public function get popUpButtonPolicy():String

{

return _popUpButtonPolicy;

}

public function set popUpButtonPolicy(value:String):void

{

var old:String=this._popUpButtonPolicy;

this._popUpButtonPolicy=value;

if (old != value)

{

this.invalidateDisplayList();

}

private var _startScrollingEvent:String=MouseEvent.MOUSE_DOWN;

public function get startScrollingEvent():String

{

if (canvas)

{

return canvas.startScrollingEvent;

}

else

{

return _startScrollingEvent;

}

public function set startScrollingEvent(value:String):void

{

_startScrollingEvent=value;

if (canvas)

{

canvas.startScrollingEvent=value;

}

private var _stopScrollingEvent:String=MouseEvent.MOUSE_UP;

public function get stopScrollingEvent():String

{

if (canvas)

{

return canvas.stopScrollingEvent;

}

else

{

return _stopScrollingEvent;

}

public function set stopScrollingEvent(value:String):void

{

_stopScrollingEvent=value;

canvas.stopScrollingEvent=value;

}

private var _scrollSpeed:Number=100;

public function set scrollSpeed(value:Number):void

{

if (canvas)

{

canvas.scrollSpeed=value;

}

_scrollSpeed=value;

}

public function get scrollSpeed():Number

{

if (canvas)

return canvas.scrollSpeed;

return _scrollSpeed;

}

private var _dragEnabled:Boolean=true;

public function get dragEnabled():Boolean

{

if (tabBar)

{

return (tabBar as SuperTabBar).dragEnabled;

}

else

{

return _dragEnabled;

}

public function set dragEnabled(value:Boolean):void

{

_dragEnabled=value;

if (tabBar)

{

(tabBar as SuperTabBar).dragEnabled=value;

}

private var _dropEnabled:Boolean=true;

public function get dropEnabled():Boolean

{

if (tabBar)

{

return (tabBar as SuperTabBar).dropEnabled;

}

else

{

return _dropEnabled;

}

public function set dropEnabled(value:Boolean):void

{

_dropEnabled=value;

if (tabBar)

{

(tabBar as SuperTabBar).dropEnabled=value;

}

public function get minTabWidth():Number

{

return _minTabWidth;

}

public function set minTabWidth(value:Number):void

{

this._minTabWidth=value;

this.invalidateDisplayList();

}

private var _editableTabLabels:Boolean=false;

public function get editableTabLabels():Boolean

{

return _editableTabLabels;

}

public function set editableTabLabels(value:Boolean):void

{

this._editableTabLabels=value;

if (tabBar)

{

(tabBar as SuperTabBar).editableTabLabels=value;

}

private var _allowTabSqueezing:Boolean=true;

public function get allowTabSqueezing():Boolean

{

return _allowTabSqueezing;

}

public function set allowTabSqueezing(value:Boolean):void

{

_allowTabSqueezing=value;

invalidateDisplayList();

}

private static function initializeStyles():void

{

var selector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("SuperTabNavigator");

if (!selector)

{

selector=new CSSStyleDeclaration();

}

selector.defaultFactory=function():void

{

this.popupButtonStyleName="popupButton";

this.tabStyleName="superTab";

this.leftButtonStyleName="leftButton";

this.rightButtonStyleName="rightButton";

this.buttonWidth=20;

}

var popupButtonStyleName:String=selector.getStyle("popupButtonStyleName");

var pSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + popupButtonStyleName);

if (!pSelector)

{

pSelector=new CSSStyleDeclaration();

}

pSelector.defaultFactory=function():void

{

this.upSkin=TabPopUpButtonSkin;

this.popUpDownSkin=TabPopUpButtonSkin;

this.popUpOverSkin=TabPopUpButtonSkin;

this.disabledSkin=TabPopUpButtonSkin;

}

StyleManager.setStyleDeclaration("." + popupButtonStyleName, pSelector, false);

var tabStyleName:String=selector.getStyle("tabStyleName");

var tSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + tabStyleName);

if (!tSelector)

{

tSelector=new CSSStyleDeclaration();

}

tSelector.defaultFactory=function():void

{

this.textAlign="left";

this.indicatorClass=DEFAULT_INDICATOR;

this.tabCloseButtonStyleName="tabCloseButton";

this.tabAddButtonStyleName="tabAddButton";

}

StyleManager.setStyleDeclaration("." + tabStyleName, tSelector, false);

var tabCloseStyleName:String=tSelector.getStyle("tabCloseButtonStyleName");

var cSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + tabCloseStyleName);

if (!cSelector)

{

cSelector=new CSSStyleDeclaration();

}

cSelector.defaultFactory=function():void

{

this.upSkin=DEFAULT_CLOSE_UP;

this.overSkin=DEFAULT_CLOSE_OVER;

this.downSkin=DEFAULT_CLOSE_DOWN;

this.disabledSkin=DEFAULT_CLOSE_DISABLED;

}

StyleManager.setStyleDeclaration("." + tabCloseStyleName, cSelector, false);

var tabAddStyleName:String=tSelector.getStyle("tabAddButtonStyleName");

var aSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + tabAddStyleName);

if (!aSelector)

{

aSelector=new CSSStyleDeclaration();

}

aSelector.defaultFactory=function():void

{

this.upSkin=DEFAULT_ADD_UP;

this.overSkin=DEFAULT_ADD_OVER;

this.downSkin=DEFAULT_ADD_DOWN;

this.disabledSkin=DEFAULT_ADD_DISABLED;

}

StyleManager.setStyleDeclaration("." + tabAddStyleName, aSelector, false);

var leftStyleName:String=selector.getStyle("leftButtonStyleName");

var lSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + leftStyleName);

if (!lSelector)

{

lSelector=new CSSStyleDeclaration();

}

lSelector.defaultFactory=function():void

{

this.icon=DEFAULT_LEFT_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + leftStyleName, lSelector, false);

var rightStyleName:String=selector.getStyle("rightButtonStyleName");

var rSelector:CSSStyleDeclaration=StyleManager.getStyleDeclaration("." + rightStyleName);

if (!rSelector)

{

rSelector=new CSSStyleDeclaration();

}

rSelector.defaultFactory=function():void

{

this.icon=DEFAULT_RIGHT_BUTTON;

this.fillAlphas=[1, 1, 1, 1];

this.cornerRadius=0;

}

StyleManager.setStyleDeclaration("." + rightStyleName, rSelector, false);

StyleManager.setStyleDeclaration("SuperTabNavigator", selector, false);

}

initializeStyles();

override public function initialize():void

{

super.initialize();

SuperTabNavigator.initializeStyles();

}

override protected function createChildren():void

{

if (!tabBar)

{

tabBar=createTabBar();

tabBar.name="tabBar";

tabBar.focusEnabled=false;

tabBar.styleName=this;

(tabBar as SuperTabBar).dragEnabled=this._dragEnabled;

(tabBar as SuperTabBar).superTabNav=this;

(tabBar as SuperTabBar).dropEnabled=this._dropEnabled;

(tabBar as SuperTabBar).editableTabLabels=this._editableTabLabels;

(tabBar as SuperTabBar).closePolicy=_closePolicy;

tabBar.setStyle("borderStyle", "none");

tabBar.setStyle("paddingTop", 0);

tabBar.setStyle("paddingBottom", 0);

tabBar.setStyle("left", NaN);

tabBar.setStyle("right", NaN);

tabBar.setStyle("top", NaN);

tabBar.setStyle("bottom", NaN);

tabBar.setStyle("horizontalCenter", NaN);

(tabBar as SuperTabBar).addEventListener(SuperTabEvent.TAB_CLOSE, handleTabClose);

(tabBar as SuperTabBar).addEventListener(CalcEvent.TAB_ADDED, handleTabAdd);

}

super.createChildren();

if (!holder)

{

holder=new Box();

holder.rotation=90;

holder.direction=BoxDirection.HORIZONTAL;

holder.setStyle("horizontalGap", 0);

holder.setStyle("borderStyle", "none");

holder.setStyle("paddingTop", 0);

holder.setStyle("paddingBottom", 0);

holder.horizontalScrollPolicy="off";

rawChildren.addChild(holder);

}

if (!canvas)

{

canvas=new ButtonScrollingCanvas();

canvas.styleName=this;

canvas.setStyle("borderStyle", "none");

canvas.setStyle("backgroundAlpha", 0);

canvas.setStyle("paddingTop", 0);

canvas.setStyle("paddingBottom", 0);

canvas.startScrollingEvent=_startScrollingEvent;

canvas.stopScrollingEvent=_stopScrollingEvent;

canvas.scrollSpeed=_scrollSpeed;

canvas.addChild(tabBar);

holder.addChild(canvas);

}

tabBar.addEventListener(ChildExistenceChangedEvent.CHILD_ADD, tabsChanged);

tabBar.addEventListener(ChildExistenceChangedEvent.CHILD_REMOVE, tabsChanged);

SuperTabBar(tabBar).addEventListener(SuperTabEvent.TAB_UPDATED, tabsChanged);

tabBar.addEventListener(SuperTabBar.TABS_REORDERED, tabsReordered);

this.addEventListener(IndexChangedEvent.CHANGE, tabChangedEvent);

invalidateSize();

this.addEventListener(IndexChangedEvent.CHILD_INDEX_CHANGE, indexChangeListener);

}

protected function createTabBar():SuperTabBar

{

return new SuperTabBar();

}

private function indexChangeListener(event:IndexChangedEvent):void

{

if (stopIndexChangeEvent)

{

stopIndexChangeEvent=false;

event.stopImmediatePropagation();

}

private function handleTabAdd(eventObj:CalcEvent):void

{

namingWindowObj=PopUpManager.createPopUp(this, NamingWindow, true) as NamingWindow;

namingWindowObj.superTabNavRef=this;

PopUpManager.centerPopUp(namingWindowObj);

namingWindowObj.x=this.width / 2 - namingWindowObj.width / 2;

namingWindowObj.y=this.height / 2 - namingWindowObj.height / 2;

}

public function onAddTabClickedOnOK(headingString:String):void

{

var contentString:String="Dummy";

var curNum:Number=this.numChildren + 1;

var child:TabContentVBox=new TabContentVBox();

SuperTabNavigator.TOTAL_TABS=this.numChildren;

child.width=this.width;

child.height=this.height;

child.setStyle("closable", true);

if (headingString != "")

{

child.label=headingString;

}

else

{

child.label="Tab";

}

child.icon=document_icon;

this.addChild(child);

child.addEventListener(FlexEvent.CREATION_COMPLETE, setSelectedLatestTab);

}

public function setSelectedLatestTab(e:FlexEvent=null):void

{

this.invalidateDisplayList();

this.selectedIndex=SuperTabBar(tabBar).numChildren - 1;

}

private function handleTabClose(event:SuperTabEvent):void

{

var clone:SuperTabEvent=event.clone() as SuperTabEvent;

dispatchEvent(clone);

if (clone.isDefaultPrevented())

{

event.preventDefault();

}

SuperTabNavigator.TOTAL_TABS=this.numChildren;

}

public function refreshCountForTabs():void

{

var len:int=this.numChildren;

for (var i:int=1; i < len; i++)

{

TabContentVBox(this.getChildAt(i)).testCalcAccordion.checkTotalTabs();

}

private var _closePolicy:String=SuperTab.CLOSE_ROLLOVER;

public function get closePolicy():String

{

return _closePolicy;

}

public function set closePolicy(value:String):void

{

if (_closePolicy != value)

{

_closePolicy=value;

if (tabBar != null)

{

(tabBar as SuperTabBar).closePolicy=value;

}

invalidateDisplayList();

}

public function setClosePolicyForTab(index:int, value:String):void

{

(tabBar as SuperTabBar).setClosePolicyForTab(index, value);

}

private function tabsReordered(event:TabReorderEvent):void

{

var clone:Event=event.clone();

dispatchEvent(clone);

if (clone.isDefaultPrevented())

{

return;

}

var sourceBar:SuperTabBar=event.relatedObject as SuperTabBar;

var droppedTab:SuperTab=(sourceBar.getChildAt(event.oldIndex) as SuperTab);

var child:Object;

var curDataProvider:Object=sourceBar.dataProvider;

var lastClosePolicy:String=sourceBar.getClosePolicyForTab(event.oldIndex);

var lastStyleName:Object=droppedTab.styleName;

if (sourceBar != tabBar)

{

if (curDataProvider is IList)

{

child=(curDataProvider as IList).getItemAt(event.oldIndex);

curDataProvider.removeItemAt(event.oldIndex);

var newChild:Canvas=new Canvas();

if (child.hasOwnProperty("label"))

{

newChild.label=child.label;

}

else

{

newChild.label=child.toString();

}

if (child.hasOwnProperty("icon"))

{

newChild.icon=child.icon;

}

child=newChild;

}

else if (curDataProvider is ViewStack)

{

child=(curDataProvider as ViewStack).getChildAt(event.oldIndex);

curDataProvider.removeChildAt(event.oldIndex);

}

if (child is DisplayObject)

{

this.addChildAt(child as DisplayObject, event.newIndex);

}

this.setClosePolicyForTab(event.newIndex, lastClosePolicy);

droppedTab=this.getTabAt(event.newIndex) as SuperTab;

droppedTab.styleName=lastStyleName;

}

else

{

if (event.oldIndex < event.newIndex)

{

event.newIndex--;

}

var devent:IndexChangedEvent=new IndexChangedEvent(IndexChangedEvent.CHILD_INDEX_CHANGE);

devent.oldIndex=event.oldIndex;

devent.newIndex=event.newIndex;

devent.relatedObject=getChildAt(event.newIndex);

dispatchEvent(devent);

stopIndexChangeEvent=true;

this.setChildIndex(getChildAt(event.oldIndex), event.newIndex);

}

this.validateNow();

this.selectedIndex=event.newIndex;

reorderTabList();

}

protected function get tabBarHeight():Number

{

var tabHeight:Number=getStyle("tabHeight");

if (isNaN(tabHeight))

tabHeight=tabBar.getExplicitOrMeasuredHeight();

return tabHeight - 1;

}

override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void

{

if (_popUpButtonPolicy == SuperTabNavigator.POPUPPOLICY_AUTO)

{

popupButton.includeInLayout=popupButton.visible=this.numChildren > 1;

}

else if (_popUpButtonPolicy == SuperTabNavigator.POPUPPOLICY_ON)

{

popupButton.includeInLayout=popupButton.visible=true;

}

else if (_popUpButtonPolicy == SuperTabNavigator.POPUPPOLICY_OFF)

{

popupButton.includeInLayout=popupButton.visible=false;

}

var vm:EdgeMetrics=viewMetrics;

var w:Number=unscaledWidth - vm.left - vm.right;

var th:Number=tabBarHeight + 1;

var tabBarSpace:Number=w;

var tempWidth:Number=tabBar.getStyle("tabWidth");

tabBar.clearStyle("tabWidth");

tabBar.setStyle("tabWidth", NaN);

tabBar.validateNow();

var pw:Number=Math.max(tabBar.getExplicitOrMeasuredWidth(), tabBarSpace);

tabBar.setStyle("tabWidth", tempWidth);

var tabBarWidth:Number=tabBar.measuredWidth;

holder.move(0, holder.height);

holder.setActualSize(unscaledWidth, th);

var canvasWidth:Number=unscaledWidth;

var canvasHeight:Number=unscaledHeight;

canvas.width=canvasHeight - th;

canvas.height=th;

canvas.explicitButtonHeight=th - 1;

canvas.verticalScrollPolicy=ScrollPolicy.OFF;

if (pw <= canvasWidth)

{

canvas.horizontalScrollPosition=0;

}

super.updateDisplayList(unscaledWidth, unscaledHeight);

if (tabBarWidth >= canvasWidth)

{

if (_allowTabSqueezing)

{

var measuredTabBarWidth:Number=tabBar.numChildren * _minTabWidth + (tabBar.numChildren - 1) * getStyle("horizontalGap");

tabBar.width=Math.max(canvasWidth, measuredTabBarWidth);

}

else

{

tabBar.width=tabBarWidth;

}

else

{

tabBar.width=tabBarWidth;

}

if (tabBarWidth < canvasWidth)

{

switch (getStyle("horizontalAlign"))

{

case "left":

tabBar.move(0, tabBar.y);

break;

case "right":

tabBar.move(unscaledWidth - tabBar.width, tabBar.y);

break;

case "center":

tabBar.move((unscaledWidth - tabBar.width) / 2, tabBar.y);

}

override public function styleChanged(styleProp:String):void

{

super.styleChanged(styleProp);

if (styleProp == "tabWidth" && forcedTabWidth == -1)

{

originalTabWidthStyle=this.getStyle(styleProp);

}

private function changeTabs(event:MenuEvent):void

{

if (this.selectedIndex == event.index)

{

ensureTabIsVisible();

}

this.selectedIndex=event.index;

}

private function tabChangedEvent(event:IndexChangedEvent):void

{

callLater(ensureTabIsVisible);

}

private function ensureTabIsVisible():void

{

var tab:DisplayObject=this.tabBar.getChildAt(this.selectedIndex);

var obj:Object=new Object();

obj.currentlable=SuperTab(tab).label;

obj.currentTabNo=this.selectedIndex;

SuperTabNavigator.CURR_TAB_INFO=obj;

var newHorizontalPosition:Number;

if (tab.x + tab.width > this.canvas.horizontalScrollPosition + this.canvas.width)

{

newHorizontalPosition=tab.x - canvas.width + tab.width + canvas.getStyle("buttonWidth");

}

else if (this.canvas.horizontalScrollPosition > tab.x)

{

newHorizontalPosition=tab.x - canvas.getStyle("buttonWidth");

}

else

{

newHorizontalPosition=canvas.horizontalScrollPosition;

}

if (newHorizontalPosition)

{

var tween:Tween=new Tween(this, canvas.horizontalScrollPosition, newHorizontalPosition, 500);

}

public function onTweenUpdate(val:Object):void

{

canvas.horizontalScrollPosition=val as Number;

}

public function onTweenEnd(val:Object):void

{

canvas.horizontalScrollPosition=val as Number;

}

private function tabsChanged(event:Event):void

{

callLater(reorderTabList);

callLater((event.currentTarget as SuperTabBar).setAddButtonPolicy);

}

public function reorderTabList():void

{

SuperTabNavigator.TOTAL_TABS=this.numChildren;

var len:int=tabBar.numChildren;

var tabStrArray:Array=new Array();

var obj:Object=new Object();

for (var i:int=1; i < len; i++)

{

var child:SuperTab=tabBar.getChildAt(i) as SuperTab;

tabStrArray.push(child.label);

}

obj.tabStrArray=tabStrArray;

SuperTabNavigator.INFO_OBJECT=obj;

}

XML Parsing

2010-06-03T15:36:00.000-07:00

Last few hours, I have struggled to resolve some issues on below format data(html into XML and then, encode some special characters.

Example xml structure:

This is test1 with £3355 change and else

<b>another test</b>

You should consider how to get the refund £3355

The end

</A>

It is combination with text & element. So, here , I want to encode £ properly. The below sample code shows how to resolve my problem.

Real sample string:

<Text>

<FONT COLOR="#000000" SIZE="12" FACE="Arial" LETTERSPACING="0" KERNING="0">%20%20%20%20The%20adoption%20fee%20is%20£3355%20and%20if%20you%20want%20to%20become%20a%20

member%20then%20there%20are%20three%20levels%20of%20sponsorship:%20B%20 <I>ronze%20&pound;50%20per%20year,%20Silver%20&pound;100%20per%20year%20and%20Gold

%20&pound;150%20per%20year.</I>

%20%20But%20thats%20entirely%20up%20to%20you.%20%20

</FONT>

</P>

</TEXTFORMAT>

</P>

</TEXTFORMAT>

</RichText>

<PlainText>The adoption fee is &pound;3355 and if you want to become a member then there are three levels of sponsorship: B ronze &pound;50 per year, Silver &pound;100 per year and Gold &pound;150 per year. But thats entirely up to you.</PlainText>

</Text>

public static function parseXMLForEncode(obxml:XML):XML

{

for each (var t:XML in obxml.children()){

if (t.hasComplexContent()){

var iIndex:int = 0;

for each(var sc:XML in t.children()){

if(sc.nodeKind()=="text")

{

var sString:String = t.children()[iIndex].toString() ;

if(sString != ""){

var uString:String = StringUtil.encodeHTMLCharacter(sString);

if(sString !=uString){

delete t.children()[iIndex].toString() ;

t.children()[iIndex] = uString;

}

iIndex = iIndex + 1

}

parseXMLValueForEncode(t);

}

else{

if (t.text().length() > 0){

var sOriginalText:String = t.text();

var sReturnText:String = StringUtil.encodeHTMLCharacter(t.text());

if(sOriginalText !=sReturnText){

t.setChildren(sReturnText);

}

return obxml;

}

Ji Lucas : One, Two, Three

Welcome to FamilyWall Jikimlucas.flex!

Welcome Jikimlucas.flex!

Easily invite friends and family members

Organize your family everyday life

Share privately in each Circle.

Reminder: You are invited to join Ji's FamilyWall

Reminder: You are invited to join Ji's FamilyWall

Reminder: You are invited to join Ji's FamilyWall

Please join me on FamilyWall

ProxyPass

How to edit user profile file easily.

VitualBox & Pybossa

Pylons: address already in use when trying to serve

JSONP & Cross Domain

GoogleIO 2013 Ticket Competition

Simple jQuery with Select option & JSON

How to generate JSON in app engine servlet

How to create zip file in App Engine

Appengine twitter

Japanese character reading & sending

Blob data limit on Google Appengine with Android

Manifest for Air Application and Android

QRCode & Adobe Air2.0 & AlivePDF

JDO & Appengine & Datastore

Excel, as3xls, DataGrid

RIAPalooza3 Presentation Powerpoint

Vertical Tab Component with Icon

XML Parsing