sproutcore 1.8.2.1 → 1.9.0

data/lib/frameworks/sproutcore/apps/media_examples/views/camera_view.js

@@ -0,0 +1,39 @@
+// ==========================================================================
+// Project:   Media Examples - A Media Playback sandbox.
+// Copyright: ©2012 Michael Krotscheck and contributors.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals MediaExamples */
+
+/**
+ * @class
+ * 
+ * (Document Your View Here)
+ * 
+ * @extends SC.View
+ */
+MediaExamples.CameraView = SC.View.extend(
+/** @scope MediaExamples.CameraView.prototype */
+{
+  childViews: ['infoBox', 'labelView'],
+  
+  infoBox: MediaExamples.CapabilitiesView.extend({
+    layout: {
+      right: 10,
+      top: 10,
+      height: 200,
+      width: 150
+    }
+  }),
+  
+  labelView: SC.LabelView.extend({
+    tagName: "h1",
+    layout: {
+      top: 10,
+      left: 10,
+      bottom: 10,
+      right: 170
+    },
+    value: "This feature is not yet supported"
+  })
+});

data/lib/frameworks/sproutcore/apps/media_examples/views/capabilities_view.js

@@ -0,0 +1,116 @@
+// ==========================================================================
+// Project:   Media Examples - A Media Playback sandbox.
+// Copyright: ©2012 Michael Krotscheck and contributors.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals MediaExamples */
+
+/**
+ * @class
+ * 
+ * (Document Your View Here)
+ * 
+ * @extends SC.View
+ */
+MediaExamples.CapabilitiesView = SC.View.extend(SC.FlowedLayout,
+/** @scope MediaExamples.CapabilitiesView.prototype */
+{
+  layoutDirection: SC.LAYOUT_VERTICAL,
+  
+  childViews: ['hasAudioPlayback', 'hasVideoPlayback', 'hasMicrophone', 'hasVideoCamera', 'isHTML5AudioSupported', 'isHTML5VideoSupported',
+               'isHTML5StreamApiSupported', 'isQuicktimeSupported', 'isFlashSupported', 'isOggSupported', 'isWebMSupported', 'isFLVSupported',
+               'isMP4Supported'],
+  
+  fillWidth: YES,
+  
+  hasAudioPlayback: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Audio Playback: " + SC.mediaCapabilities.get("hasAudioPlayback")
+  }),
+  
+  hasVideoPlayback: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Video Playback: " + SC.mediaCapabilities.get("hasAudioPlayback")
+  }),
+  
+  hasMicrophone: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Microphone: " + SC.mediaCapabilities.get("hasMicrophone")
+  }),
+  
+  hasVideoCamera: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Video Camera: " + SC.mediaCapabilities.get("hasVideoCamera")
+  }),
+  
+  isHTML5AudioSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "HTML5 Audio: " + SC.mediaCapabilities.get("isHTML5AudioSupported")
+  }),
+  
+  isHTML5VideoSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "HTML5 Video: " + SC.mediaCapabilities.get("isHTML5VideoSupported")
+  }),
+  
+  isHTML5StreamApiSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Stream API: " + SC.mediaCapabilities.get("isHTML5StreamApiSupported")
+  }),
+  
+  isQuicktimeSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Quicktime Plugin: " + SC.mediaCapabilities.get("isQuicktimeSupported")
+  }),
+  
+  isFlashSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "Flash Plugin: " + SC.mediaCapabilities.get("isFlashSupported")
+  }),
+  
+  isOggSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "OGG/Theora: " + SC.mediaCapabilities.get("isOggSupported")
+  }),
+  
+  isWebMSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "WebM/VP8: " + SC.mediaCapabilities.get("isWebMSupported")
+  }),
+  
+  isFLVSupported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "FLV Video: " + SC.mediaCapabilities.get("isFLVSupported")
+  }),
+  
+  isMP4Supported: SC.LabelView.extend({
+    layout: {
+      height: 22
+    },
+    value: "MPEG-4/H.264: " + SC.mediaCapabilities.get("isMP4Supported")
+  }),
+});

data/lib/frameworks/sproutcore/apps/media_examples/views/microphone_view.js

