[pLog-svn] r4084 - plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo

Wed Oct 4 14:24:28 GMT 2006

Author: oscar
Date: 2006-10-04 14:24:28 +0000 (Wed, 04 Oct 2006)
New Revision: 4084

Modified:
   plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/editor_plugin.js
   plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/functions.js
   plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/videoinput.html
Log:
final fixes and UI modifications


Modified: plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/editor_plugin.js
===================================================================

--- plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/editor_plugin.js	2006-10-04 13:57:02 UTC (rev 4083)
+++ plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/editor_plugin.js	2006-10-04 14:24:28 UTC (rev 4084)
@@ -49,7 +49,7 @@
 
 					insertvideo['file'] = '../../plugins/insertvideo/videoinput.html'; // Relative to theme
 					insertvideo['width'] = 500;
-					insertvideo['height'] = 200;
+					insertvideo['height'] = 160;
 
 					tinyMCE.openWindow(insertvideo, {editor_id : editor_id, resizable : "no", scrollbars : "no", inline : "yes"});
 				}

Modified: plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/functions.js
===================================================================
--- plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/functions.js	2006-10-04 13:57:02 UTC (rev 4083)
+++ plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/functions.js	2006-10-04 14:24:28 UTC (rev 4084)
@@ -41,7 +41,6 @@
 		else {		
 			videoId = url.substring( 40, url.length );
 		}
-		window.alert(videoId);
 		
 		url = "http://video.google.com/googleplayer.swf?docId=" + videoId;
 	}
@@ -91,8 +90,6 @@
 		+ '<img src="' + (tinyMCE.getParam("theme_href") + "/images/spacer.gif") + '" mce_src="' + (tinyMCE.getParam("theme_href") + "/images/spacer.gif") + '" '
 		+ 'width="' + width + '" height="' + height + '" '
 		+ 'border="0" alt="' + file + '" title="' + file + '" class="'+css+'" />';
-		
-	window.alert(html);
 
 	tinyMCEPopup.execCommand("mceInsertContent", true, html);
 	tinyMCE.selectedInstance.repaint();

Modified: plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/videoinput.html
===================================================================
--- plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/videoinput.html	2006-10-04 13:57:02 UTC (rev 4083)
+++ plog/branches/lifetype-1.1.1/js/tinymce/plugins/insertvideo/videoinput.html	2006-10-04 14:24:28 UTC (rev 4084)
@@ -6,21 +6,40 @@
 	<base target="_self" />
 </head>
 <body style="display: none">
-	<div align="left">
-	<form name="video" id="video" method="post">
-		<div class="title">Insert Video<br /><br />
+	<form name="video" id="video" method="post" action="#">
+	<div class="tabs">
+	  <ul>
+	   <li id="general_tab" class="current"><span>Insert Video</span></li>
+	  </ul>
+	</div>
+	<div class="panel_wrapper">
+	  <div id="general_panel" class="panel_current">
+	     <legend>Please provide a link to a video file or a link to a video page.</legend>	     	     
+	     <table border="0" cellpadding="4" cellspacing="0">
+	      <tr>
+	       <td nowrap="nowrap">Video URL:</td>
+	       <td><input type="text" id="url" name="url" value="" style="width:350px" /></td>
+	      </tr>
+	      <tr>
+	       <td nowrap="nowrap">Source:</td>
+	       <td>
+		    <input type="radio" id="youtube" style="border:0px" name="type" value="1"><img src="images/youtube.png" alt="YouTube" /> YouTube&nbsp;
+		    <input type="radio" id="gvideo" style="border:0px"name="type" value="2"><img src="images/gvideo.png" alt="Google Video" /> Google Video&nbsp;
+		   </td>
+		  </tr> 			
+		 </table>		    
 		</div>
-		Video URL:<br/>
-		<input type="text" id="url" name="url" value="" size="80" /><br/><br/>
-		Source:<br/>
-		<input type="radio" id="youtube" name="type" value="1"><img src="images/youtube.png" alt="YouTube" /> YouTube&nbsp;
-		<input type="radio" id="gvideo" name="type" value="2"><img src="images/gvideo.png" alt="Google Video" /> Google Video&nbsp;
-		<br/>
-		<br/>
-		<div class="mceActionPanel">		
-			<input type="button" name="insert" value="Insert Code" onClick="insertVideoCode()" />
 		</div>
+		<div class="mceActionPanel">
+		  <div style="float:left">		
+			<input type="button" name="insert" value="Insert Code" onClick="insertVideoCode()" id="insert" />
+		  </div>
+		  <div style="float:right">
+		    <input type="button" name="cancel" value="Close" onclick="tinyMCEPopup.close();" id="cancel" />
+		  </div>
+		</div>
+	 </div>
+	</div>				
 	 </form>
-	</div>
 </body>
 </html>

