sproutcore 1.8.2.1 → 1.9.0

data/lib/frameworks/sproutcore/apps/test_controls/resources/progress_page.js

@@ -1,33 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.progressPage = SC.View.design({
-  childViews: "form".w(),
-  form: SC.FormView.design({
-    classNames: ["sample_controls"],
-    layout: { left: 20, top: 40, right: 20, bottom: 40 },
-    
-    childViews: "header normal disabled".w(),
-    
-    header: SC.LabelView.design({
-      fillWidth: YES,
-      layout: { width: 250, height: 18 },
-      value: "Progress Bars",
-      classNames: "header".w()
-    }),
-
-    normal: SC.FormView.row(SC.ProgressView.design({
-      layout: { height: 20, width: 200 }
-    })),
-
-    disabled: SC.FormView.row(SC.ProgressView.design({
-      layout: { height: 20, width: 200 },
-      isEnabled: NO
-    }))
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/radio_page.js

@@ -1,55 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.radioPage = SC.View.design({
-  childViews: "form".w(),
-  form: SC.FormView.design({
-    classNames: ["sample_controls"],
-    layout: { left: 20, top: 40, right: 20, bottom: 40 },
-    childViews: "header normal disabled multiple horizontal icon".w(),
-    // Plain Views
-    header: SC.LabelView.design({
-      fillWidth: YES,
-      layout: { width: 250, height: 18 },
-      value: "Radio Views",
-      classNames: "header".w()
-    }),
-    normal: SC.FormView.row(SC.RadioView.design({
-      layout: { width: 150, height: 60},
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-    disabled: SC.FormView.row(SC.RadioView.design({
-      layout: { width: 150, height: 60},
-      isEnabled: NO,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: "one"
-    })),
-    multiple: SC.FormView.row(SC.RadioView.design({
-      layout: {width: 150, height: 60},
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: ["one", "three"]
-    })),
-    horizontal: SC.FormView.row(SC.RadioView.design({
-      layout: {width: 450, height: 20},
-      layoutDirection: SC.LAYOUT_HORIZONTAL,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-    icon: SC.FormView.row(SC.RadioView.design({
-      layout: { width: 150, height: 60},
-      items: [ { title: "One", value: "one", icon: "sc-icon-info-16" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value", itemIconKey: "icon",
-      value: null
-    }))
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/scroll_page.js

@@ -1,77 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.scrollPage = SC.View.design({
-  childViews: "scroll".w(),
-  scroll: SC.ScrollView.design({
-    contentView: SC.FormView.design({
-      flowPadding: { top: 0, bottom: 100, right: 0, left: 0},
-      classNames: ["sample_controls"],
-      layout: { left: 20, top: 40, right: 20, bottom: 40 },
-      childViews: "header list incrementalList imageList".w(),
-      header: SC.LabelView.design({
-        fillWidth: YES,
-        layout: { width: 300, height: 24 },
-        classNames: "header".w(),
-        value: "Scroll Views"
-      }),
-      list: SC.FormView.row(SC.ScrollView.design({
-        backgroundColor: "white",
-        layout: { width: 320, height: 460 },
-        contentView: SC.ListView.design({
-          computeNowShowing: function() {
-            return this.get('allContentIndexes');
-          },
-          classNames: ['big-list'],
-          rowHeight: 44,
-          content: function() {
-            var idx = 0, ret = [];
-            for (idx = 0; idx < 100; idx++) {
-              ret.push(SC.Object.create({"title": "Item " + idx}));
-            }
-            return ret;
-          }.property().cacheable(),
-          contentValueKey: "title"
-        })
-      })),
-      incrementalList: SC.FormView.row(SC.ScrollView.design({
-        backgroundColor: "white",
-        layout: { width: 320, height: 460 },
-        contentView: SC.ListView.design({
-          classNames: ['big-list'],
-          rowHeight: 44,
-          content: function() {
-            var idx = 0, ret = [];
-            for (idx = 0; idx < 1000; idx++) {
-              ret.push(SC.Object.create({"title": "Item " + idx}));
-            }
-            return ret;
-          }.property().cacheable(),
-          contentValueKey: "title"
-        })
-      })),
-      imageList: SC.FormView.row(SC.ScrollView.design({
-        backgroundColor: "gray",
-        canScale: YES,
-        layout: { width: 320, height: 460 },
-        contentView: SC.ListView.design({
-          classNames: ['big-list'],
-          rowHeight: 44,
-          content: function() {
-            var idx = 0, ret = [];
-            for (idx = 0; idx < 1000; idx++) {
-              ret.push(SC.Object.create({"title": "Item " + idx}));
-            }
-            return ret;
-          }.property().cacheable(),
-          contentValueKey: "title"
-        })
-      }))
-    })
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/segmented_page.js

@@ -1,99 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.segmentedPage = SC.View.design({
-  childViews: "form".w(),
-  form: SC.FormView.design({
-    classNames: ["sample_controls"],
-    layout: { left: 20, top: 40, right: 20, bottom: 40 },
-    childViews: "header small normal large jumbo disabled multiple multiple_side_by_side overflow".w(),
-    
-    header: SC.LabelView.design({
-      fillWidth: YES,
-      layout: {width:300, height:24},
-      classNames: "header".w(),
-      value: "Segmented Views "
-    }),
-    
-    small: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      layout: { left: 0, width: 350, height: 18, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      controlSize: SC.SMALL_CONTROL_SIZE,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-    
-    normal: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      layout: { left: 0, width: 350, height: 24, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      controlSize: SC.REGULAR_CONTROL_SIZE,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-
-    large: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      layout: { left: 0, width: 350, height: 30, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      controlSize: SC.LARGE_CONTROL_SIZE,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-
-    jumbo: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      layout: { left: 0, width: 350, height: 44, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      controlSize: SC.JUMBO_CONTROL_SIZE,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    })),
-    
-    disabled: SC.FormView.row(SC.SegmentedView.design({
-      layout: { left: 0, width: 350, height: 24, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      isEnabled: NO,
-      items: [ { icon: "sc-icon-info-16", title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value", itemIconKey: "icon",
-      value: "one"
-    })),
-    multiple: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      allowsMultipleSelection: YES,
-      layout: { left: 0, width: 350, height: 24, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: ["one", "three"]
-    })),
-    
-    multiple_side_by_side: SC.FormView.row(SC.SegmentedView.design({
-      allowsEmptySelection: YES,
-      allowsMultipleSelection: YES,
-      layout: { left: 0, width: 350, height: 24, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: ["one", "two"]
-    })),
-    
-    overflow: SC.FormView.row(SC.SegmentedView.design({
-      layout: { left: 0, width: 350, height: 24, centerY: 0},
-      align: SC.ALIGN_LEFT,
-      items: [ { title: "One", value: "one" },{ title: "Two", value: "two" },{ title: "Three", value: "three"},{ title: "Four", value: "four" },{ title: "Five", value: "five" },{ title: "Six", value: "six" },{ title: "Seven", value: "seven" },{ title: "Eight", value: "eight" } ],
-      itemTitleKey: "title", itemValueKey: "value",
-      value: null
-    }))
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/select_page.js

@@ -1,75 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.selectPage = SC.View.design({
-  childViews: "form".w(),
-  form: SC.FormView.design({
-    classNames: ["sample_controls"],
-    layout: { left: 20, top: 40, right: 20, bottom: 40 },
-    childViews: "header normal strings disabled".w(),
-    
-    // Plain Views
-    header: SC.LabelView.design({
-      fillWidth: YES,
-      layout: { width: 250, height: 18 },
-      value: "Select View",
-      classNames: "header".w()
-    }),
-    
-    normal: SC.FormView.row(SC.SelectView.design({
-      layout: { width: 150, height: 24 },
-      items: [
-        {"name": "Printer A", "value": "printer:a"},
-        {"name": "Printer B", "value": "printer:b"},
-        {"name": "Printer C", "value": "printer:c"},
-
-        {"name": "Printer D", "value": "printer:d"},
-        {"name": "Printer E", "value": "printer:e"},
-        {"name": "Printer F", "value": "printer:f"},
-
-        {"separator": YES, name: "none" },
-        {"name": "MICR 1", "value": "printer:m1"},
-        {"name": "MICR 2", "value": "printer:m2"},
-
-        {"separator": YES, name: "Hi" },
-        {"name": "This name is Really Really Long, OK?", "value": "LONG" }
-      ],
-      itemTitleKey: "name", itemValueKey: "value", itemSeparatorKey: "separator",
-      value: 'printer:a',
-      valueBinding: 'TestControls.buttonsController.selectedValue'
-    })),
-
-    strings: SC.FormView.row(SC.SelectView.design({
-      layout: { width: 150, height: 24 },
-      items: ["printer:a", "printer:b", "printer:c", "printer:d", "printer:e", "printer:f", "printer:m1", "printer:m2", "LONG"],
-      value: 'printer:a',
-      valueBinding: 'TestControls.buttonsController.selectedValue'
-    })),
-
-    disabled: SC.FormView.row(SC.SelectView.design({
-      layout: { width: 150, height: 24 },
-      
-      controlSize: SC.REGULAR_CONTROL_SIZE,
-      isEnabled: NO,
-      
-      items: [
-        {"name": "Printer A", "value": "printer:a"},
-        {"name": "Printer B", "value": "printer:b"},
-        {"name": "Printer C", "value": "printer:c"},
-        {"separator": YES, name: "none" },
-        {"name": "Printer D", "value": "printer:d"},
-        {"name": "Printer E", "value": "printer:e"},
-        {"name": "Printer F", "value": "printer:f"},
-        {"name": "MICR 1", "value": "printer:m1"},
-        {"name": "MICR 2", "value": "printer:m2"}
-      ],
-      itemTitleKey: "name", itemValueKey: "value", itemSeparatorKey: "separator",
-      value: null
-    }))
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/sliders_page.js

@@ -1,54 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2011 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-/*globals TestControls Forms*/
-TestControls.slidersPage = SC.View.design({
-  childViews: "form".w(),
-  form: SC.FormView.design({
-    classNames: ["sample_controls"],
-    layout: { left: 20, top: 40, right: 20, bottom: 40 },
-    childViews: "header small normal jumbo disabled".w(),
-    // Plain Views
-    header: SC.LabelView.design({
-      fillWidth: YES,
-      layout: { width: 250, height: 18 },
-      value: "Sliders",
-      classNames: "header".w()
-    }),
-    
-    small: SC.FormView.row(SC.SliderView.design({
-      layout: { width: 150, height: 14 },
-      controlSize: SC.SMALL_CONTROL_SIZE,
-      minimum: 0,
-      maximum: 10,
-      value: 2
-    })),
-    
-    normal: SC.FormView.row(SC.SliderView.design({
-      layout: { width: 150, height: 16 },
-      minimum: 0,
-      maximum: 10,
-      value: 2
-    })),
-    
-    jumbo: SC.FormView.row(SC.SliderView.design({
-      controlSize: SC.JUMBO_CONTROL_SIZE,
-      layout: { width: 150, height: 22 },
-      minimum: 0,
-      maximum: 10,
-      value: 2
-    })),
-    
-    disabled: SC.FormView.row(SC.SliderView.design({
-      layout: { width: 150, height: 16},
-      isEnabled: NO,
-      minimum: 0,
-      maximum: 10,
-      value: 2
-    }))
-  })
-});

data/lib/frameworks/sproutcore/apps/test_controls/resources/split_page.js

@@ -1,141 +0,0 @@
-/*global TestControls*/
-SC.mixin(SC.SplitDividerView.prototype, { wantsAcceleratedLayer: YES });
-
-TestControls.SplitColumn = SC.View.design(SC.SplitChild, {
-  autoResizeStyle: SC.RESIZE_AUTOMATIC,
-  
-  size: 100,
-  
-  minimumSize: 100,
-  
-  backgroundColor: 'white',
-  wantsAcceleratedLayer: YES,
-  compensatesForMovement: YES,
-  
-  childViews: 'allowIndirect compensates resizeStyle'.w(),
-  
-  allowIndirect: SC.CheckboxView.design({
-    layout: { top: 10, left: 10, width: 200, height: 24 },
-    title: "Allow Indirect Adjustments",
-    valueBinding: '*parentView.allowsIndirectAdjustments'
-  }),
-
-  compensates: SC.CheckboxView.design({
-    layout: { top: 40, left: 10, width: 200, height: 24 },
-    title: "Compensates for Movement",
-    valueBinding: '*parentView.compensatesForMovement'
-  }),
-  
-  resizeStyle: SC.SelectView.design({
-    layout: { left: 10, top: 70, width: 120, height: 24 },
-    items: [
-      {title: 'Fixed Size', value: SC.FIXED_SIZE },
-      {title: 'Manual Resize', value: SC.RESIZE_MANUAL },
-      { title: 'Auto Resize', value: SC.RESIZE_AUTOMATIC }
-    ],
-    
-    itemTitleKey: 'title',
-    itemValueKey: 'value',
-    
-    value: SC.RESIZE_AUTOMATIC,
-    valueBinding: '*parentView.autoResizeStyle'
-  })
-});
-
-TestControls.splitPage = SC.View.design({
-  childViews: 'toolbar scroll'.w(),
-  
-  toolbar: SC.ToolbarView.design(SC.FlowedLayout, SC.AutoMixin, {
-    autoMixins: [{ wantsAcceleratedLayer: YES }],
-    align: SC.ALIGN_RIGHT,
-    canWrap: NO,
-    
-    layout: { height: 44, bottom: 0 },
-    
-    flowPadding: { top: 7 },
-    defaultFlowSpacing: { right: 5, left: 5 },
-    
-    childViews: 'direction resize allAllowIndirect allCompensateForMovement spacer add remove'.w(),
-    
-    direction: SC.SelectView.design({
-      flowSpacing: { left: 5, top: 3, right: 5 },
-      
-      layout: { width:200, height: 24 },
-      items: [
-        {title: 'Horizontal', value: SC.LAYOUT_HORIZONTAL},
-        {title: 'Vertical', value: SC.LAYOUT_VERTICAL}
-      ],
-      
-      itemTitleKey: 'title',
-      itemValueKey: 'value',
-      value: SC.LAYOUT_VERTICAL,
-      valueBinding: 'TestControls.splitController.layoutDirection'
-    }),
-    
-    resize: SC.CheckboxView.design({
-      flowSpacing: { top: 6, left: 5, right: 5 },
-      layout: { width: 170 },
-      title: "Resize Children to Fit",
-      valueBinding: 'TestControls.splitController.shouldResizeChildrenToFit'
-    }),
-
-    allAllowIndirect: SC.CheckboxView.design({
-      flowSpacing: { top: 6, left: 5, right: 5 },
-      layout: {width:150},
-      title: "Allow Indirect",
-      valueBinding: 'TestControls.splitController.allAllowIndirect'
-    }),
-
-    allCompensateForMovement: SC.CheckboxView.design({
-      flowSpacing: { top: 6, left: 5, right: 5 },
-      layout: { width:200 },
-      title: "Compensate for Movement",
-      valueBinding: 'TestControls.splitController.allCompensateForMovement'
-    }),
-
-    
-    spacer: SC.View.design({ isSpacer: YES }),
-    
-    add: SC.ButtonView.design(SC.AutoResize, {
-      layout: { height: 30 },
-      controlSize: SC.HUGE_CONTROL_SIZE,
-      autoResizeField: 'title',
-      title: "Add",
-      
-      target: 'TestControls.splitController',
-      action: 'addChild'
-    }),
-    
-    remove: SC.ButtonView.design(SC.AutoResize, {
-      layout: { height: 30 },
-      controlSize: SC.HUGE_CONTROL_SIZE,
-      
-      autoResizeField: 'title',
-      title: "Remove",
-      
-      target: 'TestControls.splitController',
-      action: 'removeChild'
-    })
-  }),
-  
-  scroll: SC.ScrollView.design({
-    borderStyle: SC.BORDER_NONE,
-    layout: { bottom: 44 },
-    
-    contentView: SC.SplitView.design({
-      init: function() {
-        sc_super();
-        TestControls.splitController.bind('children', this, 'childViews');
-      },
-
-      layoutDirectionBinding: 'TestControls.splitController.layoutDirection',
-      
-      shouldResizeChildrenToFitBinding: 'TestControls.splitController.shouldResizeChildrenToFit',
-
-      childViews: 'initial'.w(),
-
-      initial: TestControls.SplitColumn.design()
-    })
-  })
-  
-});