@@ -0,0 +1,40 @@
+// ==========================================================================
+// Project:   Media Examples - A Media Playback sandbox.
+// Copyright: ©2012 Michael Krotscheck and contributors.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals MediaExamples */
+
+/**
+ * @class
+ * 
+ * (Document Your View Here)
+ * 
+ * @extends SC.View
+ */
+MediaExamples.MicrophoneView = SC.View.extend(
+/** @scope MediaExamples.MicrophoneView.prototype */
+{
+  childViews: ['infoBox', 'labelView'],
+  
+  infoBox: MediaExamples.CapabilitiesView.extend({
+    layout: {
+      right: 10,
+      top: 10,
+      height: 200,
+      width: 150
+    }
+  }),
+  
+  labelView: SC.LabelView.extend({
+    tagName: "h1",
+    layout: {
+      top: 10,
+      left: 10,
+      bottom: 10,
+      right: 170
+    },
+    value: "This feature is not yet supported"
+  })
+
+});

data/lib/frameworks/sproutcore/apps/media_examples/views/video_view.js

@@ -0,0 +1,107 @@
+// ==========================================================================
+// Project:   Media Examples - A Media Playback sandbox.
+// Copyright: ©2012 Michael Krotscheck and contributors.
+// License:   Licensed under MIT license (see license.js)
+// ==========================================================================
+/*globals MediaExamples */
+
+/**
+ * @class
+ * 
+ * (Document Your View Here)
+ * 
+ * @extends SC.View
+ */
+MediaExamples.VideoView = SC.View.extend(
+/** @scope MediaExamples.VideoView.prototype */
+{
+  
+  childViews: ['infoBox', 'mediaControlsContainer'],
+  
+  infoBox: MediaExamples.CapabilitiesView.extend({
+    layout: {
+      right: 10,
+      top: 10,
+      height: 200,
+      width: 150
+    }
+  }),
+  
+  mediaControlsContainer: SC.View.extend(SC.FlowedLayout, {
+    
+    defaultFlowSpacing: {
+      bottom: 10
+    },
+    
+    layout: {
+      left: 10,
+      top: 10,
+      right: 320,
+      bottom: 10,
+    },
+    
+    layoutDirection: SC.LAYOUT_VERTICAL,
+    
+    fillWidth: YES,
+    
+    childViews: ['videoPlayer', 'mediaControlsLabel', 'mediaControls', 'miniControlsLabel', 'miniControls', 'simpleControlsLabel', 'simpleControls'],
+    
+    videoPlayer: SC.VideoView.extend({
+      value: (function() {
+        if(SC.mediaCapabilities.isOggSupported) {
+          return 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.ogv';
+        } else {
+          return 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4';
+        }
+      })(),
+      
+      layout: {
+        height: 204,
+        width: 480
+      },
+    }),
+    
+    mediaControlsLabel: SC.LabelView.extend({
+      value: "SC.MediaControlsView",
+      layout: {
+        height: 22
+      }
+    }),
+    
+    mediaControls: SC.MediaControlsView.extend({
+      targetBinding: SC.Binding.oneWay('.parentView.videoPlayer'),
+      layout: {
+        height: 20,
+      },
+    }),
+    
+    miniControlsLabel: SC.LabelView.extend({
+      value: "SC.MiniMediaControlsView",
+      layout: {
+        height: 22
+      }
+    }),
+    
+    miniControls: SC.MiniMediaControlsView.extend({
+      targetBinding: SC.Binding.oneWay('.parentView.videoPlayer'),
+      layout: {
+        height: 20,
+      },
+    }),
+    
+    simpleControlsLabel: SC.LabelView.extend({
+      value: "SC.SimpleMediaControlsView",
+      layout: {
+        height: 22
+      }
+    }),
+    
+    simpleControls: SC.SimpleMediaControlsView.extend({
+      targetBinding: SC.Binding.oneWay('.parentView.videoPlayer'),
+      layout: {
+        height: 20,
+      },
+    }),
+  })
+
+});

data/lib/frameworks/sproutcore/apps/showcase/Buildfile

