think_feel_do_engine 3.10.6

data/app/assets/javascripts/think_feel_do_engine/scrollindicator.js

@@ -0,0 +1,92 @@
+var holdscroll;
+var safetylock;
+//In the rare case that both left and right mb are pressed at once it gets stuck scrolling forever; safetylock
+//helps avoid that.
+var SCROLLING_DIV = 'div#tool-layout.container  div.row > div.tool-content, div#main-layout.container div#inbox.active, div#main-layout.container div#sent.active';
+var INDICATOR_DIV = 'div#tool-layout.container  div.row > div.tool-nav, div#main-layout div.tab-content';
+
+
+$(document).ready(function(){ 
+	$(document).on("page:change",reregister_handle);
+	$(document).on("page:load", check_scrollable_element); 
+	check_scrollable_element(); 
+}); 
+
+function check_scrollable_element() 
+{ 
+	var elem = $(SCROLLING_DIV);
+	if(elem.length > 0) 
+	{ 
+		elem.scroll(check_clear_indicator);
+		elem.off("mousedown DOMMouseScroll mousewheel keyup", user_scroll_clear);
+		elem.on("mousedown DOMMouseScroll mousewheel keyup", user_scroll_clear);
+		if(elem[0].scrollHeight > elem[0].offsetHeight)
+		{
+			$(INDICATOR_DIV).addClass("scroll_indicator");
+			toggle_scrollable(true);
+			window.setTimeout(check_scrollable_element,1000);
+		}
+		else
+		{
+			safetylock = true;
+			toggle_scrollable(false);
+			window.setTimeout(check_scrollable_element,1000);
+		}
+		check_clear_indicator({target:elem[0]});
+	} 
+} 
+
+function reregister_handle()
+{
+	$("div#main-layout ul#messages-tab li a").on("click",function (e) {
+  		$(this).tab('show').then(check_scrollable_element());
+	}); 
+}
+
+function toggle_scrollable(toggleon)
+{
+	if(toggleon) $("div#scroll_btn").on("mousedown touchstart touchenter",start_scroll).on("mouseup mouseleave touchcancel touchend touchleave",end_scroll);
+	else $("div#scroll_btn").off("mousedown touchstart touchenter",start_scroll);
+}
+
+function start_scroll(e)
+{
+	safetylock = false;
+	cause_scroll();
+	holdscroll = setTimeout(cause_scroll,100);
+}
+
+function cause_scroll()
+{
+	var elem = $(SCROLLING_DIV);
+	if(elem.length > 0) $(elem[0]).scrollTop($(elem[0]).scrollTop() + 5); 
+	if(!safetylock)	holdscroll = setTimeout(cause_scroll,100);
+}
+
+function end_scroll(e)
+{
+	safetylock = true;
+	clearTimeout(holdscroll);
+}
+
+function user_scroll_clear(e){
+    	safetylock = true;
+    	clearTimeout(holdscroll);
+}
+
+function check_clear_indicator(e) 
+{ 
+	var indicator = $(INDICATOR_DIV);
+	if(e.target.scrollHeight == $(e.target).scrollTop() + e.target.offsetHeight)
+	{
+		indicator.removeClass("scroll_indicator");
+		toggle_scrollable(false);
+		safetylock = true;
+		clearTimeout(holdscroll);
+	}
+	else if (!indicator.hasClass("scroll_indicator"))
+	{
+		indicator.addClass("scroll_indicator");
+		toggle_scrollable(true);
+	}
+}

data/app/assets/javascripts/think_feel_do_engine/shared/detect_timeout.js

@@ -0,0 +1,42 @@
+(function() {
+  // HT http://stackoverflow.com/a/4029518
+  // Modified to trigger keepalive calls.
+  var idleTime = 0;
+  var keepAlive = false;
+
+  $(document).ready(function () {
+    //Increment the idle time counter every minute.
+    var idleInterval = setInterval(timerIncrement, 60000); // 1 minute
+    //Increment the keep alive time counter every five minutes.
+    var keepAliveCheckInterval = setInterval(keepAliveCheck, 300000); // 5 minutes
+
+    //Zero the idle timer on mouse movement.
+    $(this).mousemove(function (e) {
+      idleTime = 0;
+      keepAlive = true;
+    });
+    $(this).keypress(function (e) {
+      idleTime = 0;
+      keepAlive = true;
+    });
+  });
+
+  function timerIncrement() {
+    idleTime = idleTime + 1;
+    if (idleTime >= 25) { // 25 minutes
+      window.location.reload();
+    }
+  }
+
+  function keepAliveCheck() {
+    if(keepAlive) {
+      $.ajax({
+        async: false,
+        dataType: "script",
+        type: "GET",
+        url: "/keepalive/"
+      });
+    }
+    keepAlive = false;
+  }
+})();

