@widgetic/editor 3.11.4 → 4.0.1

package/src/core/controls/browser.coffee

@@ -1,271 +0,0 @@
-Control = require('./index')
-
-Controller      = window.require 'spine/controller'
-Activateable    = window.require 'spine/controller/activateable'
-Container       = window.require 'spine/controller/container'
-
-Tabs  			= window.require 'spine/controller/tabs'
-Tab 			= require '../../editor/content/tab'
-
-Browser 		= require '../../browser/controller'
-UploadBrowser = require 'Editor/content/browser/upload'
-
-class DirectInput extends Controller
-  title       : 'directinput'
-  serviceTitle: 'link'
-  className:'directinput directinputpopup'
-  @include Activateable
-  @include Container
-
-  attributes:'authenticated':true
-  containerClass:'directinput-field'
-  events:
-    'click .field-delete':'clear'
-  constructor:(input)->
-    super
-    $.extend input.options,{readonly:false}
-    iklass = window.require(input.control)
-    @control = new iklass({attribute:@attribute,options:input.options})
-    @append @control, "<span class='field-delete' data-icon='⏍'></span>"
-    @control.bind "change:#{@control.type}", @onChange
-    @recount = =>
-    @addEntry = (i={})=>
-      @control.update( i.url )
-      @tab.count (v = Boolean(i.url or false))>>0
-      @el.toggleClass 'old',v
-    @removeEntry = (i={})=>
-      @control.update('')
-      @tab.count 0
-      @el.toggleClass 'old',false
-  clear:=>
-    @control.update('');
-    @onChange()
-
-  onChange:(opts={})=>
-    @tab.count((v = Boolean(opts.value or false))>>0)
-    @el.toggleClass 'old',v
-    @trigger 'beforeChange'
-    if v
-      @trigger 'urlChange',{url:opts.value,service:null}
-    else
-      @trigger 'urlRemove'
-
-  release: ->
-    @control.release()
-    super
-
-class BrowserPopup  extends Tabs
-  className			: 'content-browser browser-popup'
-  tabContainerClass 	: 'content-browser-tabs'
-  containerClass 		: 'content-browser-container'
-
-  tabRenderer 		: Tab
-
-  @include Activateable
-  interval:0
-
-  events:
-    'click .message .close' : 'closeMessage'
-    'click .browser-logout' : 'deactivate'
-
-  elements:
-    '.message':              'message'
-    '.message .text':        'text'
-
-  constructor:(opts, inpt, @anchor) ->
-    super
-    @input = new DirectInput(inpt);
-    @browsers=[]
-
-    @input.bind 'beforeChange', @clearServices
-    @input.bind 'urlChange',@contentAdd
-    @input.bind 'urlRemove',@contentRemove
-
-    # console.log("Content browser constructor sources:", @sources);
-    delete @sources.websearch
-    delete @sources.blogvio
-    delete @sources.dropbox
-    delete @sources.flickr
-    delete @sources["google-drive"]
-
-    @$bind 'click',(e)->e.stopPropagation()
-    @listenTo $('body'),'click',=>if @isActive() then @deactivate()
-
-  children: (filter = -> true) ->
-    browser for _, browser of @browsers when filter(browser)
-
-  _initBrowsers: (popup) ->
-    popup.append(@el)
-    @addBrowser UploadBrowser, {allowDelete: false, allowClear: false}
-
-    for key,source of @sources
-      Service  = window.require source.module
-      browser = if source.browser? then (window.require source.browser) else Browser
-      @browsers[key] = browser = new browser {content:[], title:key, Service:Service, options: $.extend {}, @options, source.options or {} }
-      @listenTo browser, 'add', @contentAdd
-      @listenTo browser, 'remove', @contentRemove
-      @listenTo browser, 'canAdd', @contentCanAdd
-      @append browser
-
-    @browsers['inpt'] = @input
-    @append @input
-
-  addBrowser: (Browser, options) =>
-    return unless Browser.isCompatible @options.types
-    browser = new Browser (Object.assign { filetypes: @options.types }, options)
-
-    browser.on 'toggle', ({file, options}) =>
-      @clear()
-      if file.id isnt @item?.id
-        item = {
-          id: file.id,
-          url: file.url,
-          service: Browser.name
-        }
-        @item = item
-        @trigger 'select', item
-      else
-        @item = null
-        @trigger 'select'
-
-    browser.observe 'selected', (selected) -> browser.tab.count selected.length
-    # HACK copy the svelte css to the popup
-    browser.observe(
-      'loading',
-      (loading) =>
-        css = $('style[id^=svelte]')
-        $(@popup.head).append css.clone()
-      { defer: true }
-    )
-
-    updateSelected = =>
-      if @item?.service is Browser.name
-        browser.set({ selected: [@item.id] })
-      else
-        browser.set({ selected: [] })
-
-    @on 'select', updateSelected
-    updateSelected()
-
-    @append @browsers[Browser.name] = browser
-
-  contentAdd:(item)=>
-    if item
-      @item = item
-
-    @trigger 'select', item
-
-  contentCanAdd:(callback)=>
-    @clear()
-    callback?.call @
-
-  contentRemove:(item)=>
-    if @item?
-      @item = null
-      @trigger 'select'
-
-  clearServices: =>
-    if @item
-      @browsers[@item.service]?.removeEntry?(@item)
-
-  clear:->
-    if @item
-      @browsers[@item.service or 'inpt'].removeEntry?(@item)
-
-  set:(item)=>
-    @clear()
-    @item = item
-
-  deactivate: =>
-    @popup?.hide()
-    Activateable.deactivate.apply @,arguments
-
-  activate:=>
-    @_createPopup().then =>
-      @popup.show()
-      if @item
-        browser = @browsers[@item.service or 'inpt']
-        browser.active()
-        @set(@item)
-        browser.recount()
-      else if @children((i)->i.isActive()).length < 1
-        @children()[0].active()
-      Activateable.activate.apply @,arguments
-
-  release: ->
-    @input.release()
-    for _, browser of @browsers
-      browser.release()
-    @popup?.release()
-    super
-
-  _createPopup: ->
-    return @popupPromise if @popupPromise
-    @popupPromise = Blogvio.UI.popup.new
-        anchor: @anchor
-        topOffset: 6
-        leftOffset: -9
-        css: [
-          'https://widgetic.com/bundles/blogvioapp/css/editor/editor.css'
-        ]
-      .then (@popup) =>
-        @_initBrowsers @popup
-        @popup.append @el
-      .fail (e) ->
-        console.error e.stack
-
-class BrowserInput extends Control
-  template 	: 'core/views/browser'
-  className	: 'control control-browser'
-
-  elements:
-    '.input-browser': 'input'
-    '.input-browser-browse': 'browseButton'
-
-  events:
-    'click .input-browser-browse, input:text, .url-thumb': 'browse'
-
-  constructor: ->
-    super
-
-    if (input = $.extend({}, @options.input))
-      input.options.readonly = true;
-      iklass = window.require(input.control)
-      @control = new iklass({item:@item, attribute:@attribute, options:input.options, @isDetailInput})
-      @input.prepend @control.el
-
-    if @options.browser
-      @browserPopup = new BrowserPopup(@options.browser, @options.input, @browseButton)
-      @browserPopup.bind 'select', @select
-
-  update: (item,type,options={}) =>
-    if item[@attribute] and options.from isnt @ and @browserPopup
-      @browserPopup.set item.attrMeta?(@attribute) or item.metas?[@attribute] or {url:item[@attribute]}
-
-  setItem: (item) =>
-    super
-    @control.setItem(item)
-
-  select: (item) =>
-    @change val = if item then item.url else ''
-    @item.attrMeta? @attribute, if item?.service then item else null
-    # atts = {}
-    # atts[@attribute]= if item then item.url else ''
-    # (atts.metas = $.extend {} , @item.metas)[@attribute] = if item?.service then item else null
-    # @item.updateAttributes atts,{ @attribute, from:@}
-    @control.$addClass('valid')
-    @trigger "change:#{@type or 'control'}", {@attribute, val, value: val}
-
-  browse: (e) =>
-    e.stopPropagation()
-    if @browserPopup.isActive() then @browserPopup.deactivate() else @browserPopup.activate()
-
-  release: ->
-    @control?.release()
-    @browserPopup?.release()
-    super
-
-  deactivate: =>
-    @browserPopup.deactivate()
-
-module.exports = BrowserInput