@@ -0,0 +1,11 @@
+# ==========================================================================
+# Project:   Showcase
+# Copyright: @2012 My Company, Inc.
+# ==========================================================================
+
+# This is your Buildfile for your app, Showcase. This tells SproutCore
+# how to build your app. These settings override those in your project
+# Buildfile, which contains default settings for all apps in your project.
+
+# It is better to add :required targets here than in the global Buildfile.
+config :showcase, :required => :sproutcore, :favicon => 'favicon.ico'

data/lib/frameworks/sproutcore/apps/showcase/README

@@ -0,0 +1,15 @@
+==========================================================================
+Project:   SproutCoreShowcase
+Copyright: @2012 My Company, Inc.
+==========================================================================
+
+To deploy:
+
+• build the app into the working copy of the deployed page repo
+  $ sproutcore build --buildroot=../../path_to_sproutcore-showcase.github.com_repo_working_copy
+
+• cd to that directory and move index.html to the top of the directory
+  $ cd ../../path_to_sproutcore-showcase.github.com_repo
+  $ mv static/showcase/en/_build_number/index.html index.html
+
+• push to git@github.com:sproutcore-showcase/sproutcore-showcase.github.com.git

data/lib/frameworks/sproutcore/apps/showcase/controllers/source_controller.js

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Project:   Showcase
+// Copyright: ©2012 7x7 Software, Inc.
+// License:   Licensed under MIT license
+// ==========================================================================
+/*globals Showcase */
+
+/**
+  The mediating controller for the selected source object.
+*/
+Showcase.sourceController = SC.ObjectController.create({
+
+  contentBinding: SC.Binding.oneWay('Showcase.sourceTreeController.selection')
+
+});

data/lib/frameworks/sproutcore/apps/showcase/controllers/source_tree_controller.js

