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

updated the cheatsheet

Browse source
This commit is contained in:
Bashar Jabbour 2014-10-02 22:33:28 -04:00
parent 499298613b
commit cad8af2c1f
3 changed files with 102 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -16,3 +16,5 @@ db/*.sqlite3
# Ignore all logfiles and tempfiles.
log/*.log
tmp
.DS_Store

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

@ -2050,20 +2050,65 @@ float: left;
}
#cheatSheet .csItem {
margin: 5px 0;
font-size: 15px;
font-size: 14px;
line-height: 18px;
font-family: 'din-regular';
}
#cheatSheet .csItem a {
color: #c04f4f;
}
#cheatSheet .csItem img {
display: inline-block;
margin: 0 2px;
margin-bottom: 10px;
}
#cheatSheet .csTitle {
font-weight: bold;
}
#cheatSheet .indented {
margin-left: 15px;
}
#zoomIn {
background: #424242 url(zoom_sprite.png) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
background-position: -37px -5px;
border-radius: 2px;
margin: 0 4px;
position: relative;
top: 3px;
}
#zoomOut {
background: #424242 url(zoom_sprite.png) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
background-position: -37px -37px;
border-radius: 2px;
margin: 0 4px;
position: relative;
top: 3px;
}
#centerMap {
background: #424242 url(extents_sprite.png) no-repeat;
width: 22px;
height: 22px;
display: inline-block;
background-position: -5px -5px;
border-radius: 2px;
margin: 0 4px;
position: relative;
top: 3px;
}
#helpWrapper {
background: none;
border: none;
@ -2096,7 +2141,17 @@ float: left;
}
#quickReference ul {
width: 150px;
text-transform: uppercase;
font-size: 14px;
line-height: 14px;
font-family: din-medium;
}
#quickReference ul li {
padding-bottom: 16px;
}
#quickReference li.ui-state-active a {
color: #00BCD4;
}

79
app/views/shared/_cheatsheet.html.erb
View file

@ -14,7 +14,6 @@
<div id="quickReference">
<ul>
<li><a href="#csTopicView">Topic View</a></li>
<li><a href="#csCreatingTopics">Creating Topics</a></li>
<li><a href="#csEditingTopics">Editing Topics</a></li>
<li><a href="#csCreatingSynapses">Creating Synapses</a></li>
@ -22,11 +21,13 @@
<li><a href="#csNavigation">Navigation</a></li>
<li><a href="#csSelection">Selection</a></li>
<li><a href="#csSearch">Search</a></li>
<li><a href="#csTopicView">Topic View</a></li>
</ul>
<div id="csTopicView">
<div class="csItem"><span class="csTitle">Alt + click on topic icon:</span> recenter topics around chosen topic</div>
<div class="csItem"><span class="csTitle">Right-click + 'center this topic':</span> recenter topics around chosen topic</div>
<div class="csItem"><span class="csTitle">Recenter Topics around chosen Topic:</span> Alt + click on the topic OR Right-click + 'center this topic'</div>
</div>
<div id="csCreatingTopics">
@ -37,83 +38,89 @@
<div class="csItem indented"><span class="csTitle">Esc:</span> Hides auto-suggestion results</div>
<div class="csItem indented"><span class="csTitle">Enter:</span> create a new topic</div>
<div class="csItem indented"><span class="csTitle">Gear Icon:</span> open up metacode settings</div>
<div class="csItem"><br><a href="http://support.metamaps.cc/knowledgebase/articles/425787-creating-and-editing-topics" target= "_blank">Learn More</a></div>
</div>
<div id="csEditingTopics">
<div class="csItem">
<span class="csTitle">Open topic card:</span> double-click on topic icon
<span class="csTitle">Open 'Topic' card:</span> Double-click on topic icon
</div>
<div class="csItem indented">
<span class="csTitle">Move topic card:</span> click + drag on topic card metacode
<span class="csTitle">Move 'Topic' card:</span> Click and drag on topic card metacode
</div>
<div class="csItem indented">
<span class="csTitle">Change/edit metacode:</span> mouse over metacode icon, then click on solid colored bar
<span class="csTitle">Change/edit metacode:</span> Mouse over metacode icon, then click on solid colored bar
</div>
<div class="csItem indented">
<span class="csTitle">Edit topic title, description, link:</span> click on text in respective area
<span class="csTitle">Edit Topic title, description, link:</span> Click on text in respective area
</div>
<div class="csItem indented">
<span class="csTitle">Save topic title, description, link:</span> hit enter
<span class="csTitle">Save Topic title, description, link:</span> Hit enter
</div>
<div class="csItem indented">
<span class="csTitle">Change topic permission:</span> click on 'permission' icon (only for topic creator)
<span class="csTitle">Change Topic permission:</span> Click on 'Permission' icon (only for topic creator)
</div>
<div class="csItem indented">
<span class="csTitle">Open topic view:</span> click on <img src="/assets/MMCCicon_pop-out_black.png" width="16" align="middle" /> icon within topic card bar
<span class="csTitle">Open Topic view:</span> Click on <img src="/assets/synapse16.png" width="16" align="middle" /> icon within topic card bar
</div>
<div class="csItem indented">
<span class="csTitle">Close topic card:</span> click on canvas
<span class="csTitle">Close 'Topic' card:</span> Click on canvas
</div>
<div class="csItem">
<span class="csTitle">Open context menu:</span> right-click on topic icon
<span class="csTitle">Open 'Context Menu':</span> Right-click on topic icon
</div>
<div class="csItem indented">*Hide/Remove/Delete topic within context menu</div>
<div class="csItem"><br><a href="http://support.metamaps.cc/knowledgebase/articles/425787-creating-and-editing-topics" target= "_blank">Learn More</a></div>
</div>
<div id="csCreatingSynapses">
<div class="csItem"><span class="csTitle">Right-click & drag from one topic to another:</span> open create synapse prompt</div>
<div class="csItem"><span class="csTitle">Open 'Create Synapse' prompt:</span> Right-click & drag from one topic to another</div>
<div class="csItem indented"><span class="csTitle">Enter:</span> Create synapse</div>
<div class="csItem indented">*You do not have to add a description</div>
<div class="csItem"><span class="csTitle">Right-click + drag from topic to open canvas:</span> create new topic with synapse</div>
<div class="csItem"><span class="csTitle">Create new Topic with Synapse:</span> Right-click + drag from topic to open canvas</div>
<div class="csItem indented"><span class="csTitle">Enter:</span> Create topic</div>
<div class="csItem indented"><span class="csTitle">Enter:</span> Create synapse</div>
<div class="csItem"><br><a href="http://support.metamaps.cc/knowledgebase/articles/425790-creating-and-editing-synapses" target= "_blank">Learn More</a></div>
</div>
<div id="csEditingSynapses">
<div class="csItem"><span class="csTitle">Open synapse card:</span>double-click on synapse </div>
<div class="csItem indented"><span class="csTitle">Edit synapse description:</span> click on current description text</div>
<div class="csItem indented"><span class="csTitle">Save synapse description:</span> hit enter</div>
<div class="csItem indented"><span class="csTitle">Edit directionality:</span> select appropriate arrow boxes</div>
<div class="csItem indented"><span class="csTitle">Change synapse permission:</span> click on 'permission' icon (only for synapse creator)</div>
<div class="csItem"><span class="csTitle">Right-click on synapse:</span> open context menu</div>
<div class="csItem"><span class="csTitle">Open 'Synapse' card:</span> Double-click on Synapse </div>
<div class="csItem indented"><span class="csTitle">Edit Synapse description:</span> Click on current description text</div>
<div class="csItem indented"><span class="csTitle">Save Synapse description:</span> Hit enter</div>
<div class="csItem indented"><span class="csTitle">Edit directionality:</span> Select appropriate arrow boxes</div>
<div class="csItem indented"><span class="csTitle">Change synapse permission:</span> Click on 'permission' icon (only for synapse creator)</div>
<div class="csItem"><span class="csTitle">Open 'Context Menu':</span> Right-click on Synapse</div>
<div class="csItem indented">*Hide/Remove/Delete synapse within context menu</div>
<div class="csItem"><br><a href="http://support.metamaps.cc/knowledgebase/articles/425790-creating-and-editing-synapses" target= "_blank">Learn More</a></div>
</div>
<div id="csNavigation">
<div class="csItem"><span class="csTitle">Click + drag:</span> move around canvas</div>
<div class="csItem"><span class="csTitle">Scroll:</span> zoom in/out</div>
<div class="csItem"><span class="csTitle">Refresh page:</span> center map</div>
<div class="csItem"><span class="csTitle">Move around Canvas:</span> Click and drag</div>
<div class="csItem"><span class="csTitle">Zoom in/out:</span> Scroll OR click on <div id="zoomIn"> </div> & <div id="zoomOut"> </div></div>
<div class="csItem"><span class="csTitle">Center Map:</span> Click <div id="centerMap"></div> OR Refresh page</div>
<div class="csItem"><br><a href="http://support.metamaps.cc/knowledgebase/articles/425784-viewing-existing-maps" target= "_blank">Learn More</a></div>
</div>
<div id="csSelection">
<div class="csItem"><span class="csTitle">Click on topic icon:</span> select/deselect topic</div>
<div class="csItem"><span class="csTitle">Click on synapse:</span> select/deselect synapse</div>
<div class="csItem"><span class="csTitle">Shift + click:</span> select multiple topics / synapses</div>
<div class="csItem"><span class="csTitle">Shift + click + drag on canvas:</span> make selection box, select multiple topics</div>
<div class="csItem"><span class="csTitle">Click + drag on selected topic(s):</span> move all selected topics & synapses</div>
<div class="csItem"><span class="csTitle">Right-click on selected topic(s):</span> open context menu</div>
<div class="csItem"><span class="csTitle">Select/Deselect Topic:</span> Click on topic icon</div>
<div class="csItem"><span class="csTitle">Select/Deselect Synapse:</span> Click on synapse</div>
<div class="csItem"><span class="csTitle">Select multiple Topics/Synapses:</span> Shift + click</div>
<div class="csItem"><span class="csTitle">Make Selection box, select multiple Topics:</span> Shift + click + drag on Canvas</div>
<div class="csItem"><span class="csTitle">Move all selected Topics & Synapses:</span> Click + drag on selected Topic(s)</div>
<div class="csItem"><span class="csTitle">Open 'Context Menu':</span> Right-click on selected topic(s)</div>
<div class="csItem indented">*Hide/Remove/Delete/Change permissions of multiple topics & synapses within context menu</div>
<div class="csItem"><span class="csTitle">Click on background:</span> deselect all topics & synapses</div>
<div class="csItem"><span class="csTitle">Esc:</span> deselect all topics & synapses</div>
<div class="csItem"><span class="csTitle">Deselect all topics & Synapses:</span> Click on background or Esc</div>
</div>
<div id="csSearch">
<div class="csItem"><span class="csTitle">Ctrl + /:</span> open search prompt</div>
<div class="csItem"><span class="csTitle">Esc:</span> close search prompt</div>
<div class="csItem"><span class="csTitle">Type into the search prompt:</span> search for topics, maps, & mappers</div>
<div class="csItem"><span class="csTitle">Click on search result:</span> open in new tab</div>
<div class="csItem"><span class="csTitle">Open 'Search' prompt:</span> Ctrl + /</div>
<div class="csItem"><span class="csTitle">Close 'Search' prompt:</span> Esc</div>
<% if controller_name == "maps" && action_name == "show" %>
<div class="csItem"><span class="csTitle">Click "+" on a topic result:</span> add to current map</div>
<div class="csItem"><span class="csTitle">Add to current Map:</span> Click "+" on a topic result</div>
<% end %>
<div class="csItem"><span class="csTitle">Search by metacode:</span> type "[name of metacode]:", then your search query. i.e. idea:create...</div>
<div class="csItem"><span class="csTitle">Search for map:</span> type "map:", then your search query. i.e. map:exploring...</div>