package/src/core/controls/color.coffee

@@ -1,121 +0,0 @@
-Control = require './index'
-Spinner = require './stepper'
-{ createPopup } = require '../utils/popup'
-
-###
-	Initialize with {item:{skin instance},attribute:'attribute',options:{options from meta}}
-###
-class Color extends Control
-	template	: 'core/views/color'
-	className	: 'control-color'
-	events		:
-		'input .control-input':'_change'
-		'click .color-preview-i': 'toggle'
-	elements 	:
-		'.control-input':   'input'
-		'.color-preview':   'color'
-		'.color-preview-i': 'colorPreview'
-
-	render:=>
-		super
-
-		@_updatePreviewColor()
-
-		@
-
-	toggle: =>
-		@_createPopup().then => if @popup.visible then @popup.hide() else @popup.show()
-
-	update: (item, type, options = {}) =>
-		value = if item[@attribute]? then item[@attribute] else @options.default
-
-		if options.from isnt @
-			@input.val @tinycolor(value).toString('hex6')
-
-		if options.from isnt @color
-			@spectrum @color, 'set', value
-
-		color = @tinycolor(value).toRgb()
-		@spinner?.change color.a*100, silent:true
-		@_updatePreviewColor item
-
-	_createPopup: ->
-		return @popupPromise if @popupPromise
-		@popupPromise = createPopup
-				anchor: @colorPreview
-			.then (@popup) =>
-				@spectrum(@color,
-					preview: @colorPreview.find(".sp-preview-inner")
-					flat: true,
-					showAlpha:true,
-					showInitial:true,
-					showInput:true,
-					preferredFormat:'hex6',
-					showButtons:false,
-					clickoutFiresChange: true,
-					change:@colorChange,
-					move:@colorChange,
-					color:@item[@attribute]
-					input:(color)=>
-						oc = color.toRgb()
-						oc.a = @spinner.input.val()/100
-						@spectrum @color, 'setTemp', oc
-						@colorChange(@tinycolor(oc));
-				)
-
-				cont = @spectrum @color, 'container'
-				alpha =  (not (alp = @options.alpha)?) or String(alp) is true
-				cont.toggleClass 'sp-alpha-enabled', alpha
-
-				@spinner = new Spinner
-					className: 'control control-stepper sp-alpha-step'
-					attribute:'opacity',
-					options  :
-						min 	: 0
-						max		: 100
-						default	: @tinycolor(@item[@attribute]).toRgb().a*100
-				@spinner.bind 'change:stepper',@_updateOpacity
-
-				cont.find('.sp-input-container').append @spinner.render().el
-				cont.find('.sp-input-container .sp-input').attr 'maxLength','7'
-				@popup.append(cont)
-			.catch (err) ->
-				console.error err.stack
-
-	_updatePreviewColor: (item) ->
-		@colorPreview.find(".sp-preview-inner").css
-			backgroundColor: (item or @item)[@attribute]
-
-	_updateOpacity: (o = {}) =>
-		return unless @popup.visible
-		oc = @spectrum(@color, 'get').toRgb()
-		oc.a = o.val/100
-		@spectrum @color, 'setTemp', oc
-		@colorChange @tinycolor(oc)
-
-	_change: =>
-		@colorChange @tinycolor(@input.val()), from: @
-
-	colorChange: (color, options = {}) =>
-		@change color.toRgbString(), $.extend {@attribute, from: @color}, options
-
-	deactivate: =>
-		@popup?.hide()
-
-	release: ->
-		# destroy spectrum before removing @el from the DOM
-		# as it depends on some data saved on the DOM element
-		# which is lost after removal
-		@spectrum @color, 'destroy'
-		@popup?.release()
-		super
-
-	tinycolor: ->
-		window.tinycolor arguments...
-
-	spectrum: (input, data...) ->
-		$(input).spectrum data...
-
-	setPopupTargetWindow: (@targetWindow) => @
-
-module.exports = Color

