@widgetic/editor 3.11.3 → 4.0.1

package/src/editor/remote-preview.coffee

@@ -1,68 +0,0 @@
-
-
-Skin  		= window.require 'core/models/skin'
-Content     = window.require 'core/models/content'
-
-Events      = window.require 'spine/core/events'
-Module      = window.require 'spine/core/module'
-
-class RemotePreview extends Module
-	@include Events
-
-	constructor: (@remote) ->
-		@style = $ '<style type="text/css">'
-		super
-		@currentWidget = @remote.getPreview().widget()
-		@_loadDependencies()
-
-	load: (@composition) =>
-		@stopListening Content, 'create', @removeDemoContent
-		@stopListening Content, 'create', @addContent
-
-		unless @composition.getContent().length
-			@listenTo Content, 'create', @removeDemoContent
-
-		@listenTo Content, 'create', @addContent
-
-		@listenTo @composition, 'update', @resize
-		@setSkin @lastSkin if @lastSkin
-		@trigger 'initialized'
-		@
-
-	resize: (composition) =>
-		@currentWidget.resize()
-
-	addContent: (item) =>
-		return if item.composition_id isnt @composition.id
-		@currentWidget.addContent item
-
-	removeDemoContent: (item) =>
-		return if item.composition_id isnt @composition.id
-		Content.all()
-			.filter (i) -> i._isDemoContent
-			.forEach (i) -> i.destroy()
-		# TODO this should do nothing, remove after checking
-		@currentWidget.clearContent()
-		@stopListening Content, 'create', @removeDemoContent
-
-	setSkin: (@lastSkin) ->
-		@currentWidget.setSkin @lastSkin
-
-	_loadDependencies: ->
-		if @remote.window.SoundManager?
-			sm = new @remote.window.SoundManager
-		if @remote.window.soundManager?
-			sm = @remote.window.soundManager
-		if sm
-			window.soundManager = sm
-			sm.setup @remote.window.soundManager.setup()
-
-		if !window.videojs
-			window.videojs = @remote.window.videojs
-
-	release: =>
-		@trigger 'release', @
-		@unbind()
-		@stopListening()
-
-module.exports  = RemotePreview

package/src/editor/save/index.coffee

@@ -1,62 +0,0 @@
-Controller          = window.require 'spine/controller'
-Activateable        = window.require 'spine/controller/activateable'
-
-Composition			= window.require 'core/models/composition'
-Widget 				= window.require 'core/models/widget'
-User				= window.require 'core/models/user'
-
-class Save extends Controller
-	className 	: 'embedder'
-	template 	: 'editor/views/embed'
-	nextTitle 	: 'Publish'
-	title 		: 'Done'
-
-	@include Activateable
-
-	elements:
-		'.view-comp-btn': 'compBtn'
-		'.ready-icon': 'readyIcon'
-
-	events:
-		'click .share-btn': 'notifyShareIntent'
-
-	constructor: ->
-		super
-		@render()
-
-	for: (@composition) ->
-		return unless @composition.isPersisted()
-		@widget or= Widget.find @composition.widget_id
-
-	activate: ->
-		return if @isActive()
-		@$trigger 'viewChange', 'save'
-
-		@publishComposition()
-			.then(@for.bind @, @composition)
-			.then(@_activate)
-			.then @ready
-
-	_activate: =>
-		Activateable.activate.apply @, arguments
-
-	ready: =>
-		@delay $.fn.show.bind @readyIcon
-
-	publishComposition: =>
-		@composition
-			.persist()
-			.then((composition) =>
-				@$trigger('composition:save', composition)
-			).fail (e) =>
-				console.warn("Persisting the composition failed. Saved as temporary.")
-				@$trigger('composition:temporary:save', @composition)
-
-	notifyShareIntent: (e) =>
-		e.preventDefault()
-		@$trigger 'sharew-intent', $(e.target).data 'target'
-
-	onPopupClose: =>
-		@$trigger 'Save:close', @pop = false if @pop
-
-module.exports = Save

package/src/editor/skin/delete.coffee

