// ========================================================================== // Project: Showcase // Copyright: ©2012 7x7 Software, Inc. // License: Licensed under MIT license // ========================================================================== /*globals Showcase */ sc_require('system/views_item_content.js'); sc_require('views/views_list_view.js');

/**

This pre-configured view demonstrates SC.TabView.

*/ Showcase.tabViews = SC.ScrollView.design({

contentView: Showcase.ViewsListView.design({
  content: [
    Showcase.ViewsItemContent.create({
      title: 'Regular',
      example: "SC.TabView.extend({  itemIconKey: 'icon',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.greenTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  items: [{  title: 'Apple',  icon: sc_static('images/fruit.png'),  value: 'Showcase.blueTabView'  },  {  title: 'Orange',  icon: sc_static('images/fruit-orange.png'),  value: 'Showcase.greenTabView'  },  {  title: 'Grape',  icon: sc_static('images/fruit-grape.png'),  value: 'Showcase.pinkTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Small',
      example: "SC.TabView.extend({  controlSize: SC.SMALL_CONTROL_SIZE,  itemIconKey: 'icon',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.blueTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  tabHeight: 18,  items: [{  title: 'Exceeds',  icon: sc_static('images/green-dot.png'),  value: 'Showcase.blueTabView'  },  {  title: 'Meets',  icon: sc_static('images/grey-dot.png'),  value: 'Showcase.greenTabView'  },  {  title: 'Below',  icon: sc_static('images/red-dot.png'),  value: 'Showcase.pinkTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Large',
      example: "SC.TabView.extend({  controlSize: SC.LARGE_CONTROL_SIZE,  itemIconKey: 'icon',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.pinkTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  tabHeight: 30,  items: [{  title: 'Apple',  icon: sc_static('images/fruit.png'),  value: 'Showcase.blueTabView'  },  {  title: 'Orange',  icon: sc_static('images/fruit-orange.png'),  value: 'Showcase.greenTabView'  },  {  title: 'Grape',  icon: sc_static('images/fruit-grape.png'),  value: 'Showcase.pinkTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Jumbo',
      example: "SC.TabView.extend({  controlSize: SC.JUMBO_CONTROL_SIZE,  itemIconKey: 'icon',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.greenTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  tabHeight: 44,  items: [{  title: 'FaceBook',  icon: sc_static('images/balloon-facebook.png'),  value: 'Showcase.blueTabView'  },  {  title: 'Twitter',  icon: sc_static('images/balloon-twitter.png'),  value: 'Showcase.greenTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Top Toolbar Location',
      example: "SC.TabView.extend({  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.orangeTabView',  tabLocation: SC.TOP_TOOLBAR_LOCATION,  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  items: [{  title: 'Infants',  value: 'Showcase.blueTabView'  },  {  title: 'Toddlers',  value: 'Showcase.greenTabView'  },  {  title: 'Tweens',  value: 'Showcase.pinkTabView'  },  {  title: 'Teens',  value: 'Showcase.grayTabView'  },  {  title: 'Adults',  value: 'Showcase.orangeTabView'  },  {  title: 'Seniors',  value: 'Showcase.purpleTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Bottom Location',
      example: "SC.TabView.extend({  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.grayTabView',  tabLocation: SC.BOTTOM_LOCATION,  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  items: [{  title: 'Elements',  value: 'Showcase.blueTabView'  },  {  title: 'Resources',  value: 'Showcase.greenTabView'  },  {  title: 'Network',  value: 'Showcase.pinkTabView'  },  {  title: 'Scripts',  value: 'Showcase.grayTabView'  },  {  title: 'Timeline',  value: 'Showcase.orangeTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Disabled',
      example: "SC.TabView.extend({  itemIsEnabledKey: 'isEnabled',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.greenTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  items: [{  title: 'Badger',  isEnabled: true,  value: 'Showcase.blueTabView' },   {  title: 'Ferret',  isEnabled: false,  value: 'Showcase.greenTabView'  },  {  title: 'Weasle',  value: 'Showcase.pinkTabView'  },  {  title: 'Wolverine', isEnabled: false,  value: 'Showcase.grayTabView'  }]  })"
    }),
    Showcase.ViewsItemContent.create({
      title: 'Automatic Overflow Menu',
      example: "SC.TabView.extend({  itemWidthKey: 'width',  itemTitleKey: 'title',  itemValueKey: 'value',  nowShowing: 'Showcase.redTabView',  layout: { width: 400, height: 300, centerX: 0, centerY: 0 },  items: [{  title: 'Porifera',  width: 100,  value: 'Showcase.blueTabView' },  {  title: 'Radiata',  width: 100,  value: 'Showcase.greenTabView' },  {  title: 'Bilateria',  width: 100,  value: 'Showcase.pinkTabView' },  {  title: 'Deuterostomes',  width: 100,  value: 'Showcase.grayTabView' },  {  title: 'Ecdysozoa',  width: 100,  value: 'Showcase.orangeTabView'  },  {  title: 'Platyzoa', width: 100,  value: 'Showcase.purpleTabView'  },  {  title: 'Lophotrochozoa', width: 100,  value: 'Showcase.redTabView'  }]  })"
    })
  ],
  exampleHeight: 360
})

});