Documentation for troyworks flash framework - actionscript-3

I want to design a Flash CS4(AS3) based kiosk application where the screen changes according to the multi-user events.
Due to the fact that Troywork's supports HFSM, it might be useful to my needs, but its hardly documented. I checked the dir structure, but cannot understand the usage. Is there any documentation to get started using the framework? Can someone suggest some examples?
reference : http://code.google.com/p/troyworks
Directory file structure:
+---apps
| +---.settings
| +---build
| +---docs
| \---src
| \---com
| \---troyworks
| \---apps
| +---mnemosyne
| +---semantica
| | \---moby
| +---templateengine
| +---tester
| \---tgesture
+---controls
| +---.settings
| \---src
| \---com
| \---troyworks
| \---controls
| +---cogsDebugger
| +---menu
| +---tarrow
| +---tautocomplete
| | \---ui
| +---tbutton
| +---tcalc
| +---tcalendar
| +---tcarouselmenus
| +---tcookie
| +---tcursor
| +---tdatefield
| +---tdraggable
| +---tflow
| +---tform
| +---tkoosh
| +---tline
| +---tloadingIndicator
| +---tmediaplayer
| | +---controller
| | +---model
| | \---ui
| +---tmodal
| +---tparticleengine
| | \---forces
| +---tqa
| +---tscrollbar
| +---tshapes
| +---tsliderbar
| +---tslidermenu
| +---ttextfield
| +---ttooltip
| +---ttree
| | +---dataproviders
| | +---managers
| | +---tree
| | \---treeclasses
| +---tuitools
| \---tuseridle
+---dev
| +---build
| +---docs
| \---src
| +---com
| | +---adobe
| | | +---crypto
| | | +---errors
| | | +---images
| | | +---net
| | | | \---proxies
| | | +---serialization
| | | | \---json
| | | +---utils
| | | \---webapis
| | | \---events
| | \---troyworks
| | +---core
| | | +---chain
| | | +---cogs
| | | | \---proxies
| | | +---commands
| | | +---events
| | | +---patterns
| | | +---persistance
| | | | +---foundation
| | | | +---implementation
| | | | +---syncher
| | | | \---wrapper
| | | +---score
| | | +---time
| | | \---tweeny
| | | \---fx
| | +---data
| | | +---bit
| | | +---btree
| | | +---constraints
| | | +---enums
| | | +---filters
| | | +---graph
| | | +---id
| | | +---iterators
| | | +---query
| | | +---skiplist
| | | | +---simple
| | | | \---visitable
| | | +---tags
| | | +---validators
| | | \---valueobjects
| | +---events
| | +---framework
| | | +---assets
| | | +---controller
| | | +---framework
| | | +---internationalization
| | | +---loader
| | | +---model
| | | +---security
| | | +---tiers
| | | +---ui
| | | | \---layout
| | | \---user
| | +---geom
| | | +---d1
| | | +---d2
| | | \---d3
| | +---io
| | | +---airlib
| | | \---fplib
| | +---logging
| | +---reflection
| | +---snippets
| | | +---patterns
| | | \---reflection
| | +---text
| | +---ui
| | | \---sketch
| | \---util
| | +---codeGen
| | | \---model
| | +---datetime
| | \---swfconnect
| \---util
+---docs
| \---checkingout
+---examples
| +---bin
| +---doc
| +---SaveImage
| | \---PostReceiver
| | \---data
| +---src
| | +---Calc
| | | +---dev
| | | | +---build
| | | | | \---lib
| | | | \---src
| | | \---spec
| | +---classes
| | | \---com
| | | \---troyworks
| | | +---commandexample
| | | | +---commandcontainers
| | | | +---commands
| | | | +---controls
| | | | \---shapes
| | | +---dayinlife
| | | +---prevayler
| | | | \---demo1
| | | \---Tdining_philosophers
| | +---Cogs
| | | +---dev
| | | +---docs
| | | \---src
| | +---CommandExample
| | | \---obj
| | +---Controls
| | | \---MixinPlayer
| | +---DiningPhilosophers
| | +---LayoutUtil
| | | +---build
| | | | \---slugs
| | | \---src
| | +---Prevayler
| | | \---obj
| | +---QA
| | +---Sketch
| | | +---addFrameScript
| | | +---Clickthrough
| | | +---ColorUtil
| | | +---doc
| | | | \---src
| | | +---EngineLoader
| | | +---FlowControl
| | | | +---embedded
| | | | \---external
| | | +---FrameEvents
| | | +---LateBindingView
| | | | \---bin
| | | +---SymbolClass
| | | \---Tweens and saving state
| | +---StopWatch
| | \---Validation
| +---StMPE
| | \---dev
| | +---build
| | \---src
| | +---mdl
| | \---ui
| \---tgesture
\---tests
+---bin
+---obj
| \---basic
\---src
\---com
\---troyworks
+---apps
| \---tester
+---core
| +---chain
| +---cogs
| \---patterns
+---data
+---framework
| \---loader
+---geom
| \---d1
+---logging
+---prevayler
+---tester
+---text
\---util
\---datetime

