terrier-engine 4.67.10 → 4.67.13

package/app/assets/javascripts/terrier/scripts.coffee

@@ -1,1636 +0,0 @@
-window.scripts = {}
-
-_scheduleDaysDisplay = (days) ->
-	if !days or days.length == 0
-		return 'never'
-	if days.length == 7
-		return 'every day'
-	'on ' + window.joinWithCommas(days)
-
-
-################################################################################
-# Messages List
-################################################################################
-
-class MessagesList
-	constructor: (@ui) ->
-		@buffer = []
-		scrollParent = @ui.parents('.modal-content')
-		unless scrollParent.length
-			scrollParent = @ui
-		this.scrollToBottom = _.debounce(
-			-> scrollParent.scrollTop(scrollParent[0].scrollHeight)
-			200
-			{maxWait: 250}
-		)
-
-	clear: ->
-		@ui.html ''
-
-	addBuffered: (message) ->
-		unless message?
-			return
-		@buffer.push "<div class='message #{message.type}'>#{message.body}</div>"
-
-	flushBuffer: ->
-		@ui.append @buffer.join('')
-		@buffer = []
-
-
-################################################################################
-# Runner
-################################################################################
-
-# actually runs a script
-# listener should have the following methods:
-#	 beforeRun()
-#	 onChunks(chunks)
-#	 afterRun()
-class ScriptRunner
-	constructor: (@script, @listener) ->
-		@cancelContainer = null
-		@fieldValues = null
-
-	cancel: ->
-		@shouldCancel = true
-
-	run: ->
-		@listener.beforeRun()
-
-		@shouldCancel = false
-
-		url = '/scripts_streaming/exec.json'
-		if @script.id?.length
-			url += "?id=#{@script.id}"
-
-		data = {body: @script.body}
-		if @fieldValues?
-			data.field_values = @fieldValues
-
-		theListener = @listener
-
-		onDone = ->
-			theListener.afterRun()
-
-		self = this
-		onChunk = (rawChunk) ->
-			if self.shouldCancel
-				console.log "Cancelling!!"
-				self.listener.afterRun()
-				return this.abort()
-			chunk = JSON.parse JSON.stringify(rawChunk)
-			console.log chunk
-			if chunk.type?
-				theListener.onChunks [chunk]
-			if chunk.type == 'error'
-				onDone()
-			oboe.drop
-
-		oboe(
-			url: url
-			method: 'POST'
-			headers: {accept: 'application/json'}
-			credentials: 'include'
-			body: data
-		)
-		.node('!.*', onChunk)
-		.done(onDone) # as far as I can tell, this never gets called
-
-
-################################################################################
-# Help
-################################################################################
-
-window.scripts.initHelp = ->
-	ace.require 'ace/ext/language_tools'
-	editor = ace.edit('script-editor')
-	editor.setTheme 'ace/theme/textmate'
-	editor.setDisplayIndentGuides true
-	editor.setShowFoldWidgets false
-	session = editor.getSession()
-	session.setMode 'ace/mode/ruby'
-	session.setTabSize 2
-
-
-################################################################################
-# Report Exec Modal
-################################################################################
-
-_fieldControls = {}
-
-_fieldControls.date = (field, value, options) ->
-	date = if typeof value == 'number'
-		new Date(value).formatSortableDate()
-	else if value?.length
-		value.formatSortableDate()
-	else
-		''
-	input field.requiredClass, type: 'date', name: field.name, value: date
-
-_fieldControls.string = (field, value, options) ->
-	input field.requiredClass, type: 'text', name: field.name, value: value
-
-_fieldControls.select = (field, value, options) ->
-	select field.requiredClass, name: field.name, ->
-		forms.optionsForSelect options, value
-
-_fieldControls.csv = (field, value, options) ->
-	input field.requiredClass, type: 'file', name: field.name, accept: 'text/csv'
-
-_fieldControls.xlsx = (field, value, options) ->
-	input field.requiredClass, type: 'file', name: field.name, accept: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-
-_fieldControls.hidden = (field, value) ->
-	input field.requiredClass, type: 'hidden', name: field.name, value: value
-
-_reportExecModalTemplate = window.tinyTemplate (script, fieldValues, fieldOptions) ->
-	div '.script-report-exec-modal.horizontal-grid', ->
-		div '.shrink-column.io-column', ->
-			div '.fixed-controls', ->
-				if script.description?.length
-					p '.description', script.description
-				h4 '.with-icon', ->
-					icon '.glyp-upload.lyph-import'
-					span '', 'Inputs'
-				div '.script-field-controls', ->
-					fields = JSON.parse script.script_fields_json
-					puts "values", fieldValues
-					puts "options", fieldOptions
-					for field in fields
-						value = fieldValues[field.name]
-						options = fieldOptions[field.name]
-						unless field.required?
-							field.required = 'true'
-						field.requiredClass = if field.required?.isTrue() then '.required' else ''
-						# don't show select fields with no options
-						if field.field_type == 'select' and !options?.length
-							_fieldControls.hidden(field, value, options)
-						else
-							div '.field-controls', ->
-								name = field.name
-								if name.endsWith('_id')
-									name = name.replace /_id$/, ''
-								name = name.titleize()
-								label field.requiredClass, name
-								_fieldControls[field.field_type](field, value, options)
-				h4 '.with-icon', ->
-					icon '.glyp-documents.lyph-copy'
-					span '', 'Files'
-				div '.output-files'
-		div '.stretch-column', ->
-			h4 '.with-icon', ->
-				icon '.glyp-download.lyph-download'
-				span '', 'Output'
-			div '.tt-flex.column.gap.script-output', ->
-				div '.script-messages'
-
-
-# @options can contain field_options and field_values, which will override
-# whatever is returned from compute_field_values
-# pass [] for a select field options to hide it (but still have a hidden field)
-class ReportExecModal
-	constructor: (@script, @constants, @options={}) ->
-		unless @script.script_fields_json?
-			@script.script_fields_json = JSON.stringify(@script.script_fields || @script.script_fields_array)
-		data = {
-			script_fields_json: @script.script_fields_json
-		}
-		if @options.field_params # allow the implementer to pass data to the compute_field_values call
-			Object.assign data, @options.field_params
-		$.post(
-			"/scripts/compute_field_values.json"
-			data
-			(res) =>
-				unless res.status == 'success'
-					alert res.message
-					return
-				fieldOptions = res.field_options
-				if @options.field_options
-					Object.assign fieldOptions, @options.field_options
-				fieldValues = res.field_values
-				if @options.field_values
-					Object.assign fieldValues, @options.field_values
-				content = _reportExecModalTemplate(@script, fieldValues, fieldOptions)
-				modalOptions = {
-					title: @script.title
-					title_icon: 'glyp-play.lyph-play'
-					actions: [
-						{
-							title: 'Cancel'
-							icon: 'glyp-close.lyph-close'
-							class: 'alert cancel'
-						}
-						{
-							title: 'Run'
-							icon: 'glyp-play.lyph-play'
-							class: 'primary run'
-						}
-					]
-					callback: (modal) =>
-						this.init modal
-				}
-				if @script.id?.length and !@options.hide_settings
-					modalOptions.actions.push {
-						title: 'History'
-						class: 'show-history secondary'
-						icon: 'glyp-expiring.lyph-expiring'
-						end: true
-					}
-					modalOptions.actions.push {
-						title: 'Settings'
-						class: 'show-settings secondary'
-						icon: 'glyp-settings.lyph-settings'
-						end: true
-					}
-				tinyModal.showDirect(
-					content
-					modalOptions
-				)
-		)
-
-	init: (@ui) ->
-		@buttons = {
-			run: @ui.find('a.run')
-			cancel: @ui.find('a.cancel')
-			history: @ui.find('a.show-history')
-			settings: @ui.find('a.show-settings')
-		}
-		@buttons.run.click (evt) =>
-			this.run()
-			false
-		@buttons.cancel.attr 'disabled', true
-
-		@buttons.history.click =>
-			new RunsModal(@script.id)
-
-		@buttons.settings.click =>
-			new SettingsModal(@script, @constants)
-
-		@messagesList = new MessagesList(@ui.find('.script-messages'))
-		@ioControls = @ui.find '.io-column .fixed-controls'
-		@outputFilesView = @ui.find '.output-files'
-
-	readInput: (input, callback) ->
-		if input.attr('type') == 'file'
-			file = input[0].files[0]
-			unless file?
-				callback null
-				return
-			reader = new FileReader()
-			if file.name.endsWith('.xlsx')
-				reader.readAsDataURL(file)
-			else
-				reader.readAsText(file)
-			reader.onload = (loadEvent) ->
-				if file.name.endsWith('.xlsx')
-					text = reader.result.split(',')[1]
-				else
-					text = loadEvent.target.result
-				callback text
-		else # not a file
-			callback input.val()
-
-	run: ->
-		fieldValues = {}
-		@ui.find('.error').removeClass 'error'
-		inputs = @ui.find('.script-field-controls input, .script-field-controls select')
-
-		runner = new ScriptRunner(@script, this, {})
-		actuallyRun = _.after inputs.length, =>
-			if @ui.find('.error').length > 0
-				return
-			runner.fieldValues = fieldValues
-			runner.run()
-
-		@buttons.cancel.unbind('click').click ->
-			runner.cancel()
-
-		unless inputs.length
-			actuallyRun()
-			return
-		inputs.each (index, elem) =>
-			input = $(elem)
-			if elem.type == 'hidden'
-				name = input.attr('name')
-				fieldValues[name] = input.val()
-				actuallyRun()
-				return
-			do (input) =>
-				this.readInput input, (value) ->
-					if input.hasClass('required') and !value?.length
-						input.addClass 'error'
-					name = input.attr('name')
-					fieldValues[name] = value
-					actuallyRun()
-
-	beforeRun: ->
-		@messagesList.clear()
-		this.clearOutputFiles()
-		@ioControls.showLoadingOverlay()
-		@buttons.cancel.attr 'disabled', null
-		@buttons.run.attr 'disabled', true
-
-	onChunks: (chunks) ->
-		for chunk in chunks
-			this.handleChunk(chunk)
-
-		@messagesList.flushBuffer()
-		@messagesList.scrollToBottom()
-
-	handleChunk: (chunk) ->
-		if window.scripts.customChunkHandlers?.length
-			for handler in window.scripts.customChunkHandlers
-				handled = handler(chunk)
-				return if handled
-
-		if chunk.type == 'file'
-			this.addOutputFile chunk
-		else
-			@messagesList.addBuffered chunk
-
-	afterRun: ->
-		@ioControls.removeLoadingOverlay()
-		@buttons.cancel.attr 'disabled', true
-		@buttons.run.attr 'disabled', null
-
-	clearOutputFiles: ->
-		@outputFilesView.html ''
-
-	addOutputFile: (file) ->
-		fileName = _.last file.body.split('/')
-		d = new Date()
-		@outputFilesView.append "<a class='file with-icon' href='#{file.body}?timestamp=#{d.getTime()}' target='_blank'><i class='glyp-document.lyph-document'></i>#{fileName}</a>"
-
-
-window.scripts.customChunkHandlers = []
-
-window.scripts.newReportExecModal = (script, constants, options={}) ->
-	new ReportExecModal script, constants, options
-
-
-################################################################################
-# Script Search Global Shortcut
-################################################################################
-
-$(document).on 'keydown', (evt) ->
-	if evt.key == 'f' and (evt.metaKey or evt.ctrlKey) and evt.shiftKey
-		evt.stopPropagation()
-		evt.preventDefault()
-		new ScriptSearcher()
-
-$(document).on 'click', 'a.search-scripts', ->
-	new ScriptSearcher()
-
-
-################################################################################
-# Script Searcher
-################################################################################
-
-window.scripts.initSearcher = ->
-	new ScriptSearcher()
-
-_searcherTemplate = tinyTemplate ->
-	div '.script-searcher', ->
-		div '.results-list'
-		div '.body-pane#script-search-editor'
-		a '.open-script.glyp-open.lyph-open', title: 'Open Script'
-
-_searchInputTemplate = tinyTemplate ->
-	div '.script-search-input', ->
-		input '.script-search', type: 'text', placeholder: 'Search the source code of all scripts'
-		div '.results-summary'
-
-_searchResultsTemplate = tinyTemplate (scripts) ->
-	for script in scripts
-		div ".script-result#result-#{script.id}", {data: {id: script.id}}, ->
-			div '.title', script.title
-
-class ScriptSearcher
-	constructor: ->
-		tinyModal.showDirect _searcherTemplate(), {
-			title: 'Script Search'
-			title_icon: 'ios-search-strong.lyph-search'
-			callback: (modal) => this.init(modal)
-		}
-
-	init: (@ui) ->
-		@ui.find('.modal-header').append _searchInputTemplate()
-
-		@input = @ui.find 'input.script-search'
-		@resultsList = @ui.find '.results-list'
-		@bodyPane = @ui.find '.body-pane'
-		@resultsSummary = @ui.find '.script-search-input .results-summary'
-		@key = 0
-		@scriptMap = {}
-		@openScriptLink = @ui.find 'a.open-script'
-
-		ace.require 'ace/ext/language_tools'
-		@editor = ace.edit 'script-search-editor'
-		@editor.setTheme 'ace/theme/textmate'
-		@editor.setDisplayIndentGuides true
-		@editor.setShowFoldWidgets false
-		@editor.$blockScrolling = Infinity
-		@editor.setReadOnly true
-		@session = @editor.getSession()
-		@session.setMode 'ace/mode/ruby'
-		@session.setTabSize 2
-
-		this.clearResult()
-
-		setTimeout(
-			=> @input.focus()
-			500
-		)
-
-		@input.on 'input', => this.onInputChanged()
-
-		$('.modal-column').on 'keydown', (evt) =>
-			switch evt.keyCode
-				when 38
-					this.loadPrevious()
-				when 40
-					this.loadNext()
-
-		@resultsList.on 'click', '.script-result', (evt) =>
-			id = $(evt.currentTarget).data 'id'
-			this.loadBody id
-
-		@openScriptLink.click =>
-			id = @openScriptLink.data 'id'
-			title = @openScriptLink.attr 'title'
-			scripts.open {id: id, title: title}
-
-
-	onInputChanged: ->
-		query = @input.val()
-		if query.length < 3
-			this.clearResult()
-			return
-		@key += 1
-		data = {
-			key: @key
-			query: query
-		}
-		$.get(
-			"/scripts/search_results.json"
-			data
-			(res) => this.onResult(res)
-		)
-
-	clearResult: ->
-		@resultsList.html ''
-		@resultsSummary.html ''
-		@bodyPane.hide()
-		@currentId = null
-		@openScriptLink.hide()
-
-	onResult: (res) ->
-		unless parseInt(res.key) == @key
-			return
-		unless res.scripts.length
-			this.clearResult()
-			return
-		for script in res.scripts
-			@scriptMap[script.id] = script
-		@resultsSummary.html "#{res.scripts.length} of #{res.total}"
-		@resultsList.html _searchResultsTemplate(res.scripts)
-		if @currentId?
-			item = @resultsList.find "#result-#{@currentId}"
-			if item.length
-				this.loadBody @currentId
-			else
-				@resultsList.find('.script-result:first').click()
-		else
-			@resultsList.find('.script-result:first').click()
-
-	loadBody: (id) ->
-		@bodyPane.show()
-		@resultsList.find('.current').removeClass 'current'
-		@resultsList.find("#result-#{id}").addClass 'current'
-		@openScriptLink.data 'id', id
-		@openScriptLink.show()
-		unless id == @currentId
-			@currentId = id
-			script = @scriptMap[id]
-			@session.setValue script.body
-			@openScriptLink.attr 'title', script.title
-			query = @input.val().trim()
-		@editor.find query, {wholeWord: false, wrap: true}
-
-	loadNext: ->
-		currentItem = @resultsList.find('.current')
-		unless currentItem.length
-			return
-		nextItem = currentItem.next()
-		if nextItem.length
-			nextItem.click()
-		else
-			@resultsList.find('.script-result:first').click()
-
-	loadPrevious: ->
-		currentItem = @resultsList.find('.current')
-		unless currentItem.length
-			return
-		prevItem = currentItem.prev()
-		if prevItem.length
-			prevItem.click()
-		else
-			@resultsList.find('.script-result:last').click()
-
-
-
-################################################################################
-# Schedule Rules Editor
-################################################################################
-
-_scheduleRulePartial = (script, constants) ->
-	rule = if script.schedule_rules?.length
-		script.schedule_rules[0]
-	else if script.schedule_rules_s?.length
-		JSON.parse(script.schedule_rules_s)[0]
-	else
-		{}
-	div '.schedule-rule-editor', ->
-		input '', type: 'hidden', name: 'schedule_rules_s', value: JSON.stringify([rule])
-		div '.horizontal-grid', ->
-			div '.shrink-column.days-column', ->
-				for day in constants.days
-					label '', ->
-						checked = if rule.days?.indexOf(day)>-1 then 'checked' else null
-						input '.day', type: 'checkbox', value: day, checked: checked
-						span '', day[0..2].capitalize()
-			div '.stretch-column.weeks-column', ->
-				for week in constants.weeks
-					label '', ->
-						checked = if rule.weeks?.indexOf(week)>-1 then 'checked' else null
-						input '.week', type: 'checkbox',	value: week, checked: checked
-						title = switch week
-							when 'all'
-								'All Weeks'
-							when 'every_2'
-								'Every 2'
-							else
-								"Week #{week}"
-						span '', title
-			for monthGroup in constants.month_groups
-				div '.shrink-column.months-column', ->
-					for month in monthGroup
-						label '', ->
-							checked = if rule.months?.indexOf(month)>-1 then 'checked' else null
-							input '.month', type: 'checkbox',	value: month, checked: checked
-							span '', month[0..2].capitalize()
-		a '.all-months.glyp-check_all.lyph-checkbox', 'All Months'
-
-# ensures that the schedule_rules_s field always contains the latest value from the controls inside of @ui
-class ScheduleRulesEditor
-	constructor: (@ui) ->
-		@output = @ui.find 'input[name=schedule_rules_s]'
-
-		@ui.on 'change', 'input.day, input.month', =>
-			this.onChange()
-
-		@ui.on 'click', 'a.all-months', =>
-			@ui.find('input.month').prop 'checked', true
-			this.onChange()
-
-		@ui.on 'change', 'input.week[value=all]', =>
-			@ui.find('input.week[value!=all]').prop 'checked', false
-			this.onChange()
-
-		@ui.on 'change', 'input.week[value!=all]', =>
-			@ui.find('input.week[value=all]').prop 'checked', false
-			this.onChange()
-
-		this.onChange()
-
-	onChange: ->
-		days = @ui.find('input.day:checked').map((index, elem) ->
-			elem.value
-		).get()
-		weeks = @ui.find('input.week:checked').map((index, elem) ->
-			elem.value
-		).get()
-		months = @ui.find('input.month:checked').map((index, elem) ->
-			elem.value
-		).get()
-		rule = {days: days, weeks: weeks, months: months}
-		@output.val JSON.stringify([rule])
-
-
-################################################################################
-# Fields Controls
-################################################################################
-
-_fieldPartial = (field, constants) ->
-	div '.script-field', ->
-		div '.horizontal-grid', ->
-			div '.shrink-column.no-padding', ->
-				div '.sort-handle.glyp-sort.lyph-navicon'
-			div '.stretch-column', ->
-				input '.field-name', type: 'text', value: field.name, placeholder: 'Name', autocomplete: false
-			div '.shrink-column', ->
-				select '.field-field_type', ->
-					forms.optionsForSelect constants.field_type_options, field.field_type
-			div '.shrink-column.no-padding', ->
-				a '.remove-field.glyp-close.lyph-close.alert', title: 'Remove Field'
-
-		div '.horizontal-grid', ->
-			div '.stretch-column', ->
-				input '.field-default_value', type: 'text', value: field.default_value, placeholder: 'Default Value'
-			div '.shrink-column.align-middle', ->
-				# for backwards compatability, default to required
-				unless field.required?
-					field.required = true
-				label '.text-right.requirement', ->
-					input '.field-required', type: 'checkbox', checked: (if field.required?.isTrue() then 'checked' else null)
-					span '', 'Required?'
-		textarea '.field-values', type: 'text', placeholder: 'Values', rows: '1', (field.values || '')
-
-class FieldsControls
-	constructor: (@editor, container, @constants) ->
-		@list = container.find '.script-fields'
-		@output = container.find 'input[name=script_fields_json]'
-		container.find('a.add-field').click =>
-			this.addField()
-		this.updateOutput()
-
-		container.on 'click', 'a.fields-help', =>
-			help = @constants.fields_help
-			tinyModal.noticeAlert 'Script Fields', help
-
-		container.on 'change', 'input, select, textarea', =>
-			this.updateOutput()
-			@editor.onChanged()
-
-		container.on 'change', '.field-field_type', (evt) ->
-			typeInput = $ evt.currentTarget
-			valuesInput = typeInput.parents('.script-field').find '.field-values'
-			valuesInput.toggle(typeInput.val() == 'select')
-
-		container.on 'click', 'a.remove-field', (evt) =>
-			$(evt.currentTarget).parents('.script-field').remove()
-			this.updateOutput()
-			@editor.onChanged()
-
-		@list.find('.script-field').each (index, elem) ->
-			view = $ elem
-			fieldType = view.find('.field-field_type').val()
-			view.find('.field-default_value').toggle(!['csv', 'xlsx'].includes(fieldType))
-			view.find('.field-values').toggle(fieldType == 'select')
-
-		new Sortable @list[0], {
-			onSort: =>
-				this.updateOutput()
-				@editor.onChanged()
-		}
-
-	addField: ->
-		@list.append tinyTemplate(=> _fieldPartial({}, @constants))
-		@list.find('.field-values:last').hide()
-		this.updateOutput()
-
-	updateOutput: ->
-		fields = @list.find('.script-field').map((index, elem) ->
-			view = $ elem
-			data = {}
-			for k in ['name', 'field_type', 'default_value', 'values', 'required']
-				f = view.find(".field-#{k}")
-				if f[0].type == 'checkbox'
-					data[k] = f[0].checked.toString()
-				else
-					data[k] = f.val()
-			data
-		).get()
-		@output.val JSON.stringify(fields)
-
-	validate: ->
-		@list.find('.error').removeClass 'error'
-		@list.find('input.field-name').each (index, elem) ->
-			input = $ elem
-			unless input.val()?.length
-				input.addClass 'error'
-		!@list.find('.error').length
-
-
-################################################################################
-# Editor
-################################################################################
-
-_editorTemplate = tinyTemplate (script, constants) ->
-	form '.script-editor.show-settings', ->
-		input '#script-id', type: 'hidden', value: script.id
-		div '.toolbar', ->
-			a '.toggle-settings', ->
-				icon '.glyp-chevron_left.lyph-arrow-left'
-			a '.save.with-icon', ->
-				icon '.glyp-upload.lyph-import'
-				span '', 'Save <span class="shortcut"><span class="control-key"></span>S</span>'
-			a '.run.with-icon', ->
-				icon '.glyp-play.lyph-play'
-				span '', 'Run <span class="shortcut"><span class="control-key"></span>&#9166</span>'
-			a '.history.with-icon', ->
-				icon '.glyp-expiring.lyph-expiring'
-				span '', 'Run History'
-			a '.action-log.with-icon', ->
-				icon '.glyp-action_log.lyph-action-log'
-				span '', 'Action Log'
-		div '.editor-container', ->
-			div '.ace-container' #, script.body
-			div '.syntax-error-output'
-		div '.settings-container', ->
-			div '.error-explanation'
-
-			div '.settings-panel.general', ->
-				h4 '.with-icon', ->
-					icon '.glyp-info.lyph-info'
-					span '', 'General'
-				input '', type: 'text', name: 'title', value: script.title, placeholder: 'Title'
-				div '.horizontal-grid', ->
-					div '.stretch-column', ->
-						label '', 'Category'
-						select '', name: 'report_category', ->
-							forms.optionsForSelect constants.category_options, script.report_category
-					if constants.report_type_options?.length
-						div '.stretch-column', ->
-							label '', 'Report Type'
-							select '', name: 'report_type', ->
-								forms.optionsForSelect constants.report_type_options, script.report_type
-					div '.stretch-column', ->
-						label '', 'Visibility'
-						select '', name: 'visibility', ->
-							forms.optionsForSelect constants.visibility_options, script.visibility
-				label '', 'E-Mail Recipients'
-				input '', type: 'text', name: 'email_recipients_s', value: (script.email_recipients||[]).sort().join(', ')
-				textarea '', name: 'description', placeholder: 'Description', rows: 2, script.description
-
-			div '.settings-panel.fields', ->
-				a '.right.add-field', ->
-					icon '.glyp-plus.lyph-plus'
-				if constants.fields_help?.length
-					a '.right.fields-help', ->
-						icon '.glyp-help.lyph-help'
-				h4 '.with-icon', ->
-					icon '.glyp-extras.lyph-template'
-					span '', 'Fields'
-				input '', type: 'hidden', name: 'script_fields_json'
-				div '.script-fields', ->
-					fields = script.script_fields || []
-					for field in fields
-						_fieldPartial field, constants
-
-			div '.settings-panel.schedule', ->
-				select '.schedule-time', name: 'schedule_time', ->
-					scheduleTimes = constants.schedule_time_options.map (time) -> time[1]
-					for time in scheduleTimes
-						selected = if time == script.schedule_time then 'selected' else null
-						formatted = time
-						re = new RegExp /^[0-9]{1,2}$/
-						if re.test(time) # Don't format none, morning, evening
-							pmOrAm = if time >= 12 then ' PM' else ' AM'
-							formatted = ((time % 12) || 12) + pmOrAm
-						option '', {value: time, selected: selected}, formatted.titleize()
-				h4 '.with-icon', ->
-					icon '.glyp-calendar.lyph-calendar'
-					span '', 'Schedule'
-				_scheduleRulePartial script, constants
-
-
-class Editor
-	constructor: (@script, @tabContainer, @constants) ->
-		@ui = $(_editorTemplate(@script, @constants)).appendTo @tabContainer.getElement()
-		@id10tCount = 0 # sick of seeing 'New Script'
-
-		# insert platform-specific control key into the shortcuts
-		controlKeys = @ui.find '.control-key'
-		if navigator.platform.indexOf('Mac')==0
-			controlKeys.html '&#8984'
-		else
-			controlKeys.html 'Ctrl+'
-
-		new ScheduleRulesEditor @ui.find('.settings-panel.schedule')
-		schedulePanel = @ui.find '.settings-panel.schedule'
-		scheduleTimeSelect = @ui.find('select.schedule-time')
-		scheduleTimeSelect.change =>
-			schedulePanel.toggleClass 'collapsed', scheduleTimeSelect.val()=='none'
-		scheduleTimeSelect.change()
-
-		@ui.find('a.toggle-settings').click =>
-			@ui.toggleClass 'show-settings'
-
-		@hasChanges = false
-		@errorExplanation = @ui.find('.error-explanation')
-		@errorExplanation.hide()
-		@ui.find('.settings-container').on 'change', 'input, select, textarea', (evt) =>
-			puts "changed", evt
-			@hasChanges = true
-			this.updateUi()
-
-		@buttons = {
-			save: @ui.find('a.save')
-			run: @ui.find('a.run')
-			history: @ui.find('a.history')
-			action_log: @ui.find('a.action-log')
-		}
-		@buttons.save.click =>
-			this.save()
-		@buttons.run.click =>
-			this.run()
-		@buttons.history.click =>
-			if @script.id?.length
-				new RunsModal(@script.id)
-			else
-				tinyModal.noticeAlert(
-					'Script Not Saved'
-					"Save the script before viewing the run history!"
-				)
-		@buttons.action_log.click =>
-			if @script.id?.length
-				new ActionLogModal(@script)
-			else
-				tinyModal.noticeAlert(
-					'Script Not Saved'
-					"Save the script before viewing the action log!"
-				)
-
-		aceContainer = @ui.find '.ace-container'
-		@aceEditor = ace.edit aceContainer[0]
-		@aceEditor.setTheme 'ace/theme/textmate'
-		@aceEditor.setDisplayIndentGuides true
-		@aceEditor.setShowFoldWidgets false
-		@session = @aceEditor.getSession()
-		@session.setMode 'ace/mode/ruby'
-		@session.setTabSize 2
-		@errorMarkerIds = []
-		@syntaxErrorOutput = @ui.find '.syntax-error-output'
-		@syntaxErrorOutput.hide()
-
-		@aceEditor.setOptions(
-			enableBasicAutocompletion: true
-			enableSnippets: true
-			enableLiveAutocompletion: false
-		)
-
-		@session.setValue(@script.body || '')
-
-		@aceEditor.on 'change', _.debounce(
-			=> this.onChanged(true),
-			500
-		)
-
-		@aceEditor.commands.addCommand(
-			name: 'save'
-			bindKey: {win: 'Ctrl-S',	mac: 'Command-S'}
-			exec: (e) =>
-				this.save()
-		)
-
-		@aceEditor.commands.addCommand(
-			name: 'run'
-			bindKey: {win: 'Ctrl-Enter',	mac: 'Command-Enter'}
-			exec: (e) =>
-				this.run()
-		)
-
-		@fieldsControls = new FieldsControls this, @ui.find('.fields'), @constants
-
-		this.updateUi()
-
-	onChanged: (checkBody=false) ->
-		unless @hasChanges
-			@hasChanges = true
-			this.updateUi()
-		if checkBody
-			$.get(
-				'/scripts/check.json'
-				{body: @aceEditor.getValue()}
-				(res) =>
-					console.log res
-					this.clearDiagnostic()
-					if res.status == 'error'
-						this.setDiagnostic res.errors
-			)
-
-	clearDiagnostic: ->
-		for marker in @errorMarkerIds
-			@session.removeMarker marker
-		@errorMarkerIds.length = 0
-		@syntaxErrorOutput.hide().empty()
-		@buttons.run.attr 'disabled', null
-
-	setDiagnostic: (errors) ->
-		Range = ace.require("ace/range").Range
-
-		@syntaxErrorOutput.show()
-		for error in errors
-			start_col = error.start_column
-			end_col = error.end_column
-			if start_col == end_col
-				start_col -= 1
-			range = new Range(error.start_line - 1, start_col, error.end_line - 1, end_col)
-			@errorMarkerIds.push @session.addMarker(range, 'syntax-error', 'error', true)
-
-			@syntaxErrorOutput.append("<div><code>(#{error.start_line}:#{error.start_column}) #{error.message}</code></div>")
-
-		@buttons.run.attr 'disabled', 'disabled'
-
-	updateUi: ->
-		@buttons.save.toggleClass 'disabled', !@hasChanges
-		@buttons.history.toggleClass 'disabled', !@script.id?.length
-		title = @ui.find('input[name=title]').val()
-		unless title?.length
-			title = 'Untitled'
-		if @hasChanges
-			title += '*'
-		@tabContainer.setTitle title
-		@ui.find('#script-id').val @script.id
-
-
-	serialize: ->
-		unless @fieldsControls.validate()
-			return null
-		if @syntaxErrorOutput.is(':visible')
-			return null
-		data = @ui.serializeObject()
-		data.body = @aceEditor.getValue()
-		data
-
-	save: ->
-		onDone = (res) =>
-			if res.status == 'success'
-				@script = res.script
-				@errorExplanation.text('').hide()
-				@ui.find('.error').removeClass 'error'
-				@hasChanges = false
-				this.updateUi()
-				@tabContainer.setState {id: @script.id}
-				_workspace.saveState()
-			else
-				puts res.script
-				puts res.errors
-				@ui.showErrors res.errors
-				alert res.message
-
-		data = this.serialize()
-		unless data?
-			return "Fix errors before saving"
-		if data.title == 'New Script'
-			reply = [
-				"should be more descriptive"
-				"needs to be more descriptive"
-				"can't be 'New Script'"
-				"needs to be a real name - stop abusing the database"
-				"doesn't matter anymore. you can't read anyway"
-				"is illegal. Times you've failed to read these messages: #{@id10tCount}"
-				"is bad and you should feel bad"
-				"fail. We don't track scores, but #{@id10tCount} might be a new record"
-				"error. Additionally, operator error"
-				"has been invalid #{@id10tCount} times."
-				"is still invalid. Wow."
-			]
-			@ui.showErrors {title: reply[@id10tCount % reply.length]}
-			@id10tCount += 1
-			return false
-
-		@id10tCount = 0
-		if @script.id?.length
-			$.put(
-				"/scripts/#{@script.id}.json"
-				{script: data}
-				onDone
-			)
-		else
-			$.post(
-				'/scripts.json'
-				{script: data}
-				onDone
-			)
-
-	run: ->
-		data = this.serialize()
-		unless data?
-			return alert "Fix errors before running"
-		data.id = @script.id
-		new ReportExecModal(data, @constants, @options)
-
-
-
-################################################################################
-# Script Workspace
-################################################################################
-
-_workspaceStateKey = 'scripts_workspace_state'
-
-_workspace = null
-
-window.scripts.initWorkspace = (sel) ->
-	new Workspace $(sel)
-
-class Workspace
-	constructor: (@container) ->
-		@container.addClass 'script-workspace'
-		ace.require 'ace/ext/language_tools'
-		_workspace = this
-
-		$.get(
-			'/scripts/constants.json'
-			(res) =>
-				if res.status == 'success'
-					this.init res.constants
-				else
-					alert res.message
-		)
-
-	init: (@constants) ->
-		config = this.getSavedStated()
-		config.dimensions = {
-			headerHeight: 32
-		}
-		@layout = new GoldenLayout config, @container[0]
-
-		@scriptMap = {}
-		@itemMap = {}
-
-		parent = @
-		@layout.registerComponent 'editor', (container, state) ->
-			if state?.id?.length
-				$.get(
-					"/scripts/#{state.id}.json"
-					(res) =>
-						if res.status == 'success'
-							parent.scriptMap[res.script.id] = res.script
-							parent.itemMap[res.script.id] = container
-							editor = new Editor(res.script, container, parent.constants)
-						else
-							alert res.message
-				)
-			else # new script
-				editor = new Editor({title: 'New Script'}, container, parent.constants)
-
-		@layout.on 'itemDestroyed', (evt) =>
-			id = evt.config?.componentState?.id
-			if id?.length
-				puts "Script #{id} was closed"
-				delete @itemMap[id]
-
-		@layout.init()
-
-		@layout.on 'stateChanged', =>
-			this.saveState()
-
-		@container.find('.lm_goldenlayout').append "<a class='with-icon open-script'><i class='glyp-open.lyph-open'/>Open</a>"
-
-		$('a.open-script').click =>
-			new PickerModal (script) =>
-				this.openScript script
-			false
-
-		$('a.new-script').click =>
-			this.addChild {
-				type: 'component'
-				title: 'New Script'
-				componentName: 'editor'
-			}
-			false
-
-	# script only needs id and title attributes
-	openScript: (script) ->
-		if @itemMap[script.id] # the script is already open
-			puts "script already open"
-			item = @itemMap[script.id]
-			# doesn't work
-			item.parent.header?.parent?.setActiveContentItem item
-		else
-			this.addChild {
-				type: 'component'
-				title: script.title
-				componentName: 'editor'
-				componentState: {id: script.id}
-			}
-
-	addChild: (child) ->
-		unless @layout.root.contentItems.length
-			@layout.root.addChild {
-				type: 'stack'
-			}
-		@layout.root.contentItems[0].addChild child
-
-
-	saveState: ->
-		config = @layout.toConfig()
-		puts "Saving script workspace state: ", config
-		localStorage.setItem _workspaceStateKey, JSON.stringify(config)
-
-	getSavedStated: ->
-		config = localStorage.getItem _workspaceStateKey
-		if config?.length
-			try
-				return JSON.parse config
-			catch
-				puts "Error parsing workspace saved state, using default"
-		{
-			content: [{
-				type: 'stack'
-				content: [
-					{
-						type: 'component'
-						title: 'New Script'
-						componentName: 'editor'
-					}
-				]
-			}]
-		}
-
-window.scripts.open = (script) ->
-	if window.location.pathname.indexOf('/scripts')==0 and _workspace?
-		_workspace.openScript script
-		tinyModal.close()
-	else
-		Turbolinks.visit "/scripts##{script.id}"
-
-
-
-################################################################################
-# Picker Modal
-################################################################################
-
-_pickerTemplate = tinyTemplate (scripts) ->
-	div '.script-picker', ->
-		table '.scripts.sticky-header.sortable.data.sortable.plain-header', ->
-			thead '', ->
-				tr '', ->
-					th '', ->
-						a '', data: {column: 'created_at'}, 'Created'
-						a '', data: {column: 'updated_at'}, 'Updated'
-					th '', ->
-						a '', data: {column: 'title'}, 'Title'
-					th '', ->
-						a '', data: {column: 'created_by_name'}, 'Created By'
-					th '', ->
-						a '', data: {column: 'report_category'}, 'Category'
-						a '', data: {column: 'visibility'}, 'Visibility'
-					th '', ->
-						a '', data: {column: 'num_runs'}, '# Runs'
-						a '', data: {column: 'last_run'}, 'Last Run'
-			tbody '', ->
-				for script in scripts
-					tr ".script##{script.id}", data: {title: script.title.toLowerCase()}, ->
-						td '', ->
-							div '.col-created_at', data: {col_value: script.created_at}, script.created_at.formatShortDate()
-							div '.col-updated_at', data: {col_value: script.updated_at}, script.updated_at.formatShortDate()
-						td '', ->
-							div '.col-title', script.title
-							if script.schedule_time != 'none' and script.schedule_rule_summaries?.length
-								emailRecipients = if script.email_recipients?.length
-									script.email_recipients.replace('{', '').replace('}', '')
-								else
-									null
-								div '.schedule.with-icon', ->
-									if emailRecipients?
-										icon '.glyp-email.lyph-email', title: emailRecipients
-									span '', script.schedule_rule_summaries.replace('{', '').replace('}', '').replace(/"/g, '')
-						td '.col-created_by_name', script.created_by_name
-						td '', ->
-							div '.col-report_category', script.report_category.titleize()
-							div '.col-visibility', script.visibility.titleize()
-						td '', ->
-							div '.col-num_runs', data: {col_value: script.num_runs.toString()}, script.num_runs.toString()
-							div '.col-last_run', data: {col_value: script.last_run?.formatSortableDate() || ''}, script.last_run?.formatShortDate() || ''
-
-
-
-class PickerModal
-	constructor: (@callback) ->
-		$.get(
-			"/scripts.json"
-			(res) =>
-				if res.status == 'success'
-					tinyModal.showDirect _pickerTemplate(res.scripts), {
-						title: "Select Script"
-						title_icon: 'ios-folder-outline.lyph-open'
-						callback: (modal) => this.init(res.scripts, modal)
-					}
-				else
-					alert res.message
-		)
-
-	init: (@scripts, @ui) ->
-		@scriptMap = {}
-		for script in @scripts
-			@scriptMap[script.id] = script
-		@ui.find('tr.script').click (evt) =>
-			script = @scriptMap[evt.currentTarget.id]
-			@callback script
-			tinyModal.close()
-
-		# add the filter input to the header
-		filterInput = $('<input type="text" class="script-picker-filter" placeholder="Filter"/>').appendTo @ui.find('.modal-header')
-		filterInput.focus()
-		filterInput.keyup =>
-			s = (filterInput.val() || '').toLowerCase()
-			console.log "filter '#{s}'"
-			unless s.length
-				@ui.find('tr.script').show()
-				return
-			@ui.find('tr.script').each (index, elem) ->
-				row = $(elem)
-				title = row.data('title')
-				row.toggle(title.indexOf(s) > -1)
-
-
-
-################################################################################
-# Runs Modal
-################################################################################
-
-_fieldValuesPartial = (fields) ->
-	if typeof fields == 'string'
-		fields = JSON.parse fields
-	for k, v of fields
-		div '.field', ->
-			span '.key', "#{k}: "
-			vString = if _.isArray(v)
-				"#{v.length} Rows"
-			else if v? && v.match(/\d{4}-\d{2}-\d{2}/)
-				v.formatShortDate()
-			else
-				v
-			span '.value', vString
-
-_runsTemplate = tinyTemplate (runs) ->
-	div '.script-runs-modal', ->
-		table '.data.script-runs', ->
-			thead '', ->
-				tr '', ->
-					th '', 'Date / Time'
-					th '', 'User / Duration'
-					th '', 'Inputs'
-					th '', 'Status'
-					th '', 'Exception'
-					th ''
-			tbody '', ->
-				for run in runs
-					tr '.script-run', data: {id: run.id, body: run.script_body, created: run.created_at, creator: run.created_by_name}, ->
-						td '', ->
-							div '.date', run.created_at.formatShortDate()
-							div '.time', run.created_at.formatShortTime()
-						td '', ->
-							div '.created-by', run.created_by_name
-							div '.duration', "#{(run.duration || 0).toFixed(1)}s"
-						td '', ->
-							if run.filtered_fields
-								_fieldValuesPartial(run.filtered_fields)
-						td ".status.#{run.status}", run.status.titleize()
-						td '.exception', run.exception || ''
-						td '.inline-actions', ->
-							div '.horizontal-grid.text-center', ->
-								div '.horizontal-grid', ->
-									div '.stretch-column', ->
-										if run.status == 'running'
-											a '.with-icon.clear-run', title: 'Clears the status of this run, allowing the script to be run again.', ->
-												icon '.glyp-cancelled.lyph-close'
-												span '', 'Clear'
-										else if run.log_url?.length
-											a '.with-icon', href: run.log_url, target: '_blank', ->
-												icon '.glyp-items.lyph-list'
-												span '', 'Log'
-								div '.horizontal-grid', ->
-									div '.stretch-column', ->
-										if run.script_body?.length
-											a '.with-icon.view-run-body', ->
-												icon '.glyp-code'
-												span '', 'Script Content'
-
-
-class RunsModal
-	constructor: (@id) ->
-		$.get(
-			"/scripts/#{@id}/runs.json"
-			(res) =>
-				if res.status == 'success'
-					tinyModal.showDirect(
-						_runsTemplate(res.runs)
-						{
-							title: 'Script Runs'
-							title_icon: 'clock.lyph-expired'
-							callback: (modal) =>
-								this.init modal
-						}
-					)
-				else
-					alert res.message
-		)
-
-	init: (@ui) ->
-		@ui.on 'click', 'a.clear-run', (evt) =>
-			this.clearRun $(evt.target).parents('tr.script-run')
-
-		@ui.on 'click', 'a.view-run-body', (evt) =>
-			this.viewRunBody $(evt.target).parents('tr.script-run')
-
-	clearRun: (row) ->
-		id = row.data 'id'
-		unless confirm "Clear this run so that the script can be run again? This will NOT cancel the actual running script, so running it again may have undesired side effects!"
-			return false
-		$.post(
-			"/scripts/#{@id}/clear_run/#{id}.json"
-			(res) =>
-				unless res.status == 'success'
-					return alert res.message
-				row.find('a.clear-run').remove()
-				row.find('.status').text 'Cleared'
-		)
-
-	viewRunBody: (row) ->
-		body = row.data 'body'
-		created = row.data 'created'
-		creator = row.data 'creator'
-		@script_run =
-			{
-				script_body: body,
-				created_at_date: created.formatShortDate(),
-				created_at_time: created.formatShortTime(),
-				created_by: creator
-			}
-		new ScriptRunModal(@script_run)
-
-
-
-################################################################################
-# Settings Modal
-################################################################################
-
-_settingsFormTemplate = tinyTemplate (script, constants) ->
-	form '.script-settings', ->
-		div '.error-explanation'
-		div '.horizontal-grid', ->
-			div '.stretch-column', ->
-				input '', type: 'text', name: 'title', placeholder: 'Title', value: script.title
-				div '.horizontal-grid', ->
-					div '.stretch-column', ->
-						label '', 'Category'
-						select '', name: 'report_category', ->
-							forms.optionsForSelect constants.category_options, script.report_category
-					div '.stretch-column', ->
-						label '', 'E-Mail Recipients'
-						input '', type: 'text', name: 'email_recipients_s', value: script.email_recipients_s
-				label '', 'Description'
-				textarea '', name: 'description', rows: '4', script.description
-			div '.shrink-column.schedule-column', ->
-				h3 '.with-icon', ->
-					icon '.glyp-calendar.lyph-calendar'
-					span '', 'Schedule'
-				select '.schedule-time', name: 'schedule_time', ->
-					scheduleTimes = constants.schedule_time_options.map (time) -> time[1]
-					for time in scheduleTimes
-						selected = if time == script.schedule_time then 'selected' else null
-						formatted = time
-						re = new RegExp /^[0-9]{1,2}$/
-						if re.test(time) # Don't format none, morning, evening
-							pmOrAm = if time >= 12 then ' PM' else ' AM'
-							formatted = ((time % 12) || 12) + pmOrAm
-						option '', {value: time, selected: selected}, formatted.titleize()
-				_scheduleRulePartial script, constants
-
-
-class SettingsModal
-	constructor: (@script, @constants) ->
-		puts "editing script: ", @script
-		unless @script.email_recipients_s?.length
-			@script.email_recipients_s = (@script.email_recipients || []).join(', ')
-		tinyModal.showDirect(
-			_settingsFormTemplate(@script, @constants)
-			{
-				title: 'Script Settings'
-				title_icon: 'ios-gear-outline.lyph-settings'
-				actions: [
-					{
-						title: 'Save'
-						icon: 'checkmark-round.lyph-checkmark'
-						class: 'save-script'
-					}
-				]
-				callback: (modal) => this.init modal
-			}
-
-		)
-
-	init: (@ui) ->
-		new ScheduleRulesEditor @ui.find('.schedule-column')
-
-		@settingsForm = @ui.find 'form'
-		@errorExplanation = @ui.find '.error-explanation'
-		@errorExplanation.hide()
-		@id10tCount = 0
-		@ui.find('a.save-script').click =>
-			this.save()
-
-	save: ->
-		@errorExplanation.hide()
-		data = @settingsForm.serializeObject()
-		if data.title == 'New Script'
-			reply = [
-				"should be more descriptive"
-				"needs to be more descriptive"
-				"can't be 'New Script'"
-				"needs to be a real name - stop abusing the database"
-				"doesn't matter anymore. you can't read anyway"
-			]
-			@settingsForm.showErrors {title: reply[@id10tCount % reply.length]}
-			@id10tCount += 1
-			return false
-
-		@id10tCount = 0
-		@ui.showLoadingOverlay()
-		$.put(
-			"/scripts/#{@script.id}.json"
-			{script: data}
-			(res) =>
-				if res.status == 'success'
-					Turbolinks.visit window.location
-				else
-					@ui.removeLoadingOverlay()
-					puts res.script
-					puts res.errors
-					@settingsForm.showErrors res.errors
-		)
-
-window.scripts.newSettingsModal = (scriptId) ->
-	constants = null
-	script = null
-	onDone = _.after 2, ->
-		new SettingsModal(script, constants)
-	$.get(
-		'/scripts/constants.json'
-		(res) =>
-			if res.status == 'success'
-				constants = res.constants
-				onDone()
-			else
-				alert res.message
-	)
-	$.get(
-		"/scripts/#{scriptId}.json"
-		(res) =>
-			if res.status == 'success'
-				script = res.script
-				onDone()
-			else
-				alert res.message
-	)
-
-################################################################################
-# Action Log Modal
-################################################################################
-
-_time = -> window.dayjs || window.moment
-
-_actionLogTemplate = tinyTemplate (script) ->
-	time = _time()
-	div '.script-action-log', ->
-		div '.horizontal-grid.small-bottom-pad.timestamps', ->
-			div '.stretch-column', ->
-				if script.created_at?
-					span '', "Created #{time(script.created_at).format('MM/DD/YY')}"
-					if script.created_by_name?
-						span '', " by #{script.created_by_name}"
-			div '.stretch-column', ->
-				if script.updated_at?
-					span '', "Updated #{time(script.updated_at).format('MM/DD/YY')}"
-					if script.updated_by_name?
-						span '', " by #{script.updated_by_name}"
-		div '.action-log-listing'
-
-_actionLogEntryTemplate = tinyTemplate (logEntry) ->
-	time = _time()
-	isUpdate = logEntry.action_type.includes("update")
-	changes = logEntry.entity_changes
-	keys = Object.keys(changes)
-	changed_keys = keys.filter((key) -> _.first(changes[key]) != _.last(changes[key]))
-	changed_keys = if isUpdate then changed_keys else keys
-	return if _.isEmpty(changed_keys)
-	div '.horizontal-grid', ->
-		div '.stretch-column', ->
-			table '.data.action-log', ->
-				thead ->
-					tr ->
-						th '.date.key', time(logEntry.time || logEntry.created_at).format('MM/DD/YY h:mm a')
-						th '.user', logEntry.user_name || 'Unknown User'
-						th '.text-right', ->
-							div '.action-type', logEntry.action_type.titleize()
-				tbody ->
-					tr '.subheader', ->
-						td '.key', 'Field'
-						if isUpdate
-							td '', 'Old Value'
-							td '', 'New Value'
-						else
-							td '', { colspan: 2 }, 'Value'
-					for key in changed_keys.filter((key) -> key != "body")
-						old_val = _.first(changes[key])
-						new_val = _.last(changes[key])
-						tr ->
-							td '.key', (if key.startsWith("_") then key.toString() else key.titleize())
-							if isUpdate
-								td '', old_val
-								td '', new_val
-							else
-								td '', { colspan: 2 }, new_val
-
-					if isUpdate && changes.body?
-						tr ->
-							td '.key', "Body"
-							td '', { colspan: 2 }, _produceDiffHtml(changes.body[0], changes.body[1])
-
-_produceDiffHtml = (string1, string2) ->
-	diffOptions = {
-		fromfile: "body"
-		tofile: "body"
-		lineterm: ""
-	}
-	unifiedDiff = difflib.unifiedDiff(string1.split("\n"), string2.split("\n"), diffOptions)
-		.join("\n")
-	renderOptions = {
-		outputFormat: "side-by-side"
-		drawFileList: false
-	}
-	html = Diff2Html.html(unifiedDiff, renderOptions)
-
-
-class ActionLogModal
-	constructor: (@script) ->
-		tinyModal.showDirect(
-			_actionLogTemplate(@script)
-			{
-				title: 'Action Log'
-				title_icon: '.glyp-action_log.lyph-action-log'
-				callback: (modal) =>
-					this.init modal
-			}
-		)
-
-	init: (@ui) ->
-		@ui.showLoadingOverlay()
-		@actionLogListing = @ui.find(".action-log-listing")
-		$.get(
-			"/scripts/#{@script.id}/action_log.json"
-			(res) =>
-				tinyModal.removeLoadingOverlay()
-				if res.status == 'success'
-					this.injectActionLogs(@actionLogListing, res.log_entries)
-				else
-					alert res.message
-		)
-
-	injectActionLogs: (container, entries) ->
-		for entry in entries
-			entryElement = $(_actionLogEntryTemplate(entry))
-			container.append(entryElement)
-
-		# Remove diff file headers. We're only comparing one file at a time so it is extraneous
-		container.find(".d2h-wrapper .d2h-file-header").remove()
-
-		# Remove cluttering "unified diff hunk identifier", i.e. "@@ -11,7 +11,10 @@"
-		container.find(".d2h-wrapper table.d2h-diff-table").each( ->
-			hunkIdentifierRows = $(this).find("tr:has(> .d2h-info)")
-			hunkIdentifierRows.find(".d2h-code-side-line").text("")
-			hunkIdentifierRows.first().remove()
-		)
-
-################################################################################
-# Script Run Modal
-################################################################################
-
-_scriptRunTemplate = tinyTemplate (@script_run) ->
-	div '', ->
-		div '.horizontal-grid.small-bottom-pad.timestamps', ->
-			div '.stretch-column', ->
-				span '', "Ran on #{@script_run.created_at_date} at #{@script_run.created_at_time} "
-				span '', "by #{@script_run.created_by}"
-		div '.stretch-column', ->
-			table '.script-body-table', ->
-				tbody '', ->
-					lines = @script_run.script_body.split("\n");
-					for line, index in lines
-						tr ->
-							td '.script-line-number', (index + 1).toString()
-							encodedLine = $('<div>').text(line).html();
-							td '.script-line.language-ruby', encodedLine
-
-
-class ScriptRunModal
-	constructor: (@script_run) ->
-		tinyModal.showDirect(
-			_scriptRunTemplate(@script_run)
-			{
-				title: 'Script Run'
-				title_icon: '.glyp-script'
-				callback: (modal) =>
-					this.init modal
-			}
-		)
-
-	init: (@ui) ->
-		@ui.find('.script-line').each (index, elem) ->
-			hljs.highlightBlock elem
-
-		tinyModal.expand()