@@ -1,33 +0,0 @@
-Controller = window.require 'spine/controller'
-Popup	= require '../popup'
-Skin    = window.require 'core/models/skin'
-
-popup = (skin)->
-	confirmBtnClass: 'green-button button--uc popup-button red-button'
-	cancelBtnClass: 'dim-button button--uc popup-button dark-purple-button'
-	title: "Delete Theme \"#{skin.name}\"?"
-	confirmBtn: 'Delete'
-	cancelBtn: 'Cancel'
-
-class DeleteSkinController extends Controller
-	constructor:->
-		super
-		@popup = new Popup className: 'popup skin-delete-popup'
-
-	deleteItem: (item) =>
-		@model = (@item = item).item
-		@popup.render(popup(@model)).pop @place, @deleteit
-		@listenToOnce Skin, 'selected', @_closePopup
-
-	deleteit:(e)=>
-		@stopListening Skin, 'selected', @_closePopup
-		if @item.isActive()
-			el= @item.el
-			el.next().add(el.prev()).first().controller().active()
-		@item.release()
-		@model.destroy()
-
-	_closePopup: =>
-		@popup.close()
-
-module.exports = DeleteSkinController

package/src/editor/skin/editor/index.coffee

@@ -1,188 +0,0 @@
-
-
-Tabs  = window.require 'spine/controller/tabs'
-Panel = require './panel'
-Skin  = window.require 'core/models/skin'
-
-Activator	 = window.require 'spine/controller/activator'
-Activateable = window.require 'spine/controller/activateable'
-Controller   = window.require 'spine/controller'
-
-{ createPopup } = require 'Core/utils/popup'
-shouldShow = require 'Core/utils/should-show'
-
-###
-Recursively find a visible spot for a SkinTab
-###
-makeVisible = (tab, els, i) ->
-	return if i is -1
-	els[i].before tab.el
-	return if tab.isVisible()
-	makeVisible(tab, els, i - 1)
-
-###
-The tab class used to render a skin tab.
-###
-class SkinTab extends Controller
-	@include Activateable
-	events:
-		'click':'active'
-
-	isVisible: => @el.position().top == 0
-
-class SkinTabs extends Activator
-	containerClass  : 'skin-editor-tabs-list'
-	events:
-		'click .multi-tabs-toggle':'toggleItem'
-		'click .activateable':'hideList'
-
-	hideList:(e)=>
-		@popup?.hide()
-		controller = $(e.target).controller()
-		unless controller.el.hasClass('hidden')
-		 	@list.children().removeClass('active')
-		@list.children().each (i,el)=>
-			$el = $(el)
-			if $el.data('tab') is controller
-				$el.addClass('active').siblings().removeClass('active')
-
-	toggleItem:(e) =>
-		@_createPopup().then => if @popup.visible then @popup.hide() else @popup.show()
-
-	constructor: ->
-		super
-		@tabsByName = {}
-
-		@listenTo $(document), 'click', (e) => @popup?.hide() unless $(e.target).is('.multi-tabs-toggle')
-		@el.prepend @toggle = $("<div class='multi-tabs-toggle' data-icon='❯'></div>")
-		@list = $("<div class='multi-tabs-list'></div>")
-		@list.on('click', '.multi-tab-item', @tabClick)
-
-	clear: =>
-		@list.empty()
-		@tabsByName = {}
-		@children().forEach (child) => @stopListening(child)
-		@toggle.hide()
-
-	afterAdd:(child)=>
-		super
-		@listenTo child, 'activate', @_onChildActivate
-
-		@list.append item = $("<div class='multi-tab-item'>#{child.panel.tabTitle}</div>")
-
-		@tabsByName[child.panel.tabTitle] = child
-		item.data 'tab', child
-		child.el.data 'multi-tab-list-item', item
-
-	tabClick:(e)=>
-		@popup?.hide()
-		target = $(e.target)
-
-		target.data('tab').active()
-
-	update: (tabsMeta, skin) ->
-		# find out which tabs are empty (i.e. all attributes are hidden because of if conditions)
-		emptyTabs = {}
-		for tab, attributes of tabsMeta
-			emptyTabs[tab] = true
-			for attribute, settings of attributes
-				if shouldShow(settings.if, skin)
-					emptyTabs[tab] = false
-					break
-
-		# hide the empty tabs
-		for tab, empty of emptyTabs
-			@tabsByName[tab].el.toggleClass('empty', empty)
-			@tabsByName[tab].el.data('multi-tab-list-item')?.toggleClass('empty', empty)
-
-		# if the active tab is now empty, activate the first non-empty tab
-		@children (i) -> i.el.is('.active.empty')
-			.map => @children (i) -> i.el.is(':not(.empty)')
-			.forEach (notEmptyTabs) -> notEmptyTabs[0].active()
-
-		@_updateVisibleTabs()
-
-		true
-
-	_onChildActivate: (tab, event) =>
-		# NOTE: activateable behaviour already toggles the `active` class, but the
-		# event is processed in the order of the child elements, so if you toggle
-		# the tabs from right to left, the `active` class will be present on both
-		# the current and the previous active tab. This code ensures that the DOM is
-		# in the final state and the position calculations are correct.
-		@children().forEach (child) -> child.$removeClass('active')
-		tab.$addClass('active')
-
-		# if the active tab is not visible, find a place to move it to
-		if !tab.isVisible()
-			makeVisible(tab, @children().map((i) -> i.el), 2)
-
-		@_updateVisibleTabs()
-
-	_updateVisibleTabs: ->
-		# compute the visible state
-		tabs = @children()
-			.map (tab) -> {tab, visible: tab.isVisible()}
-
-		# update the extra tabs dropdown
-		tabs.forEach (i) ->
-			i.tab.el.data 'multi-tab-list-item'
-				.toggle !i.visible
-
-		# show the extra tabs button if needed
-		allVisible = tabs.map (i) -> i.visible
-			.reduce (acc, i) -> acc && i
-		@toggle.toggle(!allVisible)
-		@popup?.hide() if allVisible
-
-	_createPopup: ->
-		return @popupPromise if @popupPromise
-		@popupPromise = createPopup
-				topOffset: 25
-				leftOffset: 23
-				anchor: @toggle
-			.then (@popup) =>
-				@popup.append(@list)
-			.catch (err) ->
-				console.error err.stack
-
-class SkinEditor extends Tabs
-	tabRenderer 		: SkinTab
-	className			: 'skin-editor'
-	tabContainerClass	: 'skin-editor-tabs'
-	tabContainer 		: SkinTabs
-	containerClass 		: 'skin-editor-container'
-
-	tabTemplate			: (i)->i.panel.tabTitle
-
-	setAccessLevel: (@accessLevel) ->
-
-	parseMeta: (@meta, composition) =>
-		child.release() for child in @children()
-		@tabs.clear()
-
-		for tabTitle, meta of @meta.tabs
-			@append new Panel({meta, tabTitle, composition, @accessLevel})
-
-		@tabs.update @meta.tabs, composition.getSkin()
-
-	display: (index = 0) ->
-		@children()[index]?.active()
-
-	# check if the skin has missing atts, and update it
-	updateSkin: (skin) =>
-		atts = false
-		for _, meta of @meta.tabs
-			(atts or= {})[attrName] = attrData.options.default for attrName, attrData of meta when !skin[attrName]?
-
-		skin.updateAttributes atts, {from: @, ajax: false} if atts
-
-	setSkin: (skin) ->
-		@updateSkin skin
-		@children (panel) ->
-			panel.skinLoad(skin)
-
-	skinChanged: (skin) ->
-		@tabs.update @meta.tabs, skin
-
-module.exports = SkinEditor