Related

Is there a way to create auto filling tables in mysql?

+---------------------+-----------+-----------+-----------+-----------+
| dt | val1 | val2 | val3 | total |
+---------------------+-----------+-----------+-----------+-----------+
| 2020-07-02 12:00:17 | 123317117 | 109962378 | 105746677 | 339026172 |
| 2020-07-02 12:01:18 | 123317269 | 109962533 | 105746841 | 339026643 |
| 2020-07-02 12:02:19 | 123317422 | 109962688 | 105747005 | 339027115 |
| 2020-07-02 12:03:20 | 123317574 | 109962843 | 105747169 | 339027586 |
| 2020-07-02 12:04:21 | 123317726 | 109962999 | 105747331 | 339028056 |
| 2020-07-02 12:05:22 | 123317877 | 109963153 | 105747492 | 339028522 |
| 2020-07-02 12:06:23 | 123318030 | 109963308 | 105747656 | 339028994 |
| 2020-07-02 12:07:23 | 123318182 | 109963464 | 105747820 | 339029466 |
| 2020-07-02 12:08:24 | 123318335 | 109963619 | 105747987 | 339029941 |
| 2020-07-02 12:09:25 | 123318487 | 109963774 | 105748153 | 339030414 |
| 2020-07-02 12:10:26 | 123318640 | 109963929 | 105748318 | 339030887 |
| 2020-07-02 12:11:26 | 123318792 | 109964085 | 105748482 | 339031359 |
| 2020-07-02 12:12:27 | 123318944 | 109964240 | 105748646 | 339031830 |
| 2020-07-02 12:13:28 | 123319096 | 109964395 | 105748808 | 339032299 |
| 2020-07-02 12:14:29 | 123319248 | 109964550 | 105748971 | 339032769 |
| 2020-07-02 12:15:30 | 123319400 | 109964705 | 105749134 | 339033239 |
| 2020-07-02 12:16:30 | 123319552 | 109964860 | 105749300 | 339033712 |
| 2020-07-02 12:17:31 | 123319704 | 109965015 | 105749466 | 339034185 |
| 2020-07-02 12:18:32 | 123319857 | 109965170 | 105749631 | 339034658 |
| 2020-07-02 12:19:33 | 123320009 | 109965325 | 105749795 | 339035129 |
| 2020-07-02 12:20:34 | 123320153 | 109965473 | 105749952 | 339035578 |
| 2020-07-02 12:21:34 | 123320305 | 109965627 | 105750114 | 339036046 |
| 2020-07-02 12:22:35 | 123320457 | 109965782 | 105750276 | 339036515 |
| 2020-07-02 12:23:36 | 123320609 | 109965937 | 105750438 | 339036984 |
| 2020-07-02 12:24:37 | 123320761 | 109966092 | 105750602 | 339037455 |
| 2020-07-02 12:25:38 | 123320913 | 109966246 | 105750768 | 339037927 |
| 2020-07-02 12:26:39 | 123321065 | 109966401 | 105750934 | 339038400 |
| 2020-07-02 12:27:39 | 123321218 | 109966556 | 105751098 | 339038872 |
| 2020-07-02 12:28:40 | 123321370 | 109966711 | 105751263 | 339039344 |
| 2020-07-02 12:29:41 | 123321522 | 109966867 | 105751426 | 339039815 |
| 2020-07-02 12:30:42 | 123321674 | 109967022 | 105751588 | 339040284 |
| 2020-07-02 12:31:42 | 123321827 | 109967176 | 105751751 | 339040754 |
| 2020-07-02 12:32:43 | 123321979 | 109967331 | 105751915 | 339041225 |
| 2020-07-02 12:33:44 | 123322130 | 109967487 | 105752079 | 339041696 |
| 2020-07-02 12:34:45 | 123322283 | 109967642 | 105752245 | 339042170 |
| 2020-07-02 12:35:45 | 123322435 | 109967797 | 105752411 | 339042643 |
| 2020-07-02 12:36:46 | 123322587 | 109967952 | 105752576 | 339043115 |
| 2020-07-02 12:37:47 | 123322739 | 109968108 | 105752741 | 339043588 |
| 2020-07-02 12:38:48 | 123322891 | 109968263 | 105752905 | 339044059 |
| 2020-07-02 12:39:49 | 123323043 | 109968419 | 105753067 | 339044529 |
| 2020-07-02 12:40:49 | 123323196 | 109968574 | 105753231 | 339045001 |
| 2020-07-02 12:41:50 | 123323348 | 109968729 | 105753395 | 339045472 |
| 2020-07-02 12:42:51 | 123323501 | 109968884 | 105753561 | 339045946 |
| 2020-07-02 12:43:52 | 123323653 | 109969040 | 105753727 | 339046420 |
| 2020-07-02 12:44:53 | 123323805 | 109969195 | 105753892 | 339046892 |
| 2020-07-02 12:45:53 | 123323957 | 109969350 | 105754056 | 339047363 |
| 2020-07-02 12:46:54 | 123324109 | 109969505 | 105754220 | 339047834 |
| 2020-07-02 12:47:55 | 123324261 | 109969660 | 105754381 | 339048302 |
| 2020-07-02 12:48:56 | 123324413 | 109969815 | 105754544 | 339048772 |
| 2020-07-02 12:49:56 | 123324565 | 109969970 | 105754708 | 339049243 |
| 2020-07-02 12:50:57 | 123324717 | 109970126 | 105754872 | 339049715 |
| 2020-07-02 12:51:58 | 123324869 | 109970281 | 105755038 | 339050188 |
| 2020-07-02 12:52:59 | 123325022 | 109970437 | 105755205 | 339050664 |
| 2020-07-02 12:54:00 | 123325174 | 109970592 | 105755370 | 339051136 |
| 2020-07-02 12:55:00 | 123325327 | 109970749 | 105755536 | 339051612 |
| 2020-07-02 12:56:01 | 123325478 | 109970904 | 105755700 | 339052082 |
| 2020-07-02 12:57:02 | 123325630 | 109971060 | 105755863 | 339052553 |
| 2020-07-02 12:58:03 | 123325783 | 109971216 | 105756027 | 339053026 |
| 2020-07-02 12:59:04 | 123325935 | 109971372 | 105756191 | 339053498 |
| 2020-07-02 13:00:04 | 123326087 | 109971527 | 105756357 | 339053971 |
+---------------------+-----------+-----------+-----------+-----------+
Hello,
I have the above table values, some data added to mysql every minute. I might have to add it faster though.
I want to know, if it is possible to create, and how to go about creating:
A table that takes the 1st value of the total column and subtracts it from the second value, the 2nd value from the 3rd, 3rd from 4th and so on, divided by 10.
+---------------------+-----------+---------------------+-----------+---------+
| date1 | t1 | date2 | t2 | diff |
+---------------------+-----------+---------------------+-----------+---------+
| 2020-07-02 12:01:18 | 339026643 | 2020-07-02 12:00:17 | 339026172 | 47.1000 |
+---------------------+-----------+---------------------+-----------+---------+
A table that takes the 1st entry of 1st hour and subtracts it from the 1st entry of the next hour. basically 01:00 - 00:00, 02:00-01:00 ... 24:00-23:00 divided by 10, and begins from 00:00 again after the day changes.
+---------------------+-----------+---------------------+-----------+-----------+
| date1 | t1 | date2 | t2 | diff |
+---------------------+-----------+---------------------+-----------+-----------+
| 2020-07-02 13:00:04 | 339053971 | 2020-07-02 12:00:17 | 339026172 | 2779.9000 |
+---------------------+-----------+---------------------+-----------+-----------+
It will be great if both tables will grow as the main tables adds data.
Thank you!
I found a way to do it, and also managed to create a view for it.
I got help from this post:
Here is the code i used:
create view total_diff as
SELECT
t1.dt as t1_dt,
t1.total as t1_total,
t2.dt as t2_dt,
t2.total as t2_total,
t1.total - COALESCE(t2.total, t1.total) AS diff
FROM values t1
LEFT JOIN values t2
ON t1.id = t2.id + 1
ORDER BY
t1.dt;
Thank you for the advice on views! Nifty trick.
After i found out how they work, i made a bunch of them, for different situations.

