diff --git a/app/assets/javascripts/jquery/AllMappingPages.js b/app/assets/javascripts/jquery/AllMappingPages.js index c3f519d3..3848b068 100644 --- a/app/assets/javascripts/jquery/AllMappingPages.js +++ b/app/assets/javascripts/jquery/AllMappingPages.js @@ -91,4 +91,8 @@ $(document).ready(function () { $('#center-container').bind('contextmenu', function (e) { return false; }); + + // tab the cheatsheet + $('#cheatSheet').tabs().addClass("ui-tabs-vertical ui-helper-clearfix"); + $("#cheatSheet .ui-tabs-nav li").removeClass("ui-corner-top").addClass("ui-corner-left"); }); // end document.ready \ No newline at end of file diff --git a/app/assets/javascripts/jquery/AuthCanEditMappingPages.js b/app/assets/javascripts/jquery/AuthCanEditMappingPages.js index ba9794a9..4ec0f72d 100644 --- a/app/assets/javascripts/jquery/AuthCanEditMappingPages.js +++ b/app/assets/javascripts/jquery/AuthCanEditMappingPages.js @@ -158,10 +158,6 @@ $(document).ready(function () { selected: MetamapsModel.selectedMetacodeSetIndex }).addClass("ui-tabs-vertical ui-helper-clearfix"); $("#metacodeSwitchTabs .ui-tabs-nav li").removeClass("ui-corner-top").addClass("ui-corner-left"); - $("#metacodeSwitchTabs .ui-tabs-nav li a").click(function(){ - // recenter the lightbox when you switch tabs - $('#lightbox_main').css('margin-top', '-' + ($('#lightbox_main').height() / 2) + 'px'); - }); $('.customMetacodeList li').click(function () { if ($(this).attr('class') != 'toggledOff') { $(this).addClass('toggledOff'); diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 788f5284..8ae1e33d 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -2032,29 +2032,32 @@ div.mapInfoStat { box-shadow: none; } /* Cheatsheet */ +#cheatSheet { + width: 100%; + font-family: LatoLight, Arial, Sans-Serif; + font-size: 17px; + line-height: 21px; + border: none; +} -.cheatsheetColumn { - float: left; - width: 245px; - line-height: 17px; - font-size: 12px; - font-family: arial; +#cheatSheet .sectionTitle { + font-family: Lato, Arial, sans-serif; + font-weight:bold; } -.cheatsheetColumn.cOne { - margin-right: 10px; -} -#cheatsheet h4 { - text-decoration: underline; - font-size: 20px; - font-family: 'vinyl'; - margin-top: 15px; - font-style: italic; -} -#cheatsheet .csItem { +#cheatSheet .csItem { margin: 5px 0; + font-size:15px; + line-height:18px; } -#cheatsheet .csTitle { - font-weight: bold; +#cheatSheet .csItem img { + display: inline-block; + margin: 0 2px; +} +#cheatSheet .csTitle { + font-family: Lato, Arial, sans-serif; +} +#cheatSheet .indented { + margin-left:15px; } /* Admin Pages */ diff --git a/app/views/layouts/_cheatsheet.html.erb b/app/views/layouts/_cheatsheet.html.erb index b7e1f18e..f3a08039 100644 --- a/app/views/layouts/_cheatsheet.html.erb +++ b/app/views/layouts/_cheatsheet.html.erb @@ -4,37 +4,134 @@ #%>

Quick Reference Guide

- -
-

Topics

-
Add New Topic: Double-click on canvas
-
Select Metacode: Scroll on spinner, or Tab / Shift+Tab
-
Creating New Topic: Hit Enter after typing topic name
-
Get Existing Topic: Click on (or use Up/Down->Enter) to pick from auto-suggestions
-
Open Topic Card: Double-click on topic icon
-
Edit Topic Type: Click on metacode in open topic card
-
Open Topic View: Click on 'leave page' icon in topic card (opens in new tab)
-

Navigation

-
Move (Pan) Across Canvas: Click on canvas and drag
-
Zoom In/Out Scroll mouse on canvas
-
Back to Center: Refresh page
-
+
+ -
-

Synapses

-
Create Synapse: Right-click/Alt+Click on topic and drag to other topic, enter synapse name or choose suggested
-
Create Topic with Synapse: Right-click/Alt+Click on topic and drag to empty part of canvas
-
View Synapse Description: Hover over synapse
-
Open Synapse Card: Double-click synapse
-
Edit Synapse Description: Click synapse description in synapse card
-
Change Synapse Direction: Check/Uncheck directional arrow boxes
-

Selection

-
Select Topic or Synapse: Click on one
-
Select Multiple: Shift+Click on canvas and drag around topics, or use Shift+Click to add/remove individually
-
Move Multiple: Select desired, Click and drag on a selected topic
-
Hide/Remove/Delete: Right-click/Alt+Click on selection
-
Deselect All: Hit Esc, or click any topic
+ <% if controller_name == "topics" && action_name == "show" %> +
+

Topic View

+
Alt + click on topic icon: recenter topics around chosen topic
+
Right-click + 'center this topic': recenter topics around chosen topic
+
+ <% end %> + + <% if authenticated? && (controller_name == "maps" || controller_name == "topics" ) && action_name == "show" %> +
+

Creating Topics

+
Double-click on canvas: Bring up the metacode spinner on the canvas.
+
Scroll: change metacode spinner selection
+
Tab: rotate spinner counter-clockwise
+
Shift + tab: rotate spinner clockwise
+
Esc: Hides auto-suggestion results
+
Enter: create a new topic
+
Gear Icon: open up metacode settings
+
+ +
+

Editing Topics

+
+ Open topic card: double-click on topic icon +
+
+ Move topic card: click + drag on topic card metacode +
+
+ Change/edit metacode: mouse over metacode icon, then click on solid colored bar +
+
+ Edit topic title, description, link: click on text in respective area +
+
+ Save topic title, description, link: hit enter +
+
+ Change topic permission: click on 'permission' icon (only for topic creator) +
+
+ Open topic view: click on icon within topic card bar +
+
+ Close topic card: click on canvas +
+
+ Open context menu: right-click on topic icon +
+
*Hide/Remove/Delete topic within context menu
+
+ +
+

Creating Synapses

+
Right-click & drag from one topic to another: open create synapse prompt
+
Enter: Create synapse
+
*You do not have to add a description
+
Right-click + drag from topic to open canvas: create new topic with synapse
+
Enter: Create topic
+
Enter: Create synapse
+
+ +
+

Editing Synapses

+
Double-click on synapse: open synapse card
+
Edit synapse description: click on current description text
+
Save synapse description: hit enter
+
Edit directionality: select appropriate arrow boxes
+
Change synapse permission: click on 'permission' icon (only for synapse creator)
+
Right-click on synapse: open context menu
+
*Hide/Remove/Delete synapse within context menu
+
+ <% end %> + + <% if (controller_name == "maps" || controller_name == "topics" ) && action_name == "show" %> +
+

Navigation

+
Click + drag: move around canvas
+
Scroll: zoom in/out
+
Refresh page: center map
+
+ +
+

Selection

+
Click on topic icon: select/deselect topic
+
Click on synapse: select/deselect synapse
+
Shift + click: select multiple topics / synapses
+
Shift + click + drag on canvas: make selection box, select multiple topics
+
Click + drag on selected topic(s): move all selected topics & synapses
+
Right-click on selected topic(s): open context menu
+
*Hide/Remove/Delete/Change permissions of multiple topics & synapses within context menu
+
Click on background: deselect all topics & synapses
+
Esc: deselect all topics & synapses
+
+ <% end %> + +
+

Search

+
Ctrl + /: open search prompt
+
Esc: close search prompt
+
Type into the search prompt: search for topics, maps, & mappers
+
Click on search result: open in new tab
+ <% if controller_name == "maps" && action_name == "show" %> +
Click "+" on a topic result: add to current map
+ <% end %> +
Search by metacode: type "[name of metacode]:", then your search query. i.e. idea:create...
+
Search for map: type "map:", then your search query. i.e. map:exploring...
+
Search for mapper: type "mapper:", then your search query. i.e. mapper:Robert
+
\ No newline at end of file