data/app/assets/javascripts/think_feel_do_engine/slideshows.js

@@ -0,0 +1,14 @@
+(function() {
+  function sort() {
+    $('#sortable-slides').sortable({
+      axis: 'y',
+      handle: '.handle',
+      update: function() {
+        $.post($(this).data('update-url'), $(this).sortable('serialize'));
+      }
+    });
+  };
+
+  $(document).ready(sort);
+  $(document).on('page:load', sort);
+})();

data/app/assets/javascripts/think_feel_do_engine/stepped_care.js

@@ -0,0 +1,53 @@
+(function() {
+
+window.sc = window.sc || {};
+
+sc.displayErrors = function() {
+  _.each($('.form-group, .input-group'), function(field, index, list) {
+    var $field = $(field);
+
+    $field.removeClass('has-error');
+    if (!(sc.validInputGroupAddon($field)
+      && sc.validInputGroupBtn($field)
+      && sc.validSelect($field))) {
+      $field.addClass('has-error');
+    }
+  });
+  sc.validateAtLeastOneActivityIsSelected();
+};
+
+sc.validateAtLeastOneActivityIsSelected = function() {
+  if ($('input.choose-one:checked').length === 0) {
+    $('#alerts')
+      .html('<div class="alert alert-danger">Select at least one activity.</div>');
+    $('input.choose-one')
+      .closest('.input-group')
+      .addClass('has-error');
+  } else {
+    $('.alert-danger').remove();
+  }
+};
+
+sc.validInputGroupAddon = function($field) {
+  var PARTS_OF_AN_INPUT_GROUP_ADDON;
+
+  PARTS_OF_AN_INPUT_GROUP_ADDON = 2;
+  if ($field.find('input[type=\'radio\'], input[type=\'checkbox\'], input[type=\'text\']').length === PARTS_OF_AN_INPUT_GROUP_ADDON) {
+    return $field.find('input:checked').length === 0
+    || $field.find('input.form-control').val() !== '';
+  } else {
+    return true;
+  }
+};
+
+sc.validInputGroupBtn = function($field) {
+  return $field.find('span.input-group-btn').length === 0
+  || $field.find('input[type=\'text\']').val() !== '';
+};
+
+sc.validSelect = function($field) {
+  return $field.find('select').length === 0
+  || $field.find('select option:selected').val() !== '';
+};
+
+})();

data/app/assets/javascripts/think_feel_do_engine/task_status.js

@@ -0,0 +1,19 @@
+;(function() {
+  "use strict";
+
+  // Report actions associated with task statuses
+  $(document).on("page:change", function() {
+    $("a.task-status").not(".disabled").on("click", function(event) {
+      var $target, $taskStatusId;
+      
+      $target = $(event.currentTarget);
+      $taskStatusId = $target.data("task-status-id");
+      $.ajax({
+        async: false,
+        dataType: "script",
+        type: "PUT",
+        url: "/participants/task_status/" + $taskStatusId
+      });
+    });
+  });
+})();

data/app/assets/javascripts/think_feel_do_engine/thought_patterns/index.js.erb

@@ -0,0 +1,17 @@
+<% url = ThinkFeelDoEngine::Engine.routes.url_helpers %>
+
+(function() {
+  $(document).on("click", "#next-thought-pattern", showNextPage);
+
+  function showNextPage(event) {
+    var $currentEl = $(".thought-pattern:visible");
+    var $nextEl = $currentEl.next(".thought-pattern");
+
+    if ($nextEl.length === 1) {
+      $currentEl.hide();
+      $nextEl.show();
+    } else {
+      location.replace("<%= url.navigator_next_content_path %>");
+    }
+  }
+})();

data/app/assets/javascripts/think_feel_do_engine/thoughts/edit_bulk.js