package/src/core/controls/date-time/calendar/index.coffee

@@ -1,99 +0,0 @@
-Controller = window.require 'spine/controller'
-Activateable = window.require 'spine/controller/activateable'
-
-MonthsController = require './months'
-YearsController  = require './years'
-
-class Calendar extends Controller
-	className: 'calendar'
-	@include Activateable
-	template: 'core/views/date-time/calendar'
-
-	elements:
-		'.date-input':'input'
-		'.datepickr-wrapper': 'calendarEl'
-		'.date_time-content': 'content'
-		'.date_time-footer' : 'footer'
-
-	events:
-		'click .datepickr-current-month': 'nextView'
-		'click .date_time-current': 'nextView'
-		'change:year': '_yearChanged'
-		'change:month': '_monthChanged'
-		'click .datepickr-next-month': 'triggerResize'
-		'click .datepickr-prev-month': 'triggerResize'
-
-	views: ['calendar', 'months', 'years']
-
-	minYear: 1889
-	maxYear: 2189
-
-	constructor: ->
-		super
-		do @render
-		@input.bind 'change', @_change
-
-		@c = -1 #current view
-		@l = @views.length
-		do @nextView
-
-
-	update: (value) ->
-		{@date} = value
-		[day, month, year] = @date.split '-'
-		day=+day; month--; year=+year # convert to int, month is 0 indexed
-
-		@datePickr.selectedDate = {day, month, year}
-		[@datePickr.currentDayView, @datePickr.currentMonthView, @datePickr.currentYearView] = [day, month, year]
-		do @datePickr.refresh
-
-		@yearsController.update {year}
-		@monthsController.update {year, month}
-
-		[hours, minutes] = value.time.split ':'
-		@footer.html "<span class=\"hh\">#{hours}</span>:<span class=\"mm\">#{minutes}</span>"
-
-	render: ->
-		super
-		@datePickr = @input.datepickr(dateFormat: 'j-n-Y', firstDayOfWeek: 1)[0]
-
-		@content.append (@monthsController = new MonthsController {@minYear, @maxYear}).el
-		@content.append (@yearsController  = new YearsController min: @minYear, max: @maxYear).el
-
-		@refreshElements()
-
-	_change: =>
-		@el.trigger 'change', {date} unless (date = @input.val()) is @date
-
-	_monthChanged: (ev, data) =>
-		date = @date.replace /-\d+-\d+$/, "-#{data.month+1}-#{data.year}"
-		@el.trigger 'change', {date}
-		@view 'calendar'
-
-	_yearChanged: (ev, data) =>
-		date = @date.replace /\d+$/, data.year
-		@el.trigger 'change', {date}
-		@view 'months'
-
-	nextView: =>
-		@view @views[(@c+1)%@l] #loop through all views
-
-	view: (view) =>
-		@content.children().hide()
-		@c = @views.indexOf view
-		do @[view]
-		do @triggerResize
-
-	calendar: =>
-		@calendarEl.show()
-
-	months: =>
-		@monthsController.render().show()
-
-	years: =>
-		@yearsController.render().show()
-
-	triggerResize: =>
-		@el.trigger 'resize:popup'
-
-module.exports = Calendar