**MySql** Select Before After Row For Each GroupId

How can I have for each grp_id 2 rows:
before and after row of current unix timestamp,
+---------+--------------------+------------+-------+
| id | grp_id | utimes | value |
+---------+--------------------+------------+-------+
| 4156187 | 5282 | 1455663600 | 15897 |
| 4159888 | 5282 | 1455630000 | 26998 |*
| 4156190 | 5282 | 1455676200 | 28497 |
| 4156186 | 5282 | 1455661800 | 14097 |
| 4156183 | 5282 | 1455652800 | 5097 |
| 4156184 | 5282 | 1455656400 | 8697 |
| 4156185 | 5282 | 1455660000 | 12297 |
| 4156182 | 5282 | 1455651000 | 3297 |*
| 4163311 | 7216 | 1455693000 | 45297 |
| 4163275 | 7203 | 1455681600 | 33897 |
| 4163309 | 7214 | 1455697800 | 50097 |
| 4163308 | 7214 | 1455696000 | 48297 |
| 4163307 | 7214 | 1455694200 | 46497 |
| 4163306 | 7214 | 1455692400 | 44697 |
| 4163305 | 7214 | 1455690600 | 42897 |
| 4163304 | 7214 | 1455688800 | 41097 |
| 4151121 | 4356 | 1455703200 | 55497 |
| 4163271 | 7205 | 1455685500 | 37797 |
| 4163272 | 7205 | 1455687000 | 39297 |
| 4163269 | 7205 | 1455684900 | 37197 |
| 4163273 | 7205 | 1455687300 | 39597 |
| 4163264 | 7206 | 1455674400 | 26697 |
| 4163270 | 7205 | 1455685200 | 37497 |
+---------+--------------------+------------+-------+
Example:
unix-timestamp : 1455647703
+---------+--------------------+------------+-------+
| id | grp_id | utimes | value |
+---------+--------------------+------------+-------+
| 4159888 | 5282 | 1455630000 | 26998 |
| 4156190 | 5282 | 1455651000 | 28497 |
| 4159889 | XYZ | 1455630000 | 26998 |
| 4156191 | XYZ | 1455651000 | 28497 |
| 4159883 | ABC | 1455630000 | 26998 |
| 4156195 | ABC | 1455651000 | 28497 |
+---------+--------------------+------------+-------+
Thank you !
You can do it with a LEFT JOIN operation. The ON clause contains the 'business logic':
SELECT t1.*
FROM mytable AS t1
LEFT JOIN mytable AS t2
ON t1.grp_id = t2.grp_id
AND
((t1.utimes < 1455647703 AND t2.utimes < 1455647703 AND t2.utimes > t1.utimes)
OR
(t1.utimes > 1455647703 AND t2.utimes > 1455647703 AND t2.utimes < t1.utimes))
WHERE t1.grp_id = 5282 AND t2.id IS NULL
Demo here

