gistfile1.js

<script type="text/javascript">

(function() {
var SC = SC.Deprecated;

SC.page = SC.Page.create({
  layoutSize: { width: 800, height: 600 }, // the size we used to position everything statically...
   
  marginInset: SC.View.outlet({
    outlets: ['projectNameLabel','appProjectDirLabel','projectAppsScroller','appNameLabel','appDirLabel','appFilesScroller'],
    
    autoresize: SC.AUTORESIZE_WIDTH_HEIGHT,
    layout: { x: 10, y: 10, width: 780, height: 580 },
    
    projectNameLabel: SC.LabelView.outlet({
      valueBinding: 'SC.IDE.projectController.name',
      
      autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
      layout: { x: 10, y: 10, width: 760, height: 30 },
      
      localize: false,
      escapeHTML: true,
      isEditable: false
    }),
    
    appProjectDirLabel: SC.LabelView.outlet({
       valueBinding: 'SC.IDE.projectController*directory.path',
       
       autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
       layout: { x: 10, y: 40, width: 760, height: 30 },
       
       localize: false,
       escapeHTML: true,
       isEditable: false
     }),
     
     projectAppsScroller: SC.ScrollView.outlet({
       outlets: ['projectAppsList'],
       
       autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
       layout: { x: 10, y: 80, width: 760, height: 100 },
       
       projectAppsList: SC.ListView.outlet({
         contentBinding: 'SC.IDE.appsController.arrangedObjects',
         selectionBinding: 'SC.IDE.appsController.selection',
         
         autoresize: SC.AUTORESIZE_WIDTH_HEIGHT,
         layout: { x: 0, y: 0, width: 760, height: 100 },
         
         contentValueKey: 'name',
         isSelectable: true,
         hasContentBranch: false,
         acceptsFirstResponder: true,
         hasContentIcon: false
       })
     }),
     
     appNameLabel: SC.LabelView.outlet({
       valueBinding: 'SC.IDE.appController.name',
       
       autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
       layout: { x: 10, y: 190, width: 760, height: 30 },
       
       localize: false,
       escapeHTML: true,
       isEditable: true
     }),
     
     appDirLabel: SC.LabelView.outlet({
       valueBinding: 'SC.IDE.appController*directory.path',
       
       autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
       layout: { x: 10, y: 230, width: 760, height: 30 },
       
       localize: false,
       escapeHTML: true,
       isEditable: false
     }),
     
     appFilesScroller: SC.ScrollView.outlet({
       outlets: ['appFilesList'],
       
       autoresize: SC.AUTORESIZE_WIDTH_BOTTOM,
       layout: { x: 10, y: 270, width: 760, height: 100 },
       
       appFilesList: SC.ListView.outlet({
         contentBinding: 'SC.IDE.appsController.arrangedObjects',
         selectionBinding: 'SC.IDE.appsController.selection',
         
         autoresize: SC.AUTORESIZE_WIDTH_HEIGHT,
         layout: { x: 0, y: 0, width: 760, height: 100 },
         
         contentValueKey: 'path',
         isSelectable: true,
         hasContentBranch: false,
         acceptsFirstResponder: true,
         hasContentIcon: false
       })
     })
   })
});

})();

</script>