package/src/core/controls/date-time/calendar/months.coffee

@@ -1,52 +0,0 @@
-Controller = window.require 'spine/controller'
-
-class MonthsController extends Controller
-	className: 'months-view'
-	template: window.require 'core/views/date-time/grid'
-	table: window.require 'core/views/date-time/table'
-
-	elements:
-		'.date_time-wrapper table': 'tableEl'
-		'.date_time-current':'title'
-		'.selected': 'selected'
-
-	events:
-		'click .date_time-next': 'nextYear'
-		'click .date_time-prev': 'prevYear'
-		'click .date_time-cell': '_change'
-
-	constructor: ->
-		super
-		@months = $.datepickr::l10n.months
-
-	render: ->
-		super
-		do @renderTable
-		@el
-
-	renderTable: ->
-		selected = if @year is @date.year then @months.shorthand[@month] else ''
-		@tableEl.html @table {cols: 4, selected, data: @months.shorthand}
-		@refreshElements()
-		@title.html "#{@year}"
-
-	update: (@date) ->
-		{@month, @year} = @date
-		do @renderTable
-
-	_change: (e) =>
-		@selected.removeClass('selected')
-		(target = $ e.target).parent().addClass 'selected'
-		month = @months.shorthand.indexOf target.text()
-
-		@el.trigger 'change:month', {month, @year}
-
-	nextYear: =>
-		@renderTable ++@year
-		# @el.trigger 'change:year', year: @year+1
-
-	prevYear: =>
-		@renderTable --@year
-		# @el.trigger 'change:year', year: @year-1
-
-module.exports = MonthsController

package/src/core/controls/date-time/calendar/years.coffee

