quick_script 0.0.47 → 0.0.50

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

@@ -2,6 +2,30 @@
 
 .p-rel
   +p-rel
+.p-abs
+  +p-abs
+.bold
+  +bold
+.t-4
+  +t-4
+.t-3
+  +t-3
+.t-2
+  +t-2
+.t-1
+  +t-1
+.t-upper
+  +t-upper
+.t-center
+  +t-center
+.padded
+  +padded
+.left
+  +left
+.right
+  +right
+.inline, .inl
+  +inline
 
 .img-shadow-dark
   +img-shadow-dark
@@ -52,7 +76,8 @@ hr
   position: fixed
   width: 100%
   height: 100%
-  background-color: rgba(0,0,0,.4)
+  background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%)
+  background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%)
   top: 0px
   left: 0px
   z-index: 10
@@ -107,7 +132,8 @@ hr
   +p-abs
   +border-radius
   +img-shadow
-  background-color: rgba(0,0,0,.4)
+  background: -webkit-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%)
+  background: -moz-radial-gradient(50% 50%, ellipse closest-corner, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.725) 100%)
   z-index: 10
   top: 0px
   bottom: 0px

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

@@ -1,5 +1,5 @@
-@import blueprint
 @import compass
+@import blueprint
 
 $blue: #06C
 $white: #FFF
@@ -12,24 +12,16 @@ $dark-gray: rgba(0,0,0,.75)
   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
@@ -53,6 +45,10 @@ $dark-gray: rgba(0,0,0,.75)
   position: absolute
 =p-fix
   position: fixed
+=left
+  float: left
+=right
+  float: right
 =t-shadow
   text-shadow: 0px 1px 1px #AAA
 =t-shadow-dark

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

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

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

@@ -104,48 +104,48 @@ class @Overlay
 	constructor : ->
 		@zindex = 100
 		@notifyTimer = null
-	closeDialog : =>
+Overlay.instance = new Overlay()
+Overlay.closeDialog = ->
 		@remove('dialog')
-	add : (vm, tmp, options, cls) =>
+Overlay.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>")
+		options['z-index'] = Overlay.instance.zindex + 10
+		$('body').prepend("<div class='backdrop' id='backdrop-#{id}' style='z-index: #{(Overlay.instance.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.remove(id)
 		$('#overlay-' + id).koBind(vm)
-		@zindex = @zindex + 10
-	dialog : (msg, opts) ->
-		self = this
+		Overlay.instance.zindex = Overlay.instance.zindex + 10
+Overlay.dialog = (msg, opts) ->
 		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) ->
+			cancel : Overlay.remove('dialog')
+		Overlay.add(vm, 'view-dialog', { width : 300 })
+Overlay.notify = (msg, cls, tm) ->
 		cls = cls || ''
 		tm = tm || 3000
-		@clearNotifications()
+		Overlay.clearNotifications()
 		$('body').prepend("<div id='notify' class='notify' style='display: none;'>" + msg + "</div>")
 		if (cls)
 			$('#notify').addClass(cls)
 		$('#notify').slideDown 'slow', ->
-			@notifyTimeout = setTimeout ->
+			Overlay.instance.notifyTimeout = setTimeout ->
 					$('#notify').fadeOut('slow')
 				, tm
-	clearNotifications : ->
-		clearTimeout(@notifyTimeout)
+Overlay.clearNotifications = ->
+		clearTimeout(Overlay.instance.notifyTimeout)
 		$('#notify').remove()
-	remove : (id) ->
+Overlay.remove = (id) ->
 		$('#overlay-' + id).koClean()
 		$('#overlay-' + id).remove()
 		$('#backdrop-' + id).remove()

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

@@ -99,6 +99,23 @@
 			model.selectFile = ->
 				$(element).click()
 
+	ko.bindingHandlers.tabs =
+		init : (element, valueAccessor, bindingsAccessor, viewModel) ->
+			$(element).addClass('ui-tabs ui-widget ui-widget-content ui-corner-all')
+			$(element).children('ul').first().addClass('ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all')
+			$(element).children('ul').first().children('li').addClass('ui-state-default ui-corner-top')
+			$(element).children('div').addClass('ui-tabs-panel ui-widget-content ui-corner-bottom')
+			$(element).children('ul').first().find('li a').each (idx, el)->
+				tab_id = $(el).parent()[0].id
+				$(el).click ->
+					valueAccessor()(tab_id)
+		update : (element, valueAccessor, bindingsAccessor, viewModel) ->
+			sel_tab = ko.utils.unwrapObservable(valueAccessor())
+			$(element).children('ul').first().children('li').removeClass('ui-tabs-selected ui-state-active')
+			$(element).children('ul').first().children("li##{sel_tab}").addClass('ui-tabs-selected ui-state-active')
+			$(element).children('div').addClass('ui-tabs-hide')
+			$(element).children("div##{sel_tab}").removeClass('ui-tabs-hide')
+
 	ko.bindingHandlers.calendar =
 		init : (element, valueAccessor, bindingsAccessor, viewModel) ->
 			$(element).fullCalendar('destroy')
@@ -571,9 +588,9 @@ class @View
 	getViewName : (view) ->
 		view.templateID
 	showAsOverlay : (tmp, opts, cls)=>
-		overlay.add(this, tmp, opts, cls)
+		Overlay.add(this, tmp, opts, cls)
 	hideOverlay : =>
-		overlay.remove(@name)
+		Overlay.remove(@name)
 
 class @ModelAdapter
 	constructor : (opts)->
@@ -678,7 +695,6 @@ class @AppView extends @View
 
 @initApp = ->
 	appViewModel = @appViewModel
-	overlay = @overlay
 
 	appViewModel.setUser(@CURRENT_USER)
 

data/lib/quick_script/assets/js/quick_script.js

@@ -1,4 +1,4 @@
-// QS_VERSION = 0.0.47;
+// QS_VERSION = 0.0.50;
 //= require ./jquery.min
 //= require ./jquery-ui.min
 //= require ./jquery.iframe-transport

data/lib/quick_script/helpers.rb

@@ -22,7 +22,6 @@ module QuickScript
 					initKO();
 					CURRENT_USER = (#{jsify current_user});
 					appViewModel = new #{app_model}();
-					overlay = new Overlay();
 					initApp();
 					console.log('Initialized...');
 				});".html_safe

data/lib/quick_script/version.rb

@@ -1,3 +1,3 @@
 module QuickScript
-  VERSION = "0.0.47"
+  VERSION = "0.0.50"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: quick_script
 version: !ruby/object:Gem::Version 
-  hash: 65
+  hash: 123
   prerelease: 
   segments: 
   - 0
   - 0
-  - 47
-  version: 0.0.47
+  - 50
+  version: 0.0.50
 platform: ruby
 authors: 
 - Alan Graham
@@ -15,7 +15,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2012-03-20 00:00:00 Z
+date: 2012-03-24 00:00:00 Z
 dependencies: []
 
 description: Framework for single-page web applications