package/src/editor/skin/editor/panel.coffee

@@ -1,37 +0,0 @@
-
-
-Controller   = window.require 'spine/controller'
-Container    = window.require 'spine/controller/container'
-Activateable = window.require 'spine/controller/activateable'
-
-Skin 		= window.require 'core/models/skin'
-Scrollable  = require '../../../core/controller/scrollable'
-
-class SkinEditorPanel extends Controller
-	className: 'controls'
-	@include Container
-	@include Activateable
-	@include Scrollable
-
-	constructor: ->
-		super
-		@bind 'activate', => @skinLoad(@skin) if @skin
-
-	skinLoad: (item) =>
-		unless @skin?
-			for attribute, config of @meta
-				Control     = window.require config.control
-				isAccesible = @accessLevel >= (config.access || 0)
-				options     = config.options
-				conditions      = config.if
-				if !isAccesible then options.readonly = true
-				@append new Control {item, attribute, options, @composition, isAccesible, conditions}
-
-		@children (child) -> child.setItem item
-		@skin = item
-		@scroll().update()
-
-	onScroll: =>
-		@children (child) -> child.deactivate?()
-
-module.exports = SkinEditorPanel

package/src/editor/skin/index.coffee

@@ -1,126 +0,0 @@
-
-
-Controller   = window.require 'spine/controller'
-Container    = window.require 'spine/controller/container'
-Activateable = window.require 'spine/controller/activateable'
-
-Selector 	= require './selector'
-Editor   	= require './editor'
-SavePopup 	= require './save'
-DeletePopup = require './delete'
-SkinModel   = window.require 'core/models/skin'
-Composition = window.require 'core/models/composition'
-
-class SkinEditor extends Controller
-	className	: 'skin-config'
-	title		: 'Theme'
-	nextTitle	: 'Skin'
-
-	@include Container
-	@include Activateable
-
-	controllers:
-		'selector'	: Selector
-		'editor'	: Editor
-
-	events:
-		'saveItem'	: 'saveItem'
-		'deleteItem': 'deleteItem'
-		'SkinItem:selected': '_onSkinItemSelected'
-
-	constructor: ->
-		super
-
-		@savePopup = new SavePopup({place: @el})
-		@deletePopup = new DeletePopup({place: @el})
-
-	setPremium: (@premium) ->
-		@editor.setAccessLevel +@premium
-
-	initSave: -> @selector.initSave()
-
-	hasPendingChange: -> @selector.hasPendingChange()
-
-	saveItem:(e,opts={}) ->
-		e.stopPropagation()
-		@savePopup.saveItem opts.controller, opts.item
-
-	deleteItem:(e,opts={}) ->
-		e.stopPropagation()
-		@deletePopup.deleteItem opts.controller, opts.item
-
-	select: (skin, force = false) ->
-		return false unless skin.widget_id is @widget.id
-		selectedSkin = skin
-		@selector.select(selectedSkin.id, force)
-
-	for: (@composition) ->
-		@widget = @composition.getWidget()
-		@initialize()
-		@
-
-	initialize: (options) =>
-		return console.warn 'No composition set' unless @composition
-		return console.warn 'No widget set' unless @widget
-
-		@stopListening()
-		@listenTo SkinModel, 'save',   @_onSkinSave
-		@listenTo SkinModel, 'destroy',@_onSkinDestroy
-		@listenTo SkinModel, 'create', @_onSkinCreate
-		@listenTo SkinModel, 'change', @_onSkinChange
-
-		skins = SkinModel.findAllByAttribute('widget_id', @widget.id)
-		skins = skins.filter((i) -> i.isPreset()).concat skins.filter (i) -> !i.isPreset()
-		meta = @widget.skinMeta
-
-		@editor.parseMeta meta, @composition
-		@selector.refresh skins
-
-		@editor.display()
-
-		@select(@composition.getSkin() or skins[0])
-
-		@trigger 'initialized'
-
-	_onSkinSave: (skin, opts={}) =>
-		@$trigger 'skin:save', skin if opts.ajax or opts.fromApi
-
-	_onSkinDestroy: (skin, opts) =>
-		@$trigger 'skin:destroy', skin
-
-	_onSkinCreate: (skin) =>
-		return if skin.widget_id isnt @widget?.id
-		@initialize()
-		@selector.toggleBtn()
-		@selector.select(skin.id)
-
-	_onSkinItemSelected: (ev, skin) =>
-		@composition.updateAttribute('skin_id', skin.id, {ajax: false})
-		@currentSkin?.used(-1)
-		@currentSkin = skin
-		@currentSkin.used(+1)
-		@editor.setSkin(skin)
-
-	_onSkinChange: (skin, type, options) =>
-		@editor.skinChanged(skin)
-		return unless @currentSkin?.eql(skin)
-		return unless options.changedID
-		@composition.updateAttribute('skin_id', skin.id, {ajax: false})
-
-	activate: (step) =>
-		Activateable.activate.apply @, arguments
-		@$trigger 'viewChange', 'skin'
-		@[step]?()
-		@
-
-	edit_skin: =>
-		@delay @selector.editSkinState, 15
-
-	setOptions: (opts) =>
-		@selector.hideEditBtn() if opts.enabled? and !opts.enabled
-
-	release: =>
-		@currentSkin.reset()
-		super
-
-module.exports = SkinEditor

