129 lines
No EOL
3.8 KiB
Text
129 lines
No EOL
3.8 KiB
Text
<%#
|
|
# @file
|
|
# This shows a topic view. It is used.
|
|
# The first commented out section used to be a card at the top showing all
|
|
# info. Now we're moving towards most screens looking the same. The
|
|
# consequence of accessing data from this view is that you can't remove
|
|
# the topic that corresponds to the page you're on. Originally, accessing this
|
|
# page showed the topic with its neighbours arrayed around. Now it shows the
|
|
# same, but there's no cues to say which topic's page you're on. So when the
|
|
# map recenters on a new topic, it's like you're on that topic's page.
|
|
# Nice, but the URL and being unable to remove the root node still hamper that
|
|
# experience.
|
|
# URL: /topics/<topicid>
|
|
#
|
|
#%>
|
|
|
|
<% content_for :title, @topic.name + " | Metamaps" %>
|
|
|
|
<% if authenticated? %>
|
|
<div class="sidebarFork">
|
|
<div class="sidebarForkIcon"></div>
|
|
<div class="sidebarForkBox"></div>
|
|
</div>
|
|
<% end %>
|
|
<div class="sidebarFilter <%= authenticated? ? 'loggedin' : 'loggedout' %>">
|
|
<div class="sidebarFilterIcon"></div>
|
|
<div class="sidebarFilterBox">
|
|
<h3 class="filterByMetacode">Filter By Metacode</h3><span class="showAll">all</span><span class="hideAll">none</span>
|
|
<div class="clearfloat"></div>
|
|
<%= render :partial => 'main/filterbymetacode' %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="index">
|
|
<div class="openCheatsheet openLightbox" data-open="cheatsheet"></div>
|
|
<span><img width="35" height="35" src="/assets/<%= @topic.metacode.icon %>"></span>
|
|
<span class="mapName"><%= @topic.name %></span>
|
|
<div class="clearfloat"></div>
|
|
</div>
|
|
|
|
<div class="relatives" id="container">
|
|
<div id="center-container">
|
|
<div id="infovis"></div>
|
|
</div>
|
|
<div class="showcard" id="showcard"></div>
|
|
</div>
|
|
<div class="clearfloat"></div>
|
|
|
|
<% if authenticated? %>
|
|
<%= render :partial => 'topics/new' %>
|
|
<%= render :partial => 'synapses/new' %>
|
|
<%= render :partial => 'main/metacodeoptions' %>
|
|
<% end %>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
|
|
function bindFilterHover() {
|
|
|
|
var filterIsOpen = false
|
|
|
|
// controls the sliding hover of the bottom left menu
|
|
var sliding1 = false;
|
|
var lT;
|
|
|
|
var closeFilter = function() {
|
|
lT = setTimeout(function() {
|
|
if (! sliding1) {
|
|
sliding1 = true;
|
|
$('.sidebarFilterIcon').css('background-color','#0F1519');
|
|
$('.sidebarFilterBox').fadeOut(200, function() {
|
|
sliding1 = false;
|
|
filterIsOpen = false;
|
|
});
|
|
}
|
|
},300);
|
|
}
|
|
|
|
var openFilter = function() {
|
|
clearTimeout(lT);
|
|
if (! sliding1) {
|
|
sliding1 = true;
|
|
|
|
// hide the other two
|
|
$('.sidebarAccountBox').hide();
|
|
$('.sidebarWandBox').hide();
|
|
$('.sidebarAccountIcon').css('background-color','#0F1519');
|
|
$('.sidebarWandIcon').css('background-color','#0F1519');
|
|
|
|
$('.sidebarFilterIcon').css('background-color','#000');
|
|
$('.sidebarFilterBox').fadeIn(200, function() {
|
|
sliding1 = false;
|
|
filterIsOpen = true;
|
|
});
|
|
}
|
|
}
|
|
// bind the hover events
|
|
$(".sidebarFilter").hover(openFilter, closeFilter);
|
|
|
|
} // end bindFilterHover
|
|
bindFilterHover();
|
|
|
|
$('.sidebarFork').click(function() {
|
|
saveToMap();
|
|
});
|
|
|
|
// initialize best_in_place editing
|
|
$('.authenticated div.permission.canEdit .best_in_place').best_in_place();
|
|
|
|
$('.showcard').draggable({ handle: ".icon" });
|
|
$('#showcard').resizable({
|
|
maxHeight: 500,
|
|
maxWidth: 500,
|
|
minHeight: 320,
|
|
minWidth: 226
|
|
}).css({
|
|
display: 'none',
|
|
top: '300px',
|
|
left: '100px'
|
|
});
|
|
|
|
});
|
|
|
|
|
|
json = <%= @relatives %>;
|
|
$(window).load(function() {
|
|
initialize("centered");
|
|
});
|
|
</script> |