110 lines
3.1 KiB
Plaintext
110 lines
3.1 KiB
Plaintext
<%#
|
|
# @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="sidebarWand topicView">
|
|
<div class="sidebarWandIcon"></div>
|
|
<div class="sidebarWandBox">
|
|
<ul>
|
|
<li class="wandIcon wandForkMap">Save As Map</li>
|
|
<li class="wandIcon wandFilter">Filter By Metacode</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div class="index">
|
|
<div class="openCheatsheet"></div>
|
|
<span><img width="35" height="35" src="/assets/<%= @topic.metacode.icon %>"></span>
|
|
<span class="mapName"><%= @topic.name %></span>
|
|
<span class="mapInfo"></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>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
function bindWandHover() {
|
|
|
|
var wandIsOpen = false
|
|
|
|
// controls the sliding hover of the bottom left menu
|
|
var sliding1 = false;
|
|
var lT;
|
|
|
|
var closeWand = function() {
|
|
lT = setTimeout(function() {
|
|
if (! sliding1) {
|
|
sliding1 = true;
|
|
$('.sidebarWandIcon').css('background-color','rgba(0,0,0,0.7)');
|
|
$('.sidebarWandBox').fadeOut(200, function() {
|
|
sliding1 = false;
|
|
wandIsOpen = false;
|
|
});
|
|
}
|
|
},300);
|
|
}
|
|
|
|
var openWand = function() {
|
|
clearTimeout(lT);
|
|
if (! sliding1) {
|
|
sliding1 = true;
|
|
$('.sidebarWandIcon').css('background-color','rgba(0,0,0,0.9)');
|
|
$('.sidebarWandBox').fadeIn(200, function() {
|
|
sliding1 = false;
|
|
wandIsOpen = true;
|
|
});
|
|
}
|
|
}
|
|
// bind the hover events
|
|
$(".sidebarWand").hover(openWand, closeWand);
|
|
|
|
// attach events for clicking on wand actions
|
|
$('li.wandForkMap').click(function() {
|
|
saveToMap();
|
|
closeWand();
|
|
});
|
|
$('li.wandFilter').click(function() {
|
|
return;
|
|
});
|
|
|
|
} // end bindAccountHover
|
|
bindWandHover();
|
|
});
|
|
|
|
|
|
json = <%= @relatives %>;
|
|
$(window).load(function() {
|
|
initialize("centered");
|
|
});
|
|
</script>
|
|
|
|
<% if authenticated? %>
|
|
<%= render :partial => 'topics/new' %>
|
|
<%= render :partial => 'synapses/new' %>
|
|
<%= render :partial => 'maps/fork' %>
|
|
<% end %>
|
|
|