package/src/editor/skin/save.coffee

@@ -1,58 +0,0 @@
-
-
-Controller = window.require 'spine/controller'
-
-Skin    = window.require 'core/models/skin'
-Popup	= require '../popup'
-
-skin =
-	confirmBtnClass: 'green-button button--uc button--save create-button'
-	cancelBtnClass: 'dim-button button--uc button--overwrite override-button'
-	title: 'How do you want to proceed?'
-	content: '<input class="general-input skin-name" type="text" placeholder="Untitled Theme" />'
-	note: 'Changes will also apply to previous uses of this theme.'
-	confirmBtn: 'Create a new theme'
-	cancelBtn: 'Overwrite previous theme'
-	separator: true
-
-preset =
-	confirmBtnClass: skin.confirmBtnClass
-	cancelBtnClass: skin.cancelBtnClass
-	title: 'Create a new theme?'
-	content: skin.content
-	confirmBtn: 'Create'
-	separator: false
-
-class SavePopup extends Controller
-	constructor:->
-		super
-		@popup = new Popup className: 'popup skin-save-popup'
-		@listenTo @popup, 'canceled', @_onSaveCanceled
-
-	saveItem: (item)->
-		@model = (@item = item).item
-		@popup.render(if @model.user_id? then skin else preset).pop @place, @save, @override
-
-	save: =>
-
-		atts = @model.attributes()
-		delete atts['id']
-		delete atts['uses']
-		atts = $.extend {}, atts , { name:@popup.el.find('input').val(),user_id:1}
-
-		@item.item.reset()
-		s = new Skin(atts)
-		s.save()
-		@item.changes={}
-
-	override: =>
-
-		@item.override()
-		@item.item.save()
-
-	_onSaveCanceled: =>
-		@model.trigger('save-canceled')
-
-	_closePopup: => @popup.close()
-
-module.exports = SavePopup