Make div pull to the right and up with Bootstrap

I made a layout with Bootstrap. At desktop resolutions it looks like this:
+---------------+ +-------------+
| | | |
| A | | |
| | | |
+---------------+ | |
| | | C |
| B | | |
| | | |
+---------------+ | |
| | | |
| | +-------------+
| | xxxxxxxxxxxxxxx
| D | xxxxxxxxxxxxxxx
| | xxxxxxxxxxxxxxx
| | xxxxxxxxxxxxxxx
+---------------+ +-------------+
| | | |
| E | | F |
| | | |
+---------------+ +-------------+
| |
| G |
| |
+-------------+
On mobile devices it looks like this:
+---------------+
| |
| A |
| |
+---------------+
| |
| B |
| |
+---------------+
| |
| |
| C |
| |
| |
+---------------+
| |
| |
| |
| D |
| |
| |
+---------------+
| |
| E |
| |
+---------------+
| |
| F |
| |
+---------------+
| |
| G |
| |
+---------------+
My problem is that I need to get rid of the space between C and F indicated by the X's.
Here is my markup:
http://pastebin.com/KTJj72Z0
on div F put negative top margin. It'd pull it above.
like so
#media(min-width:768px){
#F {
margin-top: -100px;
}
}

What does this ridiculous glog mean?

