You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2017/05/23 07:16:14 UTC
[06/13] git commit: [flex-asjs] [refs/heads/release0.8.0] - get ASDoc
working on both SWF and JS. Needed to tickle layout more often for SWF.
get ASDoc working on both SWF and JS. Needed to tickle layout more often for SWF.
Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/c505d67c
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/c505d67c
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/c505d67c
Branch: refs/heads/release0.8.0
Commit: c505d67c22d51ca95bfd758f5a04742a2657bd2f
Parents: d550f67
Author: Alex Harui <ah...@apache.org>
Authored: Sun May 21 23:39:14 2017 -0700
Committer: Alex Harui <ah...@apache.org>
Committed: Tue May 23 00:15:56 2017 -0700
----------------------------------------------------------------------
.../ASDoc/src/main/flex/ASDocMainView.mxml | 81 ++++++++++----------
1 file changed, 42 insertions(+), 39 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/c505d67c/examples/flexjs/ASDoc/src/main/flex/ASDocMainView.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/ASDoc/src/main/flex/ASDocMainView.mxml b/examples/flexjs/ASDoc/src/main/flex/ASDocMainView.mxml
index e7dde44..cd5a978 100644
--- a/examples/flexjs/ASDoc/src/main/flex/ASDocMainView.mxml
+++ b/examples/flexjs/ASDoc/src/main/flex/ASDocMainView.mxml
@@ -19,7 +19,8 @@ limitations under the License.
-->
<js:View xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:js="library://ns.apache.org/flexjs/basic"
- width="100%" height="100%">
+ width="100%" height="100%"
+ >
<fx:Script>
<![CDATA[
import models.ASDocModel;
@@ -33,7 +34,7 @@ limitations under the License.
currentPackage = packageList.selectedItem as String;
dispatchEvent(new Event("packageChanged"));
}
-
+
public var currentClass:String;
private function classChangedHandler():void
@@ -51,7 +52,7 @@ limitations under the License.
{
dispatchEvent(new DetailEvent(viewBeads.selected ? "addTag" : "removeTag", false, false, "viewbead"));
}
-
+
]]>
</fx:Script>
<fx:Style>
@@ -60,54 +61,56 @@ limitations under the License.
<js:ViewDataBinding />
<js:OneFlexibleChildVerticalLayout flexibleChild="topContainer" />
</js:beads>
- <js:Container width="100%">
+ <js:Group width="100%" id="titleGroup">
<js:beads>
<js:FlexibleFirstChildHorizontalLayout/>
</js:beads>
<js:Label text="FlexJS ActionScript Library Reference" height="30" style="fontSize:20"/>
<js:CheckBox id="topLevel" text="Top-Level" click="showTopLevel()" />
<js:CheckBox id="viewBeads" text="View Bead" click="showViewBeads()" />
- </js:Container>
- <js:Container className="topContainer" id="topContainer" width="100%">
+ </js:Group>
+ <js:Group width="100%" className="topContainer" id="topContainer" style="align-items: start">
<js:beads>
- <js:OneFlexibleChildHorizontalLayout flexibleChild="rightSide" />
+ <js:OneFlexibleChildHorizontalLayoutLockChildHeight flexibleChild="rightSide" />
+ <js:LayoutChangeNotifier watchedProperty="{ASDocModel(applicationModel).packageList}" initialValue="null" />
</js:beads>
- <js:Container width="300" height="100%" className="leftSide">
+ <js:Group width="300" className="leftSide" id="leftSide">
<js:beads>
- <js:VerticalLayout />
+ <js:VerticalFlexLayout />
</js:beads>
- <js:Container className="packages" height="50%" width="100%">
- <js:List id="packageList" dataProvider="{ASDocModel(applicationModel).packageList}" change="packageChangedHandler()" width="100%" height="100%"/>
- </js:Container>
- <js:Container className="classes" height="50%" width="100%">
- <js:List id="classList" dataProvider="{ASDocModel(applicationModel).classList}" change="classChangedHandler()" width="100%" height="100%"/>
- </js:Container>
- </js:Container>
- <js:Container className="rightSide" id="rightSide" style="verticalAlign:top" height="100%">
+ <js:List id="packageList" dataProvider="{ASDocModel(applicationModel).packageList}" change="packageChangedHandler()" width="100%" height="50%" style="flex-grow: '1';flex-shrink: '1'"/>
+ <js:List id="classList" dataProvider="{ASDocModel(applicationModel).classList}" change="classChangedHandler()" width="100%" height="50%" style="flex-grow: '1';flex-shrink: '1'"/>
+ </js:Group>
+ <js:Container className="rightSide" id="rightSide" style="align-items: start">
<js:beads>
- <js:VerticalLayout />
+ <js:OneFlexibleChildVerticalLayoutLockChildWidth flexibleChild="detailsPane" />
<js:ScrollingViewport />
</js:beads>
- <js:Label id="packageName" text="{ASDocModel(applicationModel).currentPackage}" width="100%"/>
- <js:Label id="baseName" text="{ASDocModel(applicationModel).currentClass}" width="100%" style="fontSize:20"/>
- <js:Label id="inheritance" text="{ASDocModel(applicationModel).inheritance}" width="100%"/>
- <js:MultilineLabel id="attributes" text="{ASDocModel(applicationModel).attributes}" width="100%"/>
- <js:MultilineLabel id="description" text="{ASDocModel(applicationModel).description}" width="100%"/>
- <js:Label text="Public Properties" />
- <js:List id="publicPropertyList" dataProvider="{ASDocModel(applicationModel).publicProperties}"
- itemRenderer="SummaryRenderer" width="100%"/>
- <js:Label text="Public Methods" />
- <js:List id="publicMethodList" dataProvider="{ASDocModel(applicationModel).publicMethods}"
- itemRenderer="SummaryRenderer" width="100%"/>
- <js:Label text="Property Details" />
- <js:DataContainer id="propertyDetails" dataProvider="{ASDocModel(applicationModel).publicProperties}"
- itemRenderer="DetailRenderer" width="100%"/>
- <js:Label text="Constructor Details" />
- <js:DataContainer id="constructorDetails" dataProvider="{ASDocModel(applicationModel).constructorList}"
- itemRenderer="DetailRenderer" width="100%"/>
- <js:Label text="Method Details" />
- <js:DataContainer id="MethodDetails" dataProvider="{ASDocModel(applicationModel).publicMethods}"
- itemRenderer="DetailRenderer" width="100%"/>
+ <js:Group id="detailsPane">
+ <js:beads>
+ <js:VerticalFlexLayout />
+ </js:beads>
+ <js:Label id="packageName" text="{ASDocModel(applicationModel).currentPackage}" width="100%"/>
+ <js:Label id="baseName" text="{ASDocModel(applicationModel).currentClass}" width="100%" style="fontSize:20"/>
+ <js:Label id="inheritance" text="{ASDocModel(applicationModel).inheritance}" width="100%"/>
+ <js:MultilineLabel id="attributes" text="{ASDocModel(applicationModel).attributes}" width="100%"/>
+ <js:MultilineLabel id="description" text="{ASDocModel(applicationModel).description}" width="100%"/>
+ <js:Label text="Public Properties" />
+ <js:List id="publicPropertyList" dataProvider="{ASDocModel(applicationModel).publicProperties}"
+ itemRenderer="SummaryRenderer" width="100%"/>
+ <js:Label text="Public Methods" />
+ <js:List id="publicMethodList" dataProvider="{ASDocModel(applicationModel).publicMethods}"
+ itemRenderer="SummaryRenderer" width="100%"/>
+ <js:Label text="Property Details" />
+ <js:DataContainer id="propertyDetails" dataProvider="{ASDocModel(applicationModel).publicProperties}"
+ itemRenderer="DetailRenderer" width="100%"/>
+ <js:Label text="Constructor Details" />
+ <js:DataContainer id="constructorDetails" dataProvider="{ASDocModel(applicationModel).constructorList}"
+ itemRenderer="DetailRenderer" width="100%"/>
+ <js:Label text="Method Details" />
+ <js:DataContainer id="MethodDetails" dataProvider="{ASDocModel(applicationModel).publicMethods}"
+ itemRenderer="DetailRenderer" width="100%"/>
+ </js:Group>
</js:Container>
- </js:Container>
+ </js:Group>
</js:View>