package/src/editor/skin/selector/index.coffee

@@ -1,59 +0,0 @@
-Controller  = window.require 'spine/controller'
-Container   = window.require 'spine/controller/container'
-
-List 		= require './list'
-Dropdown 	= require '../../../core/controls/dropdown'
-Skin		= window.require 'core/models/skin'
-class Selector extends Controller
-	className : 'skin-presets'
-	@include Container
-	canExpand: true
-
-	controllers: list: List
-
-	elements:
-		'.toggle-skin-edit':'btn'
-
-	events:
-		'click .toggle-skin-edit': 'toggleState'
-		'mouseleave .toggle-skin-edit': 'onMouseLeaveBtn'
-
-	constructor : ->
-		super
-		@prepend (require '../../views/presetslist-header'), $ '<span class="after">'
-		@toggleState()
-
-	hasPendingChange: => @list.pending
-
-	initSave: ->
-		@list.initSave()
-
-	refresh: (skins) ->
-		@list.refresh skins
-
-	select: (id, force) -> @list.select id, force
-
-	toggleState: =>
-		do if @canExpand and @state is 'expanded' then @editSkinState else @expand
-
-	expand: =>
-		return @initSave() if @hasPendingChange()
-		@btn.addClass 'no-hover'
-		@el.addClass 'expanded'
-		@list.setState @state = 'expanded'
-
-	editSkinState: =>
-		@btn.addClass 'no-hover'
-		@el.removeClass 'expanded'
-		@list.setState @state = 'contracted'
-
-	toggleBtn: (toggle) =>
-		@btn.toggleClass 'no-action', if toggle? and typeof toggle is 'boolean' then toggle else @hasPendingChange()
-
-	hideEditBtn: =>
-		@canExpand = !@btn.hide()
-
-	onMouseLeaveBtn: =>
-		@btn.removeClass 'no-hover'
-
-module.exports = Selector