@@ -1,58 +0,0 @@
-Controller = window.require 'spine/controller'
-
-sum = (a, b) -> a+b
-array_fill = (min, max) ->
-	Array.apply(null, length: max-min).map sum.call, sum.bind null, min
-
-class YearsController extends Controller
-	className: 'years-view'
-	template: window.require 'core/views/date-time/grid'
-	table: window.require 'core/views/date-time/table'
-
-	elements:
-		'.date_time-wrapper table': 'tableEl'
-		'.selected': 'selected'
-		'.date_time-current':'title'
-
-	events:
-		'click .date_time-next': 'nextPage'
-		'click .date_time-prev': 'prevPage'
-		'click .date_time-cell': '_change'
-
-	years: []
-
-	constructor: ->
-		super
-
-		@index = @min
-
-	render: ->
-		super
-		do @renderTable
-		@el
-
-	renderTable: ->
-		@tableEl.html @table cols: 4, selected: @year, data: @years = array_fill @index, @index+16
-		@refreshElements()
-		@title.html "#{@index} - #{@index+16-1}"
-
-	nextPage: =>
-		@renderTable @index = Math.min @max-16, @index+16
-
-	prevPage: =>
-		@renderTable @index = Math.max @min, @index-16
-
-	update: (date) =>
-		{@year} = date
-
-		@index = @year unless @year in @years
-		do @renderTable
-
-	_change: (e) =>
-		@selected.removeClass('selected')
-		(target = $ e.target).parent().addClass 'selected'
-		year = target.text()
-
-		@el.trigger 'change:year', {year} unless year is @year
-
-module.exports = YearsController

package/src/core/controls/date-time/clock.coffee

@@ -1,62 +0,0 @@
-Controller = window.require 'spine/controller'
-Activateable = window.require 'spine/controller/activateable'
-
-class Clock extends Controller
-	className: 'clock'
-	@include Activateable
-	template: window.require 'core/views/date-time/clock'
-
-	events:
-		'click .date_time-current': 'toggleView'
-		'change .clockpicker': 'stopPropagation'
-
-	elements:
-		'.clockpicker': 'picker'
-		'.clockpicker input': 'pickrInput'
-		'.date_time-footer' : 'footer'
-		'.hh': 'hoursEl'
-		'.mm': 'minutesEl'
-		'.time-elements': 'tElem'
-
-	hours: '00'
-	minutes: '00'
-
-	constructor: ->
-		super
-		@months = $.datepickr::l10n.months
-
-		do @render
-
-	render: =>
-		super
-
-	activate: =>
-		Activateable.activate.apply @, arguments
-		@picker.clockpicker
-			clockUpdate: (prop, val) =>
-				@[prop] = val
-				@time = "#{@hours}:#{@minutes}"
-				@hoursEl.text @hours
-				@minutesEl.text @minutes
-			afterDone: =>
-				@el.trigger 'change', {@time}
-			afterViewToggle: (view) =>
-				@tElem.removeClass 'active'
-				@["#{view}El"].addClass 'active'
-
-	toggleView: =>
-		@picker.clockpicker 'toggleView'
-
-	update: (value) =>
-		{@date, @time} = value
-		[@hours, @minutes] = @time.split ':'
-		@pickrInput.val @time
-
-		[day, month, year] = @date.split '-'
-		@footer.html "#{@months.longhand[month-1]} #{year}"
-
-	stopPropagation: (e) ->
-		e.stopPropagation()
-		e.stopImmediatePropagation()
-
-module.exports = Clock

package/src/core/controls/date-time/helper.coffee

@@ -1,31 +0,0 @@
-module.exports = dateHelper = 
-	setFormat: (dateFormat = 'd/m/Y H:i') ->
-		dateHelper.format.bind dateHelper, dateFormat
-
-	parseFrom: (format, date) ->
-		parsed = {}
-		matches = date.match(///#{format.replace /\w+/g, '(\\w+|\\d+)'}///)[1..]
-		for fm, i in format.match /\w+/g
-			parsed[fm] = matches[i]
-
-		year = parsed.Y or parsed.y or 0
-		month = (parsed.F or parsed.m or parsed.M or parsed.n or 0)-1
-		day = parsed.d or parsed.D or parsed.j or 0
-		hours = parsed.g or parsed.G or parsed.h or parsed.H or 0
-		minutes = parsed.i or 0
-		seconds = parsed.s or 0
-
-		(new Date year, month, day, hours, minutes, seconds).getTime()
-
-	changeFormat: (fromFormat, toFormat, date) ->
-		time = dateHelper.parseFrom fromFormat, date
-		dateHelper.format toFormat, time
-
-	format: (dateFormat = 'd/m/Y H:i', milliseconds) ->
-		if typeof milliseconds is 'string' and (new Date(milli = Date.parse milliseconds)) isnt 'Invalid Date'
-			milliseconds = milli
-
-		if typeof milliseconds is 'object' and milliseconds.date? and milliseconds.time?
-			milliseconds = Date.parse milliseconds.date.split('-').reverse().join('/')+' '+milliseconds.time
-
-		$.datepickr::formatDate dateFormat, milliseconds