quick_script 0.0.47

data/.gitignore

@@ -0,0 +1,7 @@
+*.gem
+.bundle
+Gemfile.lock
+pkg/*
+
+*.swp
+*.swo

data/Gemfile

@@ -0,0 +1,4 @@
+source "http://rubygems.org"
+
+# Specify your gem's dependencies in quick_script.gemspec
+gemspec

data/Rakefile

@@ -0,0 +1,2 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks

data/lib/quick_script/assets/css/basics.css.sass

@@ -0,0 +1,147 @@
+@import mixins
+
+.p-rel
+  +p-rel
+
+.img-shadow-dark
+  +img-shadow-dark
+
+body
+  .mceContentBody
+    font-size: 20px
+
+h1
+  +t-shadow
+  +t-center
+  +bold
+  margin-top: 0px
+h2
+  +t-shadow
+
+hr
+  +colruler
+
+.field 
+  +p-rel
+  +inline
+  input, textarea
+    +animate
+    +box-shadow(0 1px 1px rgba(0,0,0,0.2) inset)
+    outline: none
+  label
+    +animate
+    +p-abs
+    +no-select
+    top: 20px
+    left: 10px
+    z-index: 20
+    color: #D7D7D7
+  input:focus + label, textarea:focus + label
+    opacity: 0.5
+  input:focus, textarea:focus
+    +box-shadow(0 1px 1px rgba(0,0,0,0.2) inset,0 0 6px #8ed928)
+
+
+.container
+  +clear-border
+  .colborder
+    +colborder
+
+.backdrop
+  +animate(0.5s)
+  position: fixed
+  width: 100%
+  height: 100%
+  background-color: rgba(0,0,0,.4)
+  top: 0px
+  left: 0px
+  z-index: 10
+
+.overlay
+  +animate(0.5s)
+  +p-fix
+  width: 800px
+  top: 50px
+  left: 50%
+  margin: 0px -400px
+
+  .content
+    +clear-border(0.1)
+    +bfg-grad($white, #000, 20)
+    +p-rel
+    +border-radius
+    padding: 10px
+    overflow: auto
+
+  .header
+    +bfg-grad($blue, $white, 10)
+    +t-shadow-dark
+    +bold
+    +t-4
+    +padded
+    +t-center
+    +border-radius
+    margin-bottom: 10px
+
+.notify
+  +padded
+  +p-fix
+  +img-shadow
+  +t-4
+  +t-center
+  +t-shadow-dark
+  width: 500px
+  top: 0px
+  left: 50%
+  margin-left: -265px
+  z-index: 10000
+  background: $green
+  color: white
+  border-left: 2px solid $white
+  border-right: 2px solid $white
+  border-bottom: 2px solid $white
+  font-weight: bold
+  opacity: 0.9
+
+.loading-overlay
+  +p-abs
+  +border-radius
+  +img-shadow
+  background-color: rgba(0,0,0,.4)
+  z-index: 10
+  top: 0px
+  bottom: 0px
+  left: 0px
+  right: 0px
+
+  span
+    +p-abs
+    +border-radius
+    +padded
+    +clear-border(0.1)
+    text-transform: uppercase
+    letter-spacing: 3px
+    display: block
+    height: 30px
+    top: 50%
+    left: 50%
+    margin: -25px -100px
+    color: #FFF
+    text-align: center
+    font-size: 20px
+    font-weight: bold
+    width: 200px
+    background-color: rgba(255, 255, 255, .2)
+
+.section-header
+  +t-0
+  +f-ga
+  +t-center
+  +t-upper
+  +ls(2px)
+  +bfg($red, $white)
+  +img-shadow-dark
+  &.title
+    +bold
+    font-size: 20px
+

data/lib/quick_script/assets/css/buttons.css

@@ -0,0 +1,137 @@
+/* http://www.webdesignerwall.com/demo/css-buttons.html */
+/* button 
+---------------------------------------------- */
+.button {
+    display: inline-block;
+    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
+    *display: inline;
+    vertical-align: baseline;
+    margin: 0 2px;
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 14px/100% Arial, Helvetica, sans-serif;
+    font-weight: bold;
+    padding: .5em 2em .55em;
+    text-shadow: 0 1px 1px rgba(0,0,0,.3);
+    -webkit-border-radius: .5em; 
+    -moz-border-radius: .5em;
+    border-radius: .5em;
+    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
+    box-shadow: 0 1px 2px rgba(0,0,0,.2);
+}
+.button:hover {
+    text-decoration: none;
+}
+.button:active {
+    position: relative;
+    top: 1px;
+}
+
+.button.bigrounded {
+    -webkit-border-radius: 2em;
+    -moz-border-radius: 2em;
+    border-radius: 2em;
+}
+.button.medium {
+    font-size: 12px;
+    padding: .4em 1.5em .42em;
+}
+.button.small {
+    font-size: 11px;
+    padding: .2em 1em .275em;
+}
+
+/* color styles 
+---------------------------------------------- */
+
+/* white */
+.button.white {
+    color: #606060;
+    border: solid 1px #b7b7b7;
+    background: #fff;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
+    background: -moz-linear-gradient(top,  #fff,  #ededed);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
+}
+.button.white:hover {
+    background: #ededed;
+    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
+    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
+}
+.button.white:active {
+    color: #999;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
+    background: -moz-linear-gradient(top,  #ededed,  #fff);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
+}
+
+/* red */
+.button.red {
+    color: #faddde;
+    border: solid 1px #980c10;
+    background: #d81b21;
+    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
+    background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
+}
+.button.red:hover {
+    background: #b61318;
+    background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
+    background: -moz-linear-gradient(top,  #c9151b,  #a11115);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
+}
+.button.red:active {
+    color: #de898c;
+    background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
+    background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
+}
+
+/* blue */
+.button.blue {
+    color: #d9eef7;
+    border: solid 1px #0076a3;
+    background: #0095cd;
+    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
+    background: -moz-linear-gradient(top,  #00adee,  #0078a5);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
+}
+.button.blue:hover {
+    background: #007ead;
+    background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
+    background: -moz-linear-gradient(top,  #0095cc,  #00678e);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
+}
+.button.blue:active {
+    color: #80bed6;
+    background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
+    background: -moz-linear-gradient(top,  #0078a5,  #00adee);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
+}
+
+/* green */
+.button.green {
+    color: #e8f0de;
+    border: solid 1px #538312;
+    background: #64991e;
+    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
+    background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
+}
+.button.green:hover {
+    background: #538018;
+    background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
+    background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
+}
+.button.green:active {
+    color: #a9c08c;
+    background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
+    background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
+    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
+}
+

data/lib/quick_script/assets/css/mixins.css.sass

@@ -0,0 +1,78 @@
+@import blueprint
+@import compass
+
+$blue: #06C
+$white: #FFF
+$red: #C60
+$green: #6C0
+$black: #000
+$dark-gray: rgba(0,0,0,.75)
+
+=bold
+  font-weight: bold
+=t-4
+  font-size: 30px
+.t-4
+  +t-4
+=t-3
+  font-size: 20px
+.t-3
+  +t-3
+=t-2
+  font-size: 18px
+=t-1
+  font-size: 14px
+.t-1
+  +t-1
+=t-0
+  font-size: 12px
+=t-upper
+  text-transform: uppercase
+.t-upper
+  +t-upper
+=t-center
+  text-align: center
+=f-ga
+  font-family: 'Georgia'
+=bfg($bg, $fg)
+  background-color: $bg
+  color: $fg
+=mb($val)
+  margin-bottom: $val
+=ls($val)
+  letter-spacing: $val
+=inline
+  display: inline-block
+=padded
+  padding: 10px
+=pad-lr
+  padding: 0px 10px
+=p-rel
+  position: relative
+=p-abs
+  position: absolute
+=p-fix
+  position: fixed
+=t-shadow
+  text-shadow: 0px 1px 1px #AAA
+=t-shadow-dark
+  text-shadow: 0px 1px 1px #444
+=clear-border($color: 0.5)
+  +box-shadow(0 0 0 5px rgba(0,0,0,$color),0 0 0 1px rgba(0,0,0,($color + 0.1)))
+=img-shadow($op:.3)
+  +box-shadow(0px 0px 8px 1px rgba(0, 0, 0, $op))
+=img-shadow-dark
+  +box-shadow(0px 0px 8px 1px rgba(0,0,0,.7))
+=box-shadow-1
+  +box-shadow(0px 1px 3px rgba(34, 25, 25, 0.4))
+=bfg-grad($bg, $fg, $dark)
+  +background-image(linear-gradient($bg, $bg, darken($bg, $dark)))
+  color: $fg
+=animate($time : 0.16s)
+  -moz-transition: all $time ease-in-out
+  -webkit-transition: all $time ease-in-out
+=no-select
+  -webkit-user-select: none
+  -moz-user-select: none
+  pointer-events: none
+

data/lib/quick_script/assets/css/quick_script.css

@@ -0,0 +1,4 @@
+/* QS_VERSION=0.0.47;
+ *= require ./basics
+ *= require ./buttons
+ */

data/lib/quick_script/assets/js/classes.js.coffee

@@ -0,0 +1,226 @@
+## EXTENSIONS
+Array.prototype.indexAt = (val) ->
+	for i in [0...this.length]
+		if this[i] == val
+			return i
+	return -1
+Array.prototype.includes = (val) ->
+	return this.indexAt(val) != -1
+Array.prototype.pushOnce = (item) ->
+	if (!this.includes(item))
+		this.push(item)
+Date.from_utc = (utc) ->
+	new Date(utc * 1000)
+String.prototype.endsWith = (suffix) ->
+	this.indexOf(suffix, this.length - suffix.length) != -1
+String.prototype.includes = (str) ->
+	this.indexOf(str) != -1
+
+class @SelectOpts
+	constructor : ->
+		@options = []
+	add : (val, str)->
+		@options.push {val : val, str : str}
+		return this
+	find : (val)->
+		for obj in @options
+			return obj.str if obj.val == val
+		return ""
+
+## PAGETIMER
+class @PageTimer
+	constructor: (func, time) ->
+		@callback = func
+		@frequency = time * 1000
+		@t_id = -1
+	start : =>
+		@t_id = setInterval(@callback, @frequency)
+	stop : =>
+		clearInterval(@t_id)
+	setFrequency : (time) =>
+		@stop()
+		@frequency = time * 1000
+		@start()
+	getFrequency : =>
+		return @frequency / 1000
+	increasePollTime : =>
+		@setFrequency( @getFrequency() + (if @getFrequency() % 5 == 0 then 9 else 1) )
+
+## NOTIFIER
+class @Notifier
+	constructor: ->
+		@popup = null
+		@tid = null
+		@nids = []
+	hasSupport : ->
+		if (window.webkitNotifications)
+			return true
+		else
+			return false
+	hasPermission : ->
+		return (window.webkitNotifications.checkPermission() == 0)
+	requestPermission : (cb) ->
+		window.webkitNotifications.requestPermission ->
+			cb(window.webkitNotifications.checkPermission() == 0) if (cb)
+	notify : (icon, title, body, opts) ->
+		if (@hasSupport() && @hasPermission() && !@isActive())
+			opts = {} if !opts?
+			stay = opts["stay"]
+			delay = opts["delay"]
+			nid = opts["nid"]
+			if (nid?)
+				if (@nids.includes(nid))
+					return false
+				else
+					@nids.pushOnce(nid)
+			@popup = window.webkitNotifications.createNotification(icon, title, body)
+			if (!stay? || !stay)
+				@popup.ondisplay = ->
+					setTimeout('notifier.Hide()', 5000)
+
+			if (delay?)
+				@tid = setTimeout('notifier.popup.show()', delay * 1000)
+			else
+				@popup.show()
+			return true
+
+		return false
+
+	hide : ->
+		if (@popup != null)
+			@popup.cancel()
+			@popup = null
+		if (@tid != null)
+			clearTimeout(@tid)
+			@tid = null
+	isActive : ->
+		if (@popup != null)
+			return true
+		else
+			return false
+
+## OVERLAY
+class @Overlay
+	constructor : ->
+		@zindex = 100
+		@notifyTimer = null
+	closeDialog : =>
+		@remove('dialog')
+	add : (vm, tmp, options, cls) =>
+		id = vm.name
+		template = tmp
+		cls = cls || ''
+		options = {} if !options?
+		options['z-index'] = @zindex + 10
+		$('body').prepend("<div class='backdrop' id='backdrop-#{id}' style='z-index: #{(@zindex + 9)}'></div><div id='overlay-" + id + "' class='overlay'><div class='content' data-bind=\"template: '" + template + "'\"></div></div>")
+		$('#overlay-' + id).css(options)
+		$('#overlay-' + id).addClass(cls)
+		$('#overlay-' + id).css({'margin-left' : -1 * $('#overlay-' + id).width() / 2})
+		$('.overlay .content').css({'max-height' : ($(window).height() - 100)})
+		$('#backdrop-' + id).click =>
+			console.log('backdrop clicked.')
+			@remove(id)
+		$('#overlay-' + id).koBind(vm)
+		@zindex = @zindex + 10
+	dialog : (msg, opts) ->
+		self = this
+		vm =
+			name : 'dialog'
+			message : ko.observable(msg)
+			yes : opts.yes
+			no : opts.no
+			cancel : self.remove('dialog')
+		@add(vm, 'view-dialog', { width : 300 })
+	notify : (msg, cls, tm) ->
+		cls = cls || ''
+		tm = tm || 3000
+		@clearNotifications()
+		$('body').prepend("<div id='notify' class='notify' style='display: none;'>" + msg + "</div>")
+		if (cls)
+			$('#notify').addClass(cls)
+		$('#notify').slideDown 'slow', ->
+			@notifyTimeout = setTimeout ->
+					$('#notify').fadeOut('slow')
+				, tm
+	clearNotifications : ->
+		clearTimeout(@notifyTimeout)
+		$('#notify').remove()
+	remove : (id) ->
+		$('#overlay-' + id).koClean()
+		$('#overlay-' + id).remove()
+		$('#backdrop-' + id).remove()
+
+class @TimeLength
+	constructor : (@date1, @date2)->
+		@date2 = new Date() unless @date2?
+	seconds : ->
+		Math.floor( ( @date2.getTime() - @date1.getTime() ) / 1000 )
+	minutes : ->
+		Math.floor( @seconds() / 60 )
+	hours : ->
+		Math.floor( @seconds() / (60 * 60) )
+	days : ->
+		Math.floor( @seconds() / (24 * 60 * 60) )
+	weeks : ->
+		Math.floor( @seconds() / (24 * 60 * 60 * 7) )
+	months : ->
+		Math.floor( @seconds() / (24 * 60 * 60 * 31) )
+	years : ->
+		Math.floor( @seconds() / (24 * 60 * 60 * 365) )
+	toString : ->
+		val = 0
+		str = ""
+		if @years() > 0
+			val = @years()
+			str = "year"
+		else if @months() > 0
+			val = @months()
+			str = "month"
+		else if @weeks() > 0
+			val = @weeks()
+			str = "week"
+		else if @days() > 0
+			val = @days()
+			str = "day"
+		else if @hours() > 0
+			val = @hours()
+			str = "hour"
+		else if @minutes() > 0
+			val = @minutes()
+			str = "minute"
+		else
+			val = @seconds()
+			str = "second"
+		attr = str + ( if (val > 1) then "s" else "" )
+		"#{val} #{attr}"
+
+# Helpful functions
+loadScript = (u, d) ->
+	d = typeof(d) != 'undefined' ? d : ""
+	$.ajax({type: "POST", url: u, data: d, dataType: "script"})
+
+timeFromUnix = (tm) ->
+	date = new Date(tm * 1000)
+	return date.toLocaleTimeString()
+
+cropImage = (img_url, img_width, img_height) ->
+	return $('<div>').css({
+		background: 'url(' + img_url + ')',
+		backgroundSize: 'cover',
+		'background-position': 'center',
+		backgroundColor: '#FFF',
+		width: img_width,
+		height: img_height,
+		display: 'inline-block'
+	})
+
+link_to = (text, url) ->
+	return $('<a>').attr('href', url).html(text)
+link_to_rel = (text, url) ->
+	return $('<a>').attr('href', "#" + url).html(text)
+link_to_span = (text) ->
+	return $('<span>').addClass('clickable').html(text)
+
+fadeInElement = (elem) ->
+	$(elem).hide().fadeIn()
+