@@ -0,0 +1,12 @@
+(function() {
+  $(document).on("change", "[name='thought[pattern_id]']:visible", renderDescription);
+
+  function renderDescription(event) {
+    var description = $(event.target.selectedOptions).data("description");
+    if (description) {
+      $(event.target).parent().siblings("#thought-pattern-description").html(description).show();
+    } else {
+      $(event.target).parent().siblings("#thought-pattern-description").html(description).hide();
+    }
+  }
+})();

data/app/assets/javascripts/think_feel_do_engine/thoughts/scThoughtTrackerMenuViz.js

@@ -0,0 +1,346 @@
+scThoughtTrackerMenuViz = function(vizData, page){
+	//Properties
+	var thoughtPatterns, thoughtsList,patternFrequencies,self;
+
+	//Viz Variables
+	var margin,width,height,svg,color,rRange,text, widescreen;
+
+	//Utility Methods
+	var showOnlyTopX,showOnlyAboveX, placeInGrid, getTooltipTop, getTooltipLeft;
+
+	/****************************/
+
+	self = this;
+	thoughtPatterns = {}
+	patternFrequencies = {};
+	thoughtsList = [];
+    widescreen = window.innerWidth > window.innerHeight;
+    height = widescreen ? 200 : (page == "home" ? 500 : 768);
+    width = $("#ThoughtVizContainer").width();
+
+	/**********[Utility Methods]**********/
+
+	//Show only the top x patterns with the most thoughts associated with them
+	showOnlyTopX = function(x){
+		var topX, i;
+
+		topX = [];
+		i = 0;
+		
+		_.each(patternFrequencies, function(value,key){
+			topX.push([key,value]);
+			delete patternFrequencies[key];
+		});
+		
+		topX.sort(function(a,b){
+			a = a[1];
+			b = b[1];
+			return a > b ? -1 : (a < b ? 1 : 0);
+		});
+		
+		while(i < topX.length && i < x){
+			patternFrequencies[(topX[i])[0]] = (topX[i])[1];
+			i++;
+		}
+	}
+
+	//Show only the patterns with at least x thoughts associated with them
+	showOnlyAboveX = function(x){
+		_.each(patternFrequencies, function(value,key){
+			if(value < x) delete patternFrequencies[key];
+		});
+	};
+
+	//The circles and text need to be aligned the same, so rather than repeat
+	//myself, this function returns location for a given circle.
+	placeInGrid = function(x, i){
+		var objCount = _.size(patternFrequencies);
+        //If x, return the x location. Else return the y location.
+        if(x){
+            if(widescreen) return ((width+160)/(Math.min(objCount + 1, 4))) * ((i%3)+1);
+            else if(page == "home") return (width+160)/2;
+            else return (i%2 + 1)*((width)/3) + 80;
+        }
+        else{
+            if(widescreen){
+                if(page == "home") return (height/2);
+                return (Math.floor(i/3) + 1) * (Math.max(((Math.min(height,width) - 80)/3),10) + 50);
+            }
+            else if (page == "home") return (height)/(objCount + 1) * (i+1);
+            else return (i+1) * (Math.max((Math.min(height,width) - 80)/(objCount*2),10) + 50);
+        }
+	}
+
+	getTooltipLeft = function(e,sel){
+		return (e.pageX - $(sel).offset().left < 0) ? 
+			0 : 
+			e.pageX - $(sel).offset().left;
+	}
+
+	getTooltipTop = function(e,sel,patternId){
+		if (page == "home")	return e.pageY - $(sel).offset().top + 80;
+		return (e.pageY - $(sel).offset().top + $("#tool_" + patternId).height() > 400) ? 
+    			0 :
+    			e.pageY - $(sel).offset().top;
+	}
+
+	/****[Build the Thought List from the page JSON]****/
+	_.each(vizData,function(value,index){
+        if(value.pattern == null) return;
+		thoughtsList.push(
+			{
+				"thought": value.content,
+				"challenge": value.challenging_thought,
+				"asIfAction": value.act_as_if,
+				"patternId": value.pattern.id
+			}
+		);
+		if(!(value.pattern.id in thoughtPatterns)){
+			thoughtPatterns[value.pattern.id] = value.pattern;
+			patternFrequencies[value.pattern.id] = 1;
+		}
+		else patternFrequencies[value.pattern.id] += 1;
+	});
+
+	/********[Filter Results]************/
+
+	showOnlyAboveX(3);
+	if(page == "home") showOnlyTopX(3);
+          
+	//Using these ^ functions allows us to very easily dynamically
+	//change how the data is shown on the page
+
+    /***********[Set Colors]*************/
+    color = d3
+    		.scale
+    		.category20();
+
+    /********[Circle Radius Method]*********/
+    objCount = d3.values(patternFrequencies).length;
+
+    var radiusScale = null;
+    if(widescreen){
+        if(page == "home")
+        radiusScale = [Math.max(Math.min(height,width)/(objCount*3),10), Math.max(Math.min(height,width)/3,10)];
+        else
+        radiusScale = [Math.max((Math.min(height,width) - 80)/(objCount*3),10),
+                        Math.max((Math.min(height,width) - 80)/3,10)];
+    }
+    else{
+        if(page == "home")
+            radiusScale = [Math.max((Math.min(height,width) - 80)/(objCount*6),10),
+                        Math.max((Math.min(height,width) - 80)/6,10)];
+        else
+        radiusScale = [Math.max((Math.min(height,width) - 80)/(objCount*6),10),
+                        Math.max((Math.min(height,width) - 80)/(objCount*2),10)];
+    }
+
+    rRange = d3
+	.scale
+	.linear()
+	.domain(
+				[
+					d3.min(d3.values(patternFrequencies)),
+					d3.max(d3.values(patternFrequencies))
+				]
+			)
+	.range(radiusScale);
+
+    /******[Add Canvas To Container]******/
+    
+    //If there's already a viz here, replace it
+    if($("#ThoughtVizContainer svg").length > 0) $("#ThoughtVizContainer svg").remove();
+
+    //screenRatio = (window.innerWidth > window.innerHeight) ? "0 0 1140 204" : "0 0 200 800";
+    svg = d3
+    	.select("#ThoughtVizContainer")
+    	.insert("svg", ":first-child")
+        .attr("height", widescreen ? (page == "home" ? "200px" : "500px") : (page == "home" ? "500px" : "768px"))
+        .attr("width",width + "px")
+        .append("g")
+        .attr("id", "ThoughtVizSvg")
+        .attr("transform", "translate("+ ("-80") + ","+ ("10")+")");
+
+    svg.selectAll(".dot")
+        .data(d3.entries(patternFrequencies))
+        .attr("class", "dot")
+        .enter().append("circle")
+        .attr("r", 
+	        	function(d){
+	        		//Circle Radius
+	            	return rRange(d.value);
+	            }
+            )
+        .style("fill", 
+        		function(d, i){
+        			//Color
+            		return color(i); 
+        		}
+        	)
+        .attr("cx", 
+        		function(d, i){
+        			//Circle X-Coord
+            		return placeInGrid(true,i);
+            	}
+            )
+        .attr("cy", 
+        		function(d, i){
+        			//Circle Y-Coord
+            		return placeInGrid(false,i);
+        		}
+        	)
+        .attr("data-toggle","modal")
+        .attr("data-target",function(d,i){return "#tool_" + d.key;})
+        .attr("stroke", "grey")
+        .attr("class", "viz-clickable")
+        .attr("stroke-width", 2)
+        .attr("id",
+        		function(d){
+        			//Circle Tracking ID
+        			return "circ_" + d.key;
+        		}
+        );
+
+    /******[Format and Add Text]******/
+    text = svg
+    	.selectAll("text")
+        .data(d3.entries(patternFrequencies))
+        .enter()
+        .append("text")
+        .attr("x",
+        		function(d, i){
+        			//Text X-Coord
+            		return placeInGrid(true,i);
+            	}
+            )
+        .attr("y", 
+        		function(d, i){
+        			//Text Y-Coord
+            		return placeInGrid(false,i);
+            	}
+            )
+        .attr("dy", ".3em")
+        .attr("data-toggle","modal")
+        .attr("data-target",function(d,i){return "#tool_" + d.key;})
+        .style("text-anchor", "middle")
+        .attr("class","thoughtviz_text viz-clickable")
+        .attr("id",
+        		function(d){
+        			return "text_" + d.key;
+        		}
+        	)
+        .text(
+    		function(d, i) {
+	            if (d.value > 0)
+		            return (thoughtPatterns[d.key].title.length > 27)?
+		        			thoughtPatterns[d.key].title.substr(0,25) + "..." :
+		        			thoughtPatterns[d.key].title;
+	        }
+        );
+
+    if(objCount > 0)
+    svg.append("text").text("Click a bubble for more info").attr("x",
+                100
+            )
+        .attr("y", 
+                20
+            )
+        .attr("font-weight",
+            "bold");
+
+    /******[Build Tooltips]******/
+    if(page == "solo"){
+        _.each(thoughtPatterns,function(value,index){
+        	var newTip,newDialog,newContent,newHeader,newBody,newFooter,userThoughts,listLength,
+            closeButtonTop,closeButtonBottom,closeSpanX,closeSpanText,headerText;
+
+        	newTip = $("<div/>");
+        	
+            newDialog = $("<div/>");
+            newDialog.attr("class","modal-dialog");
+            
+            newContent = $("<div/>");
+            newContent.attr("class","modal-content");
+            
+            newHeader = $("<div/>");
+            newHeader.attr("class","modal-header");
+            
+            closeButtonTop = $("<button/>");
+            closeButtonTop.attr("class","close")
+                .attr("data-dismiss","modal");
+            
+            closeSpanX = $("<span/>");
+            closeSpanX.attr("aria-hidden","true").html("&times");
+            
+            closeSpanText = $("<span/>");
+            closeSpanText.attr("class","sr-only").text("Close");
+
+        	headerText = $("<h3/>");
+            headerText.attr("id",value.title + "_modal").attr("class","modal-title").text(value.title);
+
+            newBody = $("<div/>");
+            newBody.attr("class","modal-body");
+
+            newBody.append($("<h4/>",{text:"Some Thoughts You've Entered"}));
+            userThoughts = "<ul>";
+            _.each(thoughtsList,function(tValue,tIndex){
+             listLength = tIndex == 0 ? 0 : listLength;
+             if(listLength < 5 && tValue.patternId == index)
+                 userThoughts += "<li>" + tValue.thought + "</li>";
+            });
+            newBody.append(userThoughts);
+            newBody.append($("<h4/>",{text:"Remember..."}));
+            if(value.recommendations.indexOf("</")>=0){
+                newBody.append($(value.recommendations));
+            }else{
+                newBody.append($("<p>" + value.recommendations + "</p>"));
+            }
+
+            newFooter = $("<div/>");
+            newFooter.attr("class","modal-footer");
+
+            closeButtonBottom = $("<button/>");
+            closeButtonBottom.attr("class","btn btn-default")
+                .attr("data-dismiss","modal");
+
+            closeButtonBottom.text("Close");
+
+            newFooter.append(closeButtonBottom);
+            closeButtonTop.append(closeSpanText);
+            closeButtonTop.append(closeSpanX);
+
+            newHeader.append(closeButtonTop);
+            newHeader.append(headerText);
+            newContent.append(newHeader);
+            newContent.append(newBody);
+            newContent.append(newFooter);
+            newDialog.append(newContent);
+            newTip.append(newDialog);
+
+        	newTip.attr("id","tool_" + index)
+        	.attr("class","modal fade")
+            .attr("role","dialog")
+            .attr("aria-labelledby", value.title + "_modal")
+            .attr("aria-hidden","true");        	
+        	$("body").append(newTip);
+        });
+	}
+
+	/******[Event Handelers]******/
+
+    this.handleVizTooltipModal = function(e){
+    	var patternId, left, top, sel;
+
+        if(e.toElement.textContent == "Click a bubble for more info") return;
+
+    	patternId = $(this).attr("id").substr(5);
+    	if($("#tool_" + patternId).hasClass("active_tooltip") 
+    		|| $("#tool_" + patternId).hasClass("disabled_tooltip")) return;
+    	
+    	sel = ($(this).attr("id").indexOf("circ") >= 0) ? $(this):$("#circ_" + patternId);	
+    	left = (e.type == "touchstart")? 0 : getTooltipLeft(e,sel);
+    	top = (e.type == "touchstart")? 0 : getTooltipTop(e,sel,patternId);
+    	$("#tool_" + patternId).addClass("active_tooltip").css({top: top,left: left});
+    	if(e.type == "touchstart") self.tempDisableTooltip(patternId,"toggled");
+    };
+};