glenux-contrib/metamaps--metamaps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fixed a bunch of strange behaviours, and made synapse and topic creation work on all major browsers except haven't tested it out fully with opera yet, Devin will do that. added, but hid the framework for using analyze and organize functions on the left hand side.

Browse source
This commit is contained in:
Connor Turland 2013-01-03 18:21:46 -05:00
parent 3226808470
commit 7497688724
26 changed files with 407 additions and 308 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
app/assets/javascripts/Jit/analyze.js Normal file
View file

@ -0,0 +1,42 @@
////
////
////
//// Define all the dynamic interactions for the Analyze using Jquery
$(document).ready(function() {
// this sets up the initial opening of the organize box
$('#sideOptionAnalyze').bind('click',function(){
if (!analyzeOpen) openAnalyze();
});
// this sets up the closing of the organize box, and the toggling between open and closed.
$('#closeAnalyze').bind('click',function(){
if (analyzeOpen) closeAnalyze();
});
});
function openAnalyze() {
analyzeOpen = true;
if (findOpen) closeFind();
if (organizeOpen) closeOrganize();
$('#sideOptionFind').css('z-index','8');
$('#sideOptionAnalyze, #closeAnalyze').css('z-index','10');
$('#sideOptionOrganize').css('z-index','8');
$('#sideOptionAnalyze').animate({
width: '100px',
height: '76px'
}, 100);
$('#closeAnalyze').css('display','block');
$('#sideOptionAnalyze').css('cursor','default');
}
function closeAnalyze() {
analyzeOpen = false;
$('#closeAnalyze').css('display','none');
$('#sideOptionAnalyze').css('cursor','pointer');
$('#sideOptionAnalyze').animate({
width: '64px',
height: '32px'
}, 100);
}

222
app/assets/javascripts/Jit/filters.js → app/assets/javascripts/Jit/find.js
View file

