TimelineMenus.js

(function(Timeline,global){
	"use strict";
	
	if(!Timeline){
		throw new Error("Timeline Uninitialized");
	}
	
	Timeline.Menu = [
		{name:"New Track",
			condition:function(){return !!this.timeline.canGetFor('newtrack',[]); },
			action:function(){
				var tl = this.timeline;
				tl.getFor('newtrack',
					['kind','name','lang','mime','overwrite'],
					{
						kind: 'subtitles',
						name: 'untitled',
						lang: 'zxx',
						mime: 'text/vtt',
						overwrite: false
					}
				).then(function(values){
					var track = new TextTrack(values[0], values[1], values[2]); //kind, name, lang
					timeline.addTextTrack(track, values[3], values[4]);
					timeline.commandStack.setFileUnsaved(name);
				});
			}
		},
		{name:"Track",
			condition:function(){return !!this.track; },
			vars: {
				numSelected: function(pos,vars){
					var track = this.track;
					return this.timeline.selectedSegments.reduce(function(c,seg){ return seg.track == track?c+1:c; },0);
				}
			},
			submenu:[
				{name:"Merge Selected",
					condition:function(pos,vars){ return !this.track.locked && vars.numSelected > 1 },
					action:function(){ this.track.mergeSelected(); }},
				{name:"Copy Selected",
					condition:function(pos,vars){ return !this.track.locked && vars.numSelected > 0 },
					action:function(){ this.track.copySelected(); }},
				{name:"Delete Selected",
					condition:function(pos,vars){ return !this.track.locked && vars.numSelected > 0 },
					action:function(){ this.track.deleteSelected(); }},
				{name:"Paste",
					condition:function(){
						var copy = this.timeline.toCopy,
							track = this.track;
						return !track.locked && copy.length && copy[0].track !== track;
					},
					action:function(){ this.track.paste(this.timeline.toCopy); }},
				{name:"Auto Cue",
					label:function(){ return this.track.autoCue?"Stop Auto Cue":"Start Auto Cue"; },
					condition:function(){ return !this.track.locked; },
					action:function(pos){ this.track.autoCue = !this.track.autoCue; }},
				{name:"Lock",
					label:function(){ return this.track.locked?"Unlock":"Lock"; },
					action:function(){ this.track.locked = !this.track.locked; }},
				{name:"Remove",
					action:function(){
						var track = this.track;
						if(confirm(
							this.timeline.commandStack.isFileSaved(track.id)
							?"Are You Sure You Want To Remove "+track.id+"?"
							:track.id+" has unsaved changes. Are you sure you want to remove it?")
						){ this.timeline.removeTextTrack(track.id); }
					}},
				{name:"Set Audio",
					condition: function(){ return global.Reader && global.WaveForm && global.Resampler && !this.track.locked; },
					submenu:[
						{name: "From Disk",
							action: function(){
								var tl = this.timeline,
									track = this.track,
									f = document.createElement('input');
								f.type = "file";
								f.addEventListener('change',function(evt){
									tl.loadAudioTrack(evt.target.files[0],file.name);
									tl.setAudioTrack(track.id,file.name);
								});
								f.click();	
							}
						},{name: "From URL",
							action: function(){
								var tl = this.timeline, name,
									url = prompt("URL of Audio File:","http://");
								if(!url){ return; }
								name = /([^\/]+)\/?$/g.exec(url)[1];
								tl.loadAudioTrack(url,name);
								tl.setAudioTrack(this.track.id,name);
							}
						},{name: "None",
							condition: function(){ return !!this.track.audioId; },
							action: function(){ this.timeline.unsetAudioTrack(this.track.id); }
						}
					],
					calc: function(f){
						Object.keys(this.timeline.audio).forEach(function(key){
							f(this.track.audioId === key?
								{name: "<i>"+key+"</i>"}:
								{name: key,
									action: function(){ this.timeline.setAudioTrack(this.track.id,key); }});
						},this);
					}},
				{name:"Convert File Type",
					condition: function(){ return !this.track.locked && TimedText.getRegisteredTypes().length > 1; },
					calc: function(f){
						TimedText.getRegisteredTypes().forEach(function(mime){
							f(this.track.mime === mime?
								{name: "<i>"+TimedText.getTypeName(mime)+"</i>"}:
								{name: TimedText.getTypeName(mime),
									action: function(){
										if(confirm("Converting File Types May Cause Loss of Formatting.\nAre you sure you want to continue?")){
											this.track.mime = mime;
										}
									}
								}
							);
						},this);
					}}
			]
		},
		{name:"Segment",
			condition: function(){return !!this.segment; },
			submenu:[
				{name:"Select",
					label:function(){ return this.segment.selected?"Unselect":"Select"; },
					action:function(){ this.segment.toggle(); }},
				{name:"Split", action:function(pos){ this.segment.split(pos); }},
				{name:"Merge With Selected",
					condition:function(){
						var track = this.track;
						return	!track.locked &&
								!this.segment.selected &&
								this.timeline.selectedSegments.some(function(seg){ return seg.track === track; });
					},
					action:function(){ this.segment.mergeWithSelected(); }},
				{name:"Copy", action:function(){ this.segment.copy(); }},
				{name:"Delete", action:function(){ this.segment.del(); }},
				{name:"Match Repeat",
					condition:function(pos){ return this.timeline.abRepeatSet; },
					action:function(pos){
						var tl = this.timeline;
						this.segment.move(tl.repeatA,tl.repeatB);
					}},
				{name:"Set Repeat",
					action:function(pos){
						var seg = this.segment;
						this.timeline.setRepeat(seg.startTime,seg.endTime);
					}}
			]
		},
		{name:"Editing",submenu:[
			{name:"Undo",
				condition:function(){return this.timeline.commandStack.undoDepth > 0; },
				action:function(){ this.timeline.commandStack.undo(); }},
			{name:"Redo",
				condition:function(){return this.timeline.commandStack.redoDepth > 0; },
				action:function(){ this.timeline.commandStack.redo(); }},
			{name:"Tools",submenu:[
				{name:"Select",action:function(){ this.timeline.currentTool = Timeline.SELECT; }},
				{name:"Move",action:function(){ this.timeline.currentTool = Timeline.MOVE; }},
				{name:"Add",action:function(){ this.timeline.currentTool = Timeline.CREATE; }},
				{name:"Split",action:function(){ this.timeline.currentTool = Timeline.SPLIT; }},
				{name:"Delete",action:function(){ this.timeline.currentTool = Timeline.DELETE; }},
				{name:"Shift",action:function(){ this.timeline.currentTool = Timeline.SHIFT; }},
				{name:"Copy",action:function(){ this.timeline.currentTool = Timeline.COPY; }}
			]}
		]},
		{name:"Navigation",submenu:[
			{name:"Repeat Tool",action:function(){ this.timeline.currentTool = Timeline.REPEAT; }},
			{name:"Scroll Tool",action:function(){ this.timeline.currentTool = Timeline.ORDER; }},
			{name:"Order Tool",action:function(){ this.timeline.currentTool = Timeline.ORDER; }},
			{name:"Zoom In",
				condition:function(){ return this.timeline.view.zoom > 0.0011; },
				action:function(pos){
					var view = this.timeline.view;
					view.startTime += (view.pixelToTime(pos.x)-view.startTime)/2;
					view.endTime += (view.pixelToTime(pos.x)-view.endTime)/2;
					this.timeline.render();
				}},
			{name:"Zoom Out",
				condition:function(){ return this.timeline.view.length < this.timeline.length; },
				action:function(pos){
					var view = this.timeline.view;
					view.startTime -= (view.pixelToTime(pos.x)-view.startTime)/2;
					view.endTime -= (view.pixelToTime(pos.x)-view.endTime)/2;
					this.timeline.render();
				}}
		]},
		{name:"AB Repeat",submenu:[
			{name:"Enable",
				label:function(){ return this.timeline.abRepeatOn?"Disable":"Enable"; },
				condition:function(){ return this.timeline.abRepeatSet; },
				action:function(){ this.timeline.abRepeatOn = !this.timeline.abRepeatOn; }},
			{name:"Clear",
				condition:function(){return this.timeline.abRepeatSet; },
				action:function(){ this.timeline.clearRepeat(); }},
			{name:"Set Repeat Point",action:function(pos){
				(this.timeline.abRepeatSet?updateABPoints:resetABPoints).call(this.timeline,pos);
			}}
		]}
	];
	
}(Timeline,window));