wip new recording

web/app/assets/javascripts/globals.js

@@ -36,6 +36,10 @@
       CHAT: "1"
     };
 
+    context.JK.AUDIO_FORMATS = ['ogg', 'mp3', 'wma'];
+
+    context.JK.VIDEO_FORMATS = ['mp4', 'wmv', 'mov', 'vob']
+
     context.JK.AVAILABILITY_US = "United States";
     context.JK.MASTER_TRACK = "Master";
 

web/app/assets/javascripts/react-components/SessionRecordingSettings.js.jsx.coffee

@@ -1,7 +1,7 @@
 context = window
 mixins = []
 
-AUDIO_FORMATS = ['ogg', 'mp3', 'wma']
+
 
 #mixins.push(Reflux.listenTo(@AppStore,"onAppInit"))
 
@@ -51,9 +51,16 @@ AUDIO_FORMATS = ['ogg', 'mp3', 'wma']
   handleStartRecording: () ->
 
   
-
-
   render: () ->
+    audioFormatOptions = []
+    videoFormatOptions = []
+
+    for format, i in context.JK.AUDIO_FORMATS
+      audioFormatOptions.push `<option value={format}>{format}</option>`
+    
+    for format, i in context.JK.VIDEO_FORMATS
+      videoFormatOptions.push `<option value={format}>{format}</option>`
+    
     `<form>
       <div className="form-item">
       <label>Record:</label>
@@ -81,22 +88,22 @@ AUDIO_FORMATS = ['ogg', 'mp3', 'wma']
           <label htmlFor="audio-format">Audio Format:</label>
           <div>
             <select id="audio-format" onChange={this.handleAudioFormatChange}>
-              for(format in AUDIO_FORMATS){
-                <option>{format}</option>
-              }
+              {audioFormatOptions}
             </select>
           </div>
         </div>
         <div className="form-item">
           <label htmlFor="video-format">Video Format:</label>
           <div>
-            <select id="video-format" onChange={this.handleVideoFormatChange}></select>
+            <select id="video-format" onChange={this.handleVideoFormatChange}>
+              {videoFormatOptions}
+            </select>
           </div>
         </div>
         <div className="form-item">
-          <label htmlFor="audio-delay">Video Delay (ms):</label>
+          <label htmlFor="audio-delay">Audio Delay (ms):</label>
           <div>
-            <input type="number" name="name" id="record-name" onChange={this.handleAudioDelay} />
+            <input type="number" min="0" width="3" name="name" id="audio-delay" onChange={this.handleAudioDelay} />
           </div>
         </div>
         <div className="form-item">
@@ -120,6 +127,9 @@ AUDIO_FORMATS = ['ogg', 'mp3', 'wma']
 
   componentDidMount: () ->
     $root = jQuery(this.getDOMNode())
+
+    context.JK.dropdown($root.find('select'))
+
     $includeChatCheckbox = $root.find('#include-chat')
     context.JK.checkbox($includeChatCheckbox)
 
@@ -128,4 +138,8 @@ AUDIO_FORMATS = ['ogg', 'mp3', 'wma']
 
     $inputBothRadioBtn = $root.find('#recording-input-both')
     context.JK.checkbox($inputBothRadioBtn)
+
+  componentDidUpdate: () ->
+    $root = $(this.getDOMNode())
+    context.JK.dropdown($root.find('select'))
 })

web/app/assets/stylesheets/dialogs/sessionRecordingDialog.scss

@@ -19,6 +19,9 @@
           input[type=text], select {
             width: 280px;
           }
+          input[type=number]{
+            width: 50px;
+          }
         }