Can anyone help me understand this crazy glog? It looks to me like somebody sat on local changes for weeks, but why does the graph collapse like that when there's no merge?
o changeset: 9584:ee55eaad973f
|\ user: abcd
| | date: Tue Jul 03 15:16:36 2012 +0100
| | summary: blablabla
| |
| \
| |\
| | \
| | |\
| | | \
| | | |\
| | | | \
| | | | |\
| | | | | \
| | | | | |\
| | | | | | \
| | | | | | |\
| | | | | | | \
| | | | | | | |\
| | | | | | | | \
| | | | | | | | |\
| | | | | | | | | \
| | | | | | | | | |\
| | | | | | | | | | \
| | | | | | | | | | |\
| | | | | | | | | | | \
| | | | | | | | | | | |\
| | | | | | | | | | | | \
| | | | | | | | | | | | |\
| | | | | | | | | | | | | \
| | | | | | | | | | | | | |\
| | | | | | | | | | | | | | \
| | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | \
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |\
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+---o changeset: 9581:1425f32ed0fd
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |/ parent: 9467:3a818f1ddee5
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | user: abcd
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | date: Tue Jul 03 14:49:22 2012 +0100
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | summary: blablablabla
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+---o changeset: 9466:06e3a96051d2
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |/ parent: 9404:59af59ad22e2
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | user: abcd
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | date: Wed Jun 27 16:29:56 2012 +0100
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | summary: blablabla
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+---o changeset: 9012:c7eecec9dfb5
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | branch: some branch
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | parent: 8988:292fcb6476ff
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | user: efgh
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | date: Mon May 28 16:40:50 2012 +0100
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | summary: blablabla
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+---o changeset: 8941:98fae217d622
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |/ parent: 8873:987a6e5ee24f
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | user: ijklm
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | date: Wed May 23 10:16:54 2012 +0100
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | summary: blablablabla
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | |
but why does the graph collapse like that when there's no merge?
Why "there's no merge"? A lot of branches without activity except two-three most recent and this freshest (most right) branch was merged to oldest (default?)

what is the best way to achieve this layout?

I am struggling a bit trying to achieve the following layout.
I have the following divs:
----------------wrapper--------------
| ---------------info-------------- |
| | ----detail-- ---summary-- | |
| | | | | | | |
| | | | | | | |
| | | | ------------ | |
| | | | ----graph--- | |
| | | | | | | |
| | | | | | | |
| | ------------ ------------ | |
| --------------------------------- |
| |
| ---------------info-------------- |
| | ----detail-- ---summary-- | |
| | | | | | | |
| | | | | | | |
| | | | ------------ | |
| | | | ----graph--- | |
| | | | | | | |
| | | | | | | |
| | ------------ ------------ | |
| --------------------------------- |
| |
-------------------------------------
How can I use position and display on my divs to get my page to show correctly?
i have created a sample of what you want.
http://jsfiddle.net/FFU2Y/
Hope it helped.
just try to edit the css of what you like it to be or add div.
Try to use 960.css grid layout !
http://960.gs/
or another way would be using Bootstrap from Twitter, which provides grid solutions, css reset, and many more awesome stylings.
http://twitter.github.com/bootstrap/