@ -189,71 +189,13 @@ function clearFoundData() {
$(document).ready(function() { $(document).ready(function() {
// this sets up the initial opening of the find box // this sets up the initial opening of the find box
$('.sideOption').bind('click',function(){ $('#sideOptionFind').bind('click',function(){
$('.sideOption').animate({ if (!findOpen) openFind();
width: '305px',
height: '76px'
}, 300, function() {
$('#topic_by_name_input').focus();
});
$('#closeFind, #findWhere').css('display','block');
$('.sideOption').unbind('click');
$('.sideOption').css('cursor','default');
}); });
// this sets up the closing of the find box, and the toggling between open and closed. // this sets up the closing of the find box, and the toggling between open and closed.
$('#closeFind').click(function(){ $('#closeFind').bind('click',function(){
Mconsole.graph.eachNode( function (n) { if (findOpen) closeFind();
n.setData('inCommons', false);
n.setData('onCanvas', false);
//$('.name.topic_' + n.id).css('display','block');
});
Mconsole.plot();
$('#closeFind, #findWhere').css('display','none');
$('.sideOption').css('cursor','pointer');
$('.sideOption').animate({
width: '45px',
height: '32px'
}, 300, function() {
$('.sideOption').bind('click',function(){
firstVal = $('.sideOption option[value="name"]').attr('selected');
secondVal = $('.sideOption option[value="metacode"]').attr('selected');
thirdVal = $('.sideOption option[value="map (by name)"]').attr('selected');
fourthVal = $('.sideOption option[value="mapper (by name)"]').attr('selected');
if ( firstVal === 'selected' || thirdVal === 'selected' || fourthVal === 'selected' ) {
$('.sideOption').animate({
width: '305px',
height: '76px'
}, 300, function() {
$('#topic_by_name_input').focus();
});
} else if ( secondVal === 'selected') {
$('.sideOption').animate({
width: '380px',
height: '463px'
}, 300, function() {
// Animation complete.
});
} else if ( thirdVal === 'selected' ) {
$('.sideOption').animate({
width: '305px',
height: '76px'
}, 300, function() {
$('#map_by_name_input').focus();
});
} else if ( fourthVal === 'selected' ) {
$('.sideOption').animate({
width: '305px',
height: '76px'
}, 300, function() {
$('#mapper_by_name_input').focus();
});
}
$('#closeFind, #findWhere').css('display','block');
$('.sideOption').unbind('click');
$('.sideOption').css('cursor','default');
});
});
}); });
// this is where interactions within the find box begin // this is where interactions within the find box begin
@ -265,6 +207,7 @@ $(document).ready(function() {
// grab the checkboxes to see if the search is on the canvas, in the commons, or both // grab the checkboxes to see if the search is on the canvas, in the commons, or both
firstVal = $("#onCanvas").attr('checked'); firstVal = $("#onCanvas").attr('checked');
secondVal = $("#inCommons").attr('checked'); secondVal = $("#inCommons").attr('checked');
clearFoundData();
// only have the autocomplete enabled if they are searching in the commons // only have the autocomplete enabled if they are searching in the commons
if (firstVal == "checked" && secondVal == "checked"){ if (firstVal == "checked" && secondVal == "checked"){
@ -316,48 +259,48 @@ $(document).ready(function() {
delay: 2000 delay: 2000
}); });
$('.sideOption .select_content').change(function() { $('#sideOptionFind .select_content').change(function() {
firstVal = $(this).children("option[value='topics']").attr('selected'); firstVal = $(this).children("option[value='topics']").attr('selected');
secondVal = $(this).children("option[value='maps']").attr('selected'); secondVal = $(this).children("option[value='maps']").attr('selected');
thirdVal = $(this).children("option[value='mappers']").attr('selected'); thirdVal = $(this).children("option[value='mappers']").attr('selected');
if ( firstVal == 'selected') { if ( firstVal == 'selected') {
$('.sideOption .select_type').children("option[value='metacode']").removeAttr('disabled'); $('#sideOptionFind .select_type').children("option[value='metacode']").removeAttr('disabled');
$('.sideOption .select_type').children("option[value='map (by name)']").removeAttr('disabled'); $('#sideOptionFind .select_type').children("option[value='map (by name)']").removeAttr('disabled');
$('.sideOption .select_type').children("option[value='mapper (by name)']").removeAttr('disabled'); $('#sideOptionFind .select_type').children("option[value='mapper (by name)']").removeAttr('disabled');
$('.find').css('display','none'); $('.find').css('display','none');
$('.find_topic_by_name').css('display','block'); $('.find_topic_by_name').css('display','block');
$('#topic_by_name_input').focus(); $('#topic_by_name_input').focus();
} }
else if ( secondVal == 'selected' ) { else if ( secondVal == 'selected' ) {
if ( $(".sideOption .select_type").val() != "name") { if ( $("#sideOptionFind .select_type").val() != "name") {
$(".sideOption .select_type").val('name'); $("#sideOptionFind .select_type").val('name');
$('.sideOption').animate({ $('#sideOptionFind').animate({
width: '305px', width: '305px',
height: '76px' height: '76px'
}, 300, function() { }, 300, function() {
// Animation complete. // Animation complete.
}); });
} }
$('.sideOption .select_type').children("option[value='metacode']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='metacode']").attr('disabled','disabled');
$('.sideOption .select_type').children("option[value='map (by name)']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='map (by name)']").attr('disabled','disabled');
$('.sideOption .select_type').children("option[value='mapper (by name)']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='mapper (by name)']").attr('disabled','disabled');
$('.find').css('display','none'); $('.find').css('display','none');
$('.find_map_by_name').css('display','block'); $('.find_map_by_name').css('display','block');
$('#map_by_name_input').focus(); $('#map_by_name_input').focus();
} }
else if ( thirdVal == 'selected' ) { else if ( thirdVal == 'selected' ) {
$(".sideOption .select_type").val('name'); $("#sideOptionFind .select_type").val('name');
$('.sideOption .select_type').children("option[value='metacode']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='metacode']").attr('disabled','disabled');
$('.sideOption .select_type').children("option[value='map (by name)']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='map (by name)']").attr('disabled','disabled');
$('.sideOption .select_type').children("option[value='mapper (by name)']").attr('disabled','disabled'); $('#sideOptionFind .select_type').children("option[value='mapper (by name)']").attr('disabled','disabled');
$('.find').css('display','none'); $('.find').css('display','none');
$('.find_mapper_by_name').css('display','block'); $('.find_mapper_by_name').css('display','block');
$('#mapper_by_name_input').focus(); $('#mapper_by_name_input').focus();
} }
}); });
$('.sideOption .select_type').change(function() { $('#sideOptionFind .select_type').change(function() {
firstVal = $(this).children("option[value='name']").attr('selected'); firstVal = $(this).children("option[value='name']").attr('selected');
secondVal = $(this).children("option[value='metacode']").attr('selected'); secondVal = $(this).children("option[value='metacode']").attr('selected');
thirdVal = $(this).children("option[value='map (by name)']").attr('selected'); thirdVal = $(this).children("option[value='map (by name)']").attr('selected');
@ -369,7 +312,7 @@ $(document).ready(function() {
for (var catVis in categoryVisible) { for (var catVis in categoryVisible) {
categoryVisible[catVis] = true; categoryVisible[catVis] = true;
} }
$('.sideOption').animate({ $('#sideOptionFind').animate({
width: '305px', width: '305px',
height: '76px' height: '76px'
}, 300, function() { }, 300, function() {
@ -380,7 +323,7 @@ $(document).ready(function() {
} }
else if ( secondVal === 'selected' ) { else if ( secondVal === 'selected' ) {
$('.find').fadeOut('fast', function() { $('.find').fadeOut('fast', function() {
$('.sideOption').animate({ $('#sideOptionFind').animate({
width: '380px', width: '380px',
height: '463px' height: '463px'
}, 300, function() { }, 300, function() {
@ -390,7 +333,7 @@ $(document).ready(function() {
} }
else if ( thirdVal === 'selected' ) { else if ( thirdVal === 'selected' ) {
$('.find').fadeOut('fast', function() { $('.find').fadeOut('fast', function() {
$('.sideOption').animate({ $('#sideOptionFind').animate({
width: '305px', width: '305px',
height: '76px' height: '76px'
}, 300, function() { }, 300, function() {
@ -401,7 +344,7 @@ $(document).ready(function() {
} }
else if ( fourthVal === 'selected' ) { else if ( fourthVal === 'selected' ) {
$('.find').fadeOut('fast', function() { $('.find').fadeOut('fast', function() {
$('.sideOption').animate({ $('#sideOptionFind').animate({
width: '305px', width: '305px',
height: '76px' height: '76px'
}, 300, function() { }, 300, function() {
@ -425,9 +368,9 @@ $(document).ready(function() {
}); });
$('.find_map_by_name #map_by_name_input').bind('railsAutocomplete.select', function(event, data){ $('.find_map_by_name #map_by_name_input').bind('railsAutocomplete.select', function(event, data){
firstVal = $('.sideOption .select_content').children("option[value='topics']").attr('selected'); firstVal = $('#sideOptionFind .select_content').children("option[value='topics']").attr('selected');
secondVal = $('.sideOption .select_content').children("option[value='maps']").attr('selected'); secondVal = $('#sideOptionFind .select_content').children("option[value='maps']").attr('selected');
thirdVal = $('.sideOption .select_content').children("option[value='mappers']").attr('selected'); thirdVal = $('#sideOptionFind .select_content').children("option[value='mappers']").attr('selected');
if ( firstVal == 'selected') { if ( firstVal == 'selected') {
// grab the checkboxes to see if the search is on the canvas, in the commons, or both // grab the checkboxes to see if the search is on the canvas, in the commons, or both
firstNewVal = $("#onCanvas").attr('checked'); firstNewVal = $("#onCanvas").attr('checked');
@ -472,9 +415,9 @@ $(document).ready(function() {
}); });
$('.find_mapper_by_name #mapper_by_name_input').bind('railsAutocomplete.select', function(event, data){ $('.find_mapper_by_name #mapper_by_name_input').bind('railsAutocomplete.select', function(event, data){
firstVal = $('.sideOption .select_content').children("option[value='topics']").attr('selected'); firstVal = $('#sideOptionFind .select_content').children("option[value='topics']").attr('selected');
secondVal = $('.sideOption .select_content').children("option[value='maps']").attr('selected'); secondVal = $('#sideOptionFind .select_content').children("option[value='maps']").attr('selected');
thirdVal = $('.sideOption .select_content').children("option[value='mappers']").attr('selected'); thirdVal = $('#sideOptionFind .select_content').children("option[value='mappers']").attr('selected');
if ( firstVal == 'selected') { if ( firstVal == 'selected') {
// grab the checkboxes to see if the search is on the canvas, in the commons, or both // grab the checkboxes to see if the search is on the canvas, in the commons, or both
firstNewVal = $("#onCanvas").attr('checked'); firstNewVal = $("#onCanvas").attr('checked');
@ -526,28 +469,14 @@ $(document).ready(function() {
if ( switchAll === "showAll" || switchAll === "hideAll") { if ( switchAll === "showAll" || switchAll === "hideAll") {
if (switchAll == "showAll") { if (switchAll == "showAll") {
// this means that we are on a map view showAll();
if (obj != null) {
showAll();
}
// this means that we are on a card view
else {
$('.topic').fadeIn('slow');
}
$('.find_topic_by_metacode ul li').not('#hideAll, #showAll').removeClass('toggledOff'); $('.find_topic_by_metacode ul li').not('#hideAll, #showAll').removeClass('toggledOff');
for (var catVis in categoryVisible) { for (var catVis in categoryVisible) {
categoryVisible[catVis] = true; categoryVisible[catVis] = true;
} }
} }
else if (switchAll == "hideAll") { else if (switchAll == "hideAll") {
// this means that we are on a map view hideAll();
if (obj != null) {
hideAll();
}
// this means that we are on a card view
else {
$('.topic').fadeOut('slow');
}
$('.find_topic_by_metacode ul li').not('#hideAll, #showAll').addClass('toggledOff'); $('.find_topic_by_metacode ul li').not('#hideAll, #showAll').addClass('toggledOff');
for (var catVis in categoryVisible) { for (var catVis in categoryVisible) {
categoryVisible[catVis] = false; categoryVisible[catVis] = false;
@ -556,30 +485,8 @@ $(document).ready(function() {
} }
else { else {
var category = $(this).children('img').attr('alt'); var category = $(this).children('img').attr('alt');
switchVisible(category);
// this means that we are on a map view
if (obj != null) {
switchVisible(category);
}
// this means that we are on a card view
//else {
// if (categoryVisible[category] == true) {
// if (category.split(' ').length == 1) {
// $('#cards .' + category).fadeOut('slow');
// }
// else {
// $('#cards .' + category.split(' ')[0]).fadeOut('slow');
// }
// }
// else if (categoryVisible[category] == false) {
// if (category.split(' ').length == 1) {
// $('#cards .' + category).fadeIn('slow');
// }
// else {
// $('#cards .' + category.split(' ')[0]).fadeIn('slow');
// }
// }
// }
// toggle the image and the boolean array value // toggle the image and the boolean array value
if (categoryVisible[category] == true) { if (categoryVisible[category] == true) {
$(this).addClass('toggledOff'); $(this).addClass('toggledOff');
@ -591,4 +498,63 @@ $(document).ready(function() {
} }
} }
}); });
}); });
function openFind() {
findOpen = true;
if (analyzeOpen) closeAnalyze();
if (organizeOpen) closeOrganize();
$('#sideOptionFind, #closeFind').css('z-index','10');
$('#sideOptionAnalyze').css('z-index','9');
$('#sideOptionOrganize').css('z-index','8');
firstVal = $('#sideOptionFind option[value="name"]').attr('selected');
secondVal = $('#sideOptionFind option[value="metacode"]').attr('selected');
thirdVal = $('#sideOptionFind option[value="map (by name)"]').attr('selected');
fourthVal = $('#sideOptionFind option[value="mapper (by name)"]').attr('selected');
if ( firstVal === 'selected' || thirdVal === 'selected' || fourthVal === 'selected' ) {
$('#sideOptionFind').animate({
width: '305px',
height: '76px'
}, 100, function() {
$('#topic_by_name_input').focus();
});
} else if ( secondVal === 'selected') {
$('#sideOptionFind').animate({
width: '380px',
height: '463px'
}, 100, function() {
// Animation complete.
});
} else if ( thirdVal === 'selected' ) {
$('#sideOptionFind').animate({
width: '305px',
height: '76px'
}, 100, function() {
$('#map_by_name_input').focus();
});
} else if ( fourthVal === 'selected' ) {
$('#sideOptionFind').animate({
width: '305px',
height: '76px'
}, 100, function() {
$('#mapper_by_name_input').focus();
});
}
$('#closeFind, #findWhere').css('display','block');
$('#sideOptionFind').css('cursor','default');
}
function closeFind() {
findOpen = false;
Mconsole.graph.eachNode( function (n) {
n.setData('inCommons', false);
n.setData('onCanvas', false);
});
Mconsole.plot();
$('#closeFind, #findWhere').css('display','none');
$('#sideOptionFind').css('cursor','pointer');
$('#sideOptionFind').animate({
width: '45px',
height: '32px'
}, 100);
}

32
app/assets/javascripts/Jit/graphsettings.js
View file

@ -57,7 +57,7 @@ function graphSettings(type) {
}, },
//Update node positions when dragged //Update node positions when dragged
onDragMove: function (node, eventInfo, e) { onDragMove: function (node, eventInfo, e) {
clickDragOnTopic(node, eventInfo, e); clickDragOnTopic(node, eventInfo, e);
}, },
onDragEnd: function() { onDragEnd: function() {
if (tempInit && tempNode2 == null) { if (tempInit && tempNode2 == null) {
@ -69,7 +69,7 @@ function graphSettings(type) {
else if (tempInit && tempNode2 != null) { else if (tempInit && tempNode2 != null) {
$('#topic_addSynapse').val("false"); $('#topic_addSynapse').val("false");
$('#synapse_topic1id').val(tempNode.id); $('#synapse_topic1id').val(tempNode.id);
$('#synapse_topic2id').val(tempNode2.id); $('#synapse_topic2id').val(tempNode2.id);
$('#new_synapse').fadeIn('fast'); $('#new_synapse').fadeIn('fast');
$('#synapse_desc').focus(); $('#synapse_desc').focus();
tempNode = null; tempNode = null;
@ -451,10 +451,10 @@ function canvasDoubleClickHandler(canvasLoc,e) {
if (now - storedTime < TOLERANCE) { if (now - storedTime < TOLERANCE) {
//pop up node creation :) //pop up node creation :)
$('#topic_grabTopic').val("null"); $('#topic_grabTopic').val("null");
$('#topic_addSynapse').val("false"); $('#topic_addSynapse').val("false");
document.getElementById('new_topic').style.left = e.x + "px"; $('#new_topic').css('left',e.clientX + "px");
document.getElementById('new_topic').style.top = e.y + "px"; $('#new_topic').css('top',e.clientY + "px");
$('#topic_x').val(canvasLoc.x); $('#topic_x').val(canvasLoc.x);
$('#topic_y').val(canvasLoc.y); $('#topic_y').val(canvasLoc.y);
$('#new_topic').fadeIn('fast'); $('#new_topic').fadeIn('fast');
@ -478,12 +478,12 @@ function clickDragOnTopic(node, eventInfo, e) {
$('#new_topic').fadeOut('fast'); $('#new_topic').fadeOut('fast');
var pos = eventInfo.getPos(); var pos = eventInfo.getPos();
// if it's a left click, move the node // if it's a left click, move the node
if (e.button == 0 && !e.altKey ) { if (e.button == 0 && !e.altKey && (e.buttons == 0 || e.buttons == 1 || e.buttons == undefined)) {
node.pos.setc(pos.x, pos.y); node.pos.setc(pos.x, pos.y);
Mconsole.plot(); Mconsole.plot();
} }
// if it's a right click, start synapse creation // if it's a right click or holding down alt, start synapse creation ->third option is for firefox
else if (e.button == 2 || (e.button == 0 && e.altKey)) { else if (e.button == 2 || (e.button == 0 && e.altKey) || e.buttons == 2) {
if (tempInit == false) { if (tempInit == false) {
tempNode = node; tempNode = node;
tempInit = true; tempInit = true;
@ -508,12 +508,12 @@ function clickDragOnTopic(node, eventInfo, e) {
}); });
//pop up node creation :) //pop up node creation :)
$('#topic_grabTopic').val("null"); $('#topic_grabTopic').val("null");
var myX = e.x - 110; var myX = e.clientX - 110;
var myY = e.y - 30; var myY = e.clientY - 30;
document.getElementById('new_topic').style.left = myX + "px"; $('#new_topic').css('left',myX + "px");
document.getElementById('new_topic').style.top = myY + "px"; $('#new_topic').css('top',myY + "px");
document.getElementById('new_synapse').style.left = myX + "px"; $('#new_synapse').css('left',myX + "px");
document.getElementById('new_synapse').style.top = myY + "px"; $('#new_synapse').css('top',myY + "px");
$('#topic_x').val(eventInfo.getPos().x); $('#topic_x').val(eventInfo.getPos().x);
$('#topic_y').val(eventInfo.getPos().y); $('#topic_y').val(eventInfo.getPos().y);
Mconsole.plot(); Mconsole.plot();
@ -644,6 +644,8 @@ function onCreateLabelHandler(domElement, node) {
Mconsole.plot(); Mconsole.plot();
}); });
}); });
//$(showCard).find('.scroll').mCustomScrollbar();
// Create a 'name' button and add it to the main node label // Create a 'name' button and add it to the main node label
var nameContainer = document.createElement('span'), var nameContainer = document.createElement('span'),

51
app/assets/javascripts/Jit/organize.js Normal file
View file

@ -0,0 +1,51 @@
function organize() {
Mconsole.compute();
Mconsole.fx.animate({
modes: ['linear'],
hideLabels: true
});
}
////
////
////
//// Define all the dynamic interactions for the Organize using Jquery
$(document).ready(function() {
// this sets up the initial opening of the organize box
$('#sideOptionOrganize').bind('click',function(){
if (!organizeOpen) openOrganize();
});
// this sets up the closing of the organize box, and the toggling between open and closed.
$('#closeOrganize').bind('click',function(){
if (organizeOpen) closeOrganize();
});
});
function openOrganize() {
organizeOpen = true;
if (findOpen) closeFind();
if (analyzeOpen) closeAnalyze();
$('#sideOptionFind').css('z-index','8');
$('#sideOptionAnalyze').css('z-index','9');
$('#sideOptionOrganize, #closeOrganize').css('z-index','10');
$('#sideOptionOrganize').animate({
width: '100px',
height: '76px'
}, 100);
$('#closeOrganize').css('display','block');
$('#sideOptionOrganize').css('cursor','default');
}
function closeOrganize() {
organizeOpen = false;
$('#closeOrganize').css('display','none');
$('#sideOptionOrganize').css('cursor','pointer');
$('#sideOptionOrganize').animate({
width: '75px',
height: '32px'
}, 100);
}

14
app/assets/javascripts/application.js
View file

@ -21,7 +21,7 @@
// other options are 'graph' // other options are 'graph'
var viewMode = "list"; var viewMode = "list";
var labelType, useGradients, nativeTextSupport, animate, json, Mconsole = null, gType, tempNode = null, tempInit = false, tempNode2 = null, metacodeIMGinit = false; var labelType, useGradients, nativeTextSupport, animate, json, Mconsole = null, gType, tempNode = null, tempInit = false, tempNode2 = null, metacodeIMGinit = false, findOpen = false, analyzeOpen = false, organizeOpen = false;
$(document).ready(function() { $(document).ready(function() {
@ -54,6 +54,7 @@ var labelType, useGradients, nativeTextSupport, animate, json, Mconsole = null,
if (! sliding1) { if (! sliding1) {
sliding1 = true; sliding1 = true;
if (userid != null) { if (userid != null) {
$('.footer .menu').css('border','1px solid #000');
$('.footer .menu').animate({ $('.footer .menu').animate({
height: '252px' height: '252px'
}, 300, function() { }, 300, function() {
@ -77,6 +78,7 @@ var labelType, useGradients, nativeTextSupport, animate, json, Mconsole = null,
height: '0px' height: '0px'
}, 300, function() { }, 300, function() {
sliding1 = false; sliding1 = false;
$('.footer .menu').css('border','none');
}); });
} }
},800); },800);
@ -114,18 +116,14 @@ function saveToMap() {
function addMetacode() { function addMetacode() {
// code from http://www.professorcloud.com/mainsite/carousel-integration.htm // code from http://www.professorcloud.com/mainsite/carousel-integration.htm
//mouseWheel:true,
if (!metacodeIMGinit) { if (!metacodeIMGinit) {
$("#metacodeImg").CloudCarousel( { $("#metacodeImg").CloudCarousel( {
//reflHeight: 10,
//reflGap: 2,
titleBox: $('#metacodeImgTitle'), titleBox: $('#metacodeImgTitle'),
//buttonLeft: $('#left-but'),
//buttonRight: $('#right-but'),
yRadius:40, yRadius:40,
xPos: 150, xPos: 150,
yPos: 40, yPos: 40,
speed:0.15, speed:0.15,
mouseWheel:true,
bringToFront: true bringToFront: true
}); });
metacodeIMGinit = true; metacodeIMGinit = true;

6
app/assets/javascripts/carousel/cloud-carousel.1.0.5.js
View file

@ -146,9 +146,10 @@
clearTimeout(event.data.showFrontTextTimer); clearTimeout(event.data.showFrontTextTimer);
$(options.altBox).html( ($(event.target).attr('alt') )); $(options.altBox).html( ($(event.target).attr('alt') ));
$(options.titleBox).html( ($(event.target).attr('title') )); //$(options.titleBox).html( ($(event.target).attr('title') ));
if ( options.bringToFront && event.type == 'click' ) if ( options.bringToFront && event.type == 'click' )
{ {
$(options.titleBox).html( ($(event.target).attr('title') ));
// METAMAPS CODE // METAMAPS CODE
$('#topic_metacode').val($(event.target).attr('title')); $('#topic_metacode').val($(event.target).attr('title'));
// NOT METAMAPS CODE // NOT METAMAPS CODE
@ -187,6 +188,9 @@
this.showFrontText = function() this.showFrontText = function()
{ {
if ( items[this.frontIndex] === undefined ) { return; } // Images might not have loaded yet. if ( items[this.frontIndex] === undefined ) { return; } // Images might not have loaded yet.
// METAMAPS CODE
$('#topic_metacode').val($(items[this.frontIndex].image).attr('title'));
// NOT METAMAPS CODE
$(options.titleBox).html( $(items[this.frontIndex].image).attr('title')); $(options.titleBox).html( $(items[this.frontIndex].image).attr('title'));
$(options.altBox).html( $(items[this.frontIndex].image).attr('alt')); $(options.altBox).html( $(items[this.frontIndex].image).attr('alt'));
}; };

58
app/assets/stylesheets/application.css
View file

@ -166,16 +166,6 @@ a {
margin-left:90px; margin-left:90px;
} }
#left-but {
position:absolute;
left:50px;
}
#right-but {
position:absolute;
right:50px;
}
label, select, input, textarea { label, select, input, textarea {
display:block; display:block;
} }
@ -363,13 +353,11 @@ input[type="submit"] {
margin-left:50px; margin-left:50px;
} }
/* --- styling the FIND section ---*/ /* --- styling the sideOptions section ---*/
.sideOption { .sideOption {
position:fixed; position:fixed;
top:25%;
left:0px; left:0px;
display:block; display:block;
width:45px;
height:32px; height:32px;
background: url('bg.png') repeat 0 0; background: url('bg.png') repeat 0 0;
padding:0 0 0 15px; padding:0 0 0 15px;
@ -381,13 +369,43 @@ input[type="submit"] {
cursor:pointer; cursor:pointer;
} }
#closeFind { #sideOptionFind {
position:fixed;
top:25%; top:25%;
width:45px;
}
#sideOptionAnalyze {
top:35%;
width:64px;
display:none;
}
#sideOptionOrganize {
top:45%;
width:75px;
display:none;
}
.closeSideOption {
position:fixed;
left:4px; left:4px;
display:none; display:none;
margin-top:-20px; margin-top: -22px;
cursor:pointer; cursor: pointer;
background: #000;
padding: 0 4px;
border-radius: 8px;
}
#closeFind {
top:25%;
}
#closeAnalyze {
top:35%;
}
#closeOrganize {
top:45%;
} }
#findWhere { #findWhere {
@ -504,6 +522,9 @@ input[type="submit"] {
#mainTitle { #mainTitle {
float: left; float: left;
background: #000;
padding: 0 5px;
border-radius: 10px;
} }
#mainTitle a { #mainTitle a {
@ -516,12 +537,13 @@ input[type="submit"] {
#beta { #beta {
float:left; float:left;
margin-left: 7px; margin-left: 2px;
} }
.footer .menu { .footer .menu {
display:block; display:block;
position:absolute; position:absolute;
border:none;
bottom:40px; bottom:40px;
left:0; left:0;
height:0px; height:0px;

2
app/assets/stylesheets/jquery-ui.css vendored
View file

@ -243,7 +243,7 @@ body .ui-tooltip { border-width: 2px; }
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; } .ui-widget-header a { color: #222222/*{fcHeader}*/; }

2
app/controllers/main_controller.rb
View file

@ -32,6 +32,8 @@ class MainController < ApplicationController
end end
end end
@topics.sort! { |a,b| a.name.downcase <=> b.name.downcase }
respond_to do |format| respond_to do |format|
format.js { respond_with(@topics,@synapses) } format.js { respond_with(@topics,@synapses) }
end end

4
app/views/main/_analyze.html.erb Normal file
View file

@ -0,0 +1,4 @@
<span id="closeAnalyze" class="closeSideOption">close</span>
<div class="sideOption" id="sideOptionAnalyze">
<span class="find_key">Analyze...</span>
</div>

76
app/views/main/_find.html.erb Normal file
View file

@ -0,0 +1,76 @@
<span id="closeFind" class="closeSideOption">close</span>
<form id="findWhere">
<span class="findWhereField onCanvas"><input type="checkbox" id="onCanvas"><p>On my Canvas</p></span>
<span class="findWhereField inCommons"><input type="checkbox" id="inCommons" checked="checked"><p>In the Commons</p></span>
</form>
<div class="sideOption" id="sideOptionFind">
<span class="find_key">Find...</span>
<select class="select_content">
<option value="topics" selected="selected">Topics</option>
<!-- <option value="synapses">Synapses</option> -->
<option value="maps">Maps</option>
<option value="mappers">Mappers</option>
</select>
<span class="spacer">by</span>
<select class="select_type">
<option value="name" selected="selected">name</option>
<option value="metacode">metacode</option>
<option value="map (by name)">map (by name)</option>
<option value="mapper (by name)">mapper (by name)</option>
</select>
<div class="clearfloat"></div>
<%= form_for Topic.new, :html => { :class => "find_topic_by_name find find_topic", :id => "find_topic_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_topic_name_topics_path, :id => "topic_by_name_input", :placeholder => "Search for topics..." %>
<% end %>
<%= form_for Map.new, :html => { :class => "find_map_by_name find", :id => "find_map_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_map_name_maps_path, :id => "map_by_name_input", :placeholder => "Search for maps..." %>
<% end %>
<%= form_for User.new, :html => { :class => "find_mapper_by_name find", :id => "find_mapper_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_user_name_users_path, :id => "mapper_by_name_input", :placeholder => "Search for mappers..." %>
<% end %>
<div class="find_topic_by_metacode find find_topic" id="find_topic_by_metacode">
<ul id="filters-one">
<li id="showAll">Show All</li>
<li><img src="/assets/action.png" alt="Action" /><p>action</p></li>
<li><img src="/assets/activity.png" alt="Activity" /><p>activity</p></li>
<li><img src="/assets/bizarre.png" alt="Bizarre" /><p>bizarre</p></li>
<li><img src="/assets/catalyst.png" alt="Catalyst" /><p>catalyst</p></li>
<li><img src="/assets/closed.png" alt="Closed" /><p>closed</p></li>
<li><img src="/assets/experience.png" alt="Experience" /><p>experience</p></li>
<li><img src="/assets/futuredev.png" alt="Future Dev" /><p>future dev</p></li>
<li><img src="/assets/group.png" alt="Group" /><p>group</p></li>
<li><img src="/assets/idea.png" alt="Idea" /><p>idea</p></li>
</ul>
<ul id="filters-two">
<li id="hideAll">Hide All</li>
<li><img src="/assets/implication.png" alt="Implication" /><p>implication</p></li>
<li><img src="/assets/insight.png" alt="Insight" /><p>insight</p></li>
<li><img src="/assets/intention.png" alt="Intention" /><p>intention</p></li>
<li><img src="/assets/knowledge.png" alt="Knowledge" /><p>knowledge</p></li>
<li><img src="/assets/location.png" alt="Location" /><p>location</p></li>
<li><img src="/assets/openissue.png" alt="Open Issue" /><p>open issue</p></li>
<li><img src="/assets/opinion.png" alt="Opinion" /><p>opinion</p></li>
<li><img src="/assets/opportunity.png" alt="Opportunity" /><p>opportunity</p></li>
<li><img src="/assets/person.png" alt="Person" /><p>person</p></li>
</ul>
<ul id="filters-three">
<li><img src="/assets/platform.png" alt="Platform" /><p>platform</p></li>
<li><img src="/assets/problem.png" alt="Problem" /><p>problem</p></li>
<li><img src="/assets/question.png" alt="Question" /><p>question</p></li>
<li><img src="/assets/reference.png" alt="Reference" /><p>reference</p></li>
<li><img src="/assets/requirement.png" alt="Requirement" /><p>requirement</p></li>
<li><img src="/assets/resource.png" alt="Resource" /><p>resource</p></li>
<li><img src="/assets/role.png" alt="Role" /><p>role</p></li>
<li><img src="/assets/task.png" alt="Task" /><p>task</p></li>
<li><img src="/assets/tool.png" alt="Tool" /><p>tool</p></li>
<li><img src="/assets/trajectory.png" alt="Trajectory" /><p>trajectory</p></li>
</ul>
</div>
<%= form_tag("/search", :method => "get", :id => 'get_topics_form', :class => 'get_topics_form', :remote => true) do %>
<%= text_field_tag(:topics_by_name, "", :id => "topicsByName", :class => "getTopicsInput") %>
<%= text_field_tag(:topics_by_user_id, "", :id => "topicsByUser", :class => "getTopicsInput") %>
<%= text_field_tag(:topics_by_map_id, "", :id => "topicsByMap", :class => "getTopicsInput") %>
<%= text_field_tag(:synapses_by_user_id, "", :id => "synapsesByUser", :class => "getTopicsInput") %>
<%= text_field_tag(:synapses_by_map_id, "", :id => "synapsesByMap", :class => "getTopicsInput") %>
<% end %>
</div>

5
app/views/main/_organize.html.erb Normal file
View file

@ -0,0 +1,5 @@
<span id="closeOrganize" class="closeSideOption">close</span>
<div class="sideOption" id="sideOptionOrganize">
<!-- <span class="find_key" onclick="setTimeout(function(){organize();},0)">Organize...</span> -->
<span class="find_key">Organize...</span>
</div>

79
app/views/main/console.html.erb
View file

@ -22,79 +22,6 @@
//} //}
</script> </script>
<span id="closeFind">close</span> <%= render :partial => 'find' %>
<form id="findWhere"> <%= render :partial => 'analyze' %>
<span class="findWhereField onCanvas"><input type="checkbox" id="onCanvas"><p>On my Canvas</p></span> <%= render :partial => 'organize' %>
<span class="findWhereField inCommons"><input type="checkbox" id="inCommons" checked="checked"><p>In the Commons</p></span>
</form>
<div class="sideOption" id="sideOptionFind">
<span class="find_key">Find...</span>
<select class="select_content">
<option value="topics" selected="selected">Topics</option>
<!-- <option value="synapses">Synapses</option> -->
<option value="maps">Maps</option>
<option value="mappers">Mappers</option>
</select>
<span class="spacer">by</span>
<select class="select_type">
<option value="name" selected="selected">name</option>
<option value="metacode">metacode</option>
<option value="map (by name)">map (by name)</option>
<option value="mapper (by name)">mapper (by name)</option>
</select>
<div class="clearfloat"></div>
<%= form_for Topic.new, :html => { :class => "find_topic_by_name find find_topic", :id => "find_topic_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_topic_name_topics_path, :id => "topic_by_name_input", :placeholder => "Search for topics..." %>
<% end %>
<%= form_for Map.new, :html => { :class => "find_map_by_name find", :id => "find_map_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_map_name_maps_path, :id => "map_by_name_input", :placeholder => "Search for maps..." %>
<% end %>
<%= form_for User.new, :html => { :class => "find_mapper_by_name find", :id => "find_mapper_by_name" } do |f| %>
<%= f.autocomplete_field :name, autocomplete_user_name_users_path, :id => "mapper_by_name_input", :placeholder => "Search for mappers..." %>
<% end %>
<div class="find_topic_by_metacode find find_topic" id="find_topic_by_metacode">
<ul id="filters-one">
<li id="showAll">Show All</li>
<li><img src="/assets/action.png" alt="Action" /><p>action</p></li>
<li><img src="/assets/activity.png" alt="Activity" /><p>activity</p></li>
<li><img src="/assets/bizarre.png" alt="Bizarre" /><p>bizarre</p></li>
<li><img src="/assets/catalyst.png" alt="Catalyst" /><p>catalyst</p></li>
<li><img src="/assets/closed.png" alt="Closed" /><p>closed</p></li>
<li><img src="/assets/experience.png" alt="Experience" /><p>experience</p></li>
<li><img src="/assets/futuredev.png" alt="Future Dev" /><p>future dev</p></li>
<li><img src="/assets/group.png" alt="Group" /><p>group</p></li>
<li><img src="/assets/idea.png" alt="Idea" /><p>idea</p></li>
</ul>
<ul id="filters-two">
<li id="hideAll">Hide All</li>
<li><img src="/assets/implication.png" alt="Implication" /><p>implication</p></li>
<li><img src="/assets/insight.png" alt="Insight" /><p>insight</p></li>
<li><img src="/assets/intention.png" alt="Intention" /><p>intention</p></li>
<li><img src="/assets/knowledge.png" alt="Knowledge" /><p>knowledge</p></li>
<li><img src="/assets/location.png" alt="Location" /><p>location</p></li>
<li><img src="/assets/openissue.png" alt="Open Issue" /><p>open issue</p></li>
<li><img src="/assets/opinion.png" alt="Opinion" /><p>opinion</p></li>
<li><img src="/assets/opportunity.png" alt="Opportunity" /><p>opportunity</p></li>
<li><img src="/assets/person.png" alt="Person" /><p>person</p></li>
</ul>
<ul id="filters-three">
<li><img src="/assets/platform.png" alt="Platform" /><p>platform</p></li>
<li><img src="/assets/problem.png" alt="Problem" /><p>problem</p></li>
<li><img src="/assets/question.png" alt="Question" /><p>question</p></li>
<li><img src="/assets/reference.png" alt="Reference" /><p>reference</p></li>
<li><img src="/assets/requirement.png" alt="Requirement" /><p>requirement</p></li>
<li><img src="/assets/resource.png" alt="Resource" /><p>resource</p></li>
<li><img src="/assets/role.png" alt="Role" /><p>role</p></li>
<li><img src="/assets/task.png" alt="Task" /><p>task</p></li>
<li><img src="/assets/tool.png" alt="Tool" /><p>tool</p></li>
<li><img src="/assets/trajectory.png" alt="Trajectory" /><p>trajectory</p></li>
</ul>
</div>
<%= form_tag("/search", :method => "get", :id => 'get_topics_form', :class => 'get_topics_form', :remote => true) do %>
<%= text_field_tag(:topics_by_name, "", :id => "topicsByName", :class => "getTopicsInput") %>
<%= text_field_tag(:topics_by_user_id, "", :id => "topicsByUser", :class => "getTopicsInput") %>
<%= text_field_tag(:topics_by_map_id, "", :id => "topicsByMap", :class => "getTopicsInput") %>
<%= text_field_tag(:synapses_by_user_id, "", :id => "synapsesByUser", :class => "getTopicsInput") %>
<%= text_field_tag(:synapses_by_map_id, "", :id => "synapsesByMap", :class => "getTopicsInput") %>
<% end %>
</div>

33
public/assets/application-3e80071896c78216a0cc83e1e6eaa16e.js Normal file
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application-3e80071896c78216a0cc83e1e6eaa16e.js.gz Normal file
View file

Binary file not shown.

33
public/assets/application-727943ef0ab1fc3354175dc813ca2a24.js
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application-727943ef0ab1fc3354175dc813ca2a24.js.gz
View file

Binary file not shown.

4
public/assets/application-806f5b2e0a29558d6594da7a9da5a288.css
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application-806f5b2e0a29558d6594da7a9da5a288.css.gz
View file

Binary file not shown.

4
public/assets/application-a0860fc2dda825869cb971e7d6e60acf.css Normal file
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application-a0860fc2dda825869cb971e7d6e60acf.css.gz Normal file
View file

Binary file not shown.

4
public/assets/application.css
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application.css.gz
View file

Binary file not shown.

40
public/assets/application.js
View file

File diff suppressed because one or more lines are too long

BIN
public/assets/application.js.gz
View file

Binary file not shown.

4
public/assets/manifest.yml
View file

@ -50,6 +50,6 @@ topbg2.png: topbg2-f9640f6cb183bb610d0954c7759ecc23.png
trajectory.png: trajectory-a7c520e746d4c1ffe401805b3d0cb6cd.png trajectory.png: trajectory-a7c520e746d4c1ffe401805b3d0cb6cd.png
ui-bg_flat_75_ffffff_40x100.png: ui-bg_flat_75_ffffff_40x100-841636c8f8d33987bb8d2f31e8ef92ca.png ui-bg_flat_75_ffffff_40x100.png: ui-bg_flat_75_ffffff_40x100-841636c8f8d33987bb8d2f31e8ef92ca.png
wildcard.png: wildcard-22dead854b0b5f4ec0aba7a05425839e.png wildcard.png: wildcard-22dead854b0b5f4ec0aba7a05425839e.png
application.js: application-727943ef0ab1fc3354175dc813ca2a24.js application.js: application-3e80071896c78216a0cc83e1e6eaa16e.js
scroll/mCSB_buttons.png: scroll/mCSB_buttons-6eb1e766df3b6b28f5cb2a218697658f.png scroll/mCSB_buttons.png: scroll/mCSB_buttons-6eb1e766df3b6b28f5cb2a218697658f.png
application.css: application-806f5b2e0a29558d6594da7a9da5a288.css application.css: application-a0860fc2dda825869cb971e7d6e60acf.css