@@ -0,0 +1,212 @@
+// ==========================================================================
+// Project:   Showcase
+// Copyright: ©2012 7x7 Software, Inc.
+// License:   Licensed under MIT license
+// ==========================================================================
+/*globals Showcase */
+
+
+/**
+  The source objects.
+*/
+Showcase.sources = SC.Object.create(SC.CollectionContent, SC.TreeItemContent, {
+
+  treeItemIsExpanded: true,
+
+  treeItemIsGrouped: true,
+
+  treeItemChildren: [
+
+    SC.Object.create(SC.TreeItemContent, {
+      treeItemIsExpanded: true,
+      group: true,
+      name: "Demos",
+      subpath: 'demos',
+      treeItemChildren: [
+        SC.Object.create({
+          appPath: 'http://demos.sproutcore.com/color_demo',
+          name: "Using SC.Color",
+          view: 'Showcase.mainPage.demoView'
+        })
+      ]
+    }),
+
+    SC.Object.create(SC.TreeItemContent, {
+      treeItemIsExpanded: true,
+      group: true,
+      name: "Views & Controls",
+      subpath: 'ui',
+      treeItemChildren: [
+        SC.Object.create({
+          name: "SC.ButtonView",
+          view: 'Showcase.viewsPage.buttonViews'
+        }),
+        SC.Object.create({
+          name: "SC.CheckboxView",
+          view: 'Showcase.viewsPage.checkboxViews'
+        }),
+        SC.Object.create({
+          name: "SC.ContainerView",
+          view: 'Showcase.viewsPage.containerViews'
+        }),
+        SC.Object.create({
+          name: "SC.DateFieldView",
+          view: 'Showcase.viewsPage.dateFieldViews'
+        }),
+        SC.Object.create({
+          name: "SC.DisclosureView",
+          view: 'Showcase.viewsPage.disclosureViews'
+        }),
+        SC.Object.create({
+          name: "SC.GridView",
+          view: 'Showcase.viewsPage.gridViews'
+        }),
+        SC.Object.create({
+          name: "SC.ImageButtonView",
+          view: 'Showcase.viewsPage.imageButtonViews'
+        }),
+        SC.Object.create({
+          name: "SC.ImageView",
+          view: 'Showcase.viewsPage.imageViews'
+        }),
+        SC.Object.create({
+          name: "SC.LabelView",
+          view: 'Showcase.viewsPage.labelViews'
+        }),
+        SC.Object.create({
+          name: "SC.ListView",
+          view: 'Showcase.viewsPage.listViews'
+        }),
+        SC.Object.create({
+          name: "SC.PopUpButtonView",
+          view: 'Showcase.viewsPage.popupButtonViews'
+        }),
+        SC.Object.create({
+          name: "SC.ProgressView",
+          view: 'Showcase.viewsPage.progressViews'
+        }),
+        SC.Object.create({
+          name: "SC.RadioView",
+          view: 'Showcase.viewsPage.radioViews'
+        }),
+        SC.Object.create({
+          name: "SC.ScrollView",
+          view: 'Showcase.viewsPage.scrollViews'
+        }),
+        SC.Object.create({
+          name: "SC.SegmentedView",
+          view: 'Showcase.viewsPage.segmentedViews'
+        }),
+        SC.Object.create({
+          name: "SC.SelectView",
+          view: 'Showcase.viewsPage.selectViews'
+        }),
+        SC.Object.create({
+          name: "SC.SliderView",
+          view: 'Showcase.viewsPage.sliderViews'
+        }),
+        SC.Object.create({
+          name: "SC.SourceListView",
+          view: 'Showcase.viewsPage.sourceListViews'
+        }),
+        SC.Object.create({
+          name: "SC.SplitView",
+          view: 'Showcase.viewsPage.splitViews'
+        }),
+        SC.Object.create({
+          name: "SC.StackedView",
+          view: 'Showcase.viewsPage.stackedViews'
+        }),
+        SC.Object.create({
+          name: "SC.StaticContentView",
+          view: 'Showcase.viewsPage.staticContentViews'
+        }),
+        SC.Object.create({
+          name: "SC.TabView",
+          view: 'Showcase.viewsPage.tabViews'
+        }),
+        SC.Object.create({
+          name: "SC.TextFieldView",
+          view: 'Showcase.viewsPage.textFieldViews'
+        }),
+        SC.Object.create({
+          name: "SC.ToolbarView",
+          view: 'Showcase.viewsPage.toolbarViews'
+        }),
+        SC.Object.create({
+          name: "SC.WebView",
+          view: 'Showcase.viewsPage.webViews'
+        }),
+        SC.Object.create({
+          name: "SC.WellView",
+          view: 'Showcase.viewsPage.wellViews'
+        }),
+        SC.Object.create({
+          name: "SC.WorkspaceView",
+          view: 'Showcase.viewsPage.workspaceViews'
+        })
+      ]
+    }),
+
+    // SC.Object.create({
+    //   treeItemIsExpanded: true,
+    //   group: true,
+    //   name: "Recipes",
+    //   treeItemChildren: []
+    // }),
+
+    // SC.Object.create({
+    //   treeItemIsExpanded: true,
+    //   group: true,
+    //   name: "Labs",
+    //   treeItemChildren: []
+    // })
+
+  ]
+});
+
+
+/**
+  The mediating controller for the source list object and the delegate for
+  the source list.
+*/
+Showcase.sourceTreeController = SC.TreeController.create({
+
+  /** Display top level items as groups. */
+  treeItemIsGrouped: YES,
+
+  /** Don't allow multiple selection. */
+  allowsMultipleSelection: NO,
+
+  /** Don't allow empty selection. */
+  allowsEmptySelection: YES,
+
+  /** Update the URL to match the selection. */
+  selectionDidChange: function() {
+    var content = this.get('content'),
+      selection = this.get('selection');
+
+    if (selection && selection.firstObject()) {
+      var object = selection.firstObject(),
+        section;
+
+      // Determine which group the selection belongs to.
+      content.get('treeItemChildren').forEach(function(group) {
+        if (group.get('treeItemChildren').indexOf(object) >= 0) {
+          section = group;
+        }
+      });
+
+      // Set the location to be a combination of the section and the item.  We
+      // use the name in the URL rather than having to add extra properties to
+      // our source objects.
+      // Use informLocation to avoid triggering a route call, since the
+      // selection change already does what we want.
+      SC.routes.informLocation('location', section.get('subpath') + '/' + object.get('name'));
+    } else {
+      // Clear the last location
+      SC.routes.informLocation('location', null);
+    }
+  }.observes('selection')
+
+});