metamaps--metamaps/views/shared/_switchmetacodes.js

119 lines
4.6 KiB
JavaScript
Raw Normal View History

2018-03-05 17:45:36 +00:00
2018-03-04 02:25:42 +00:00
{ metacodes = current_user.settings.metacodes }
{ selectedSet = metacodes[0].include?("metacodeset") ? metacodes[0].sub("metacodeset-","") : "custom" }
{ allMetacodeSets = MetacodeSet.order("name").all.to_a }
{ if selectedSet == "custom"
index = allMetacodeSets.length + 2
elsif selectedSet == 'Recent'
index = 0
elsif selectedSet == 'Most'
index = 1
else
set = MetacodeSet.find(selectedSet.to_i)
index = allMetacodeSets.index(set) + 2
2018-03-04 02:25:42 +00:00
end }
<h3>Switch Metacode Set</h3>
2014-09-17 14:59:36 +00:00
<p>Use metacode sets to enter different modes of mapping.</p>
<div id="metacodeSwitchTabs">
<ul>
<li><a href="#metacodeSwitchTabsRecent" data-set-id="recent" id="metacodeSetRecent">RECENTLY USED</a></li>
<li><a href="#metacodeSwitchTabsMost" data-set-id="most" id="metacodeSetMost">MOST USED</a></li>
2018-03-04 02:25:42 +00:00
{ allMetacodeSets.each do |m| }
<li><a href="#metacodeSwitchTabs{ m.id }" data-set-id="{ m.id }">{ m.name }</a></li>
{ end }
<li><a href="#metacodeSwitchTabsCustom" data-set-id="custom" id="metacodeSetCustom">CUSTOM SELECTION</a></li>
</ul>
2018-03-04 02:25:42 +00:00
{ recent = user_recent_metacodes() }
<div id="metacodeSwitchTabsRecent"
2018-03-04 02:25:42 +00:00
data-metacodes="{ recent.map(&:id).join(',') }">
{ @list = '' }
{ recent.each_with_index do |m, index| }
2018-03-05 17:33:16 +00:00
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
2018-03-04 02:25:42 +00:00
{ end }
2018-03-05 17:33:16 +00:00
<div className="metacodeSwitchTab">
<p className="setDesc">The 5 Metacodes you've used most recently.</p>
<div className="metacodeSetList">
<ul>
2018-03-04 02:25:42 +00:00
{ @list.html_safe }
</ul>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
</div>
2018-03-05 17:33:16 +00:00
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('Recent', 0, false);">
Switch Set
</button>
</div>
2018-03-04 02:25:42 +00:00
{ most_used = user_most_used_metacodes() }
<div id="metacodeSwitchTabsMost"
2018-03-04 02:25:42 +00:00
data-metacodes="{ most_used.map(&:id).join(',') }">
{ @list = '' }
{ most_used.each_with_index do |m, index| }
2018-03-05 17:33:16 +00:00
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
2018-03-04 02:25:42 +00:00
{ end }
2018-03-05 17:33:16 +00:00
<div className="metacodeSwitchTab">
<p className="setDesc">The 5 Metacodes you've used the most.</p>
<div className="metacodeSetList">
<ul>
2018-03-04 02:25:42 +00:00
{ @list.html_safe }
</ul>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
</div>
2018-03-05 17:33:16 +00:00
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('Most', 1, false);">
Switch Set
</button>
</div>
2018-03-04 02:25:42 +00:00
{ allMetacodeSets.each_with_index do |m, localindex| }
<div id="metacodeSwitchTabs{ m.id }"
data-metacodes="{ m.metacodes.map(&:id).join(',') }">
{ @list = '' }
{ m.metacodes.sort{|x,y| x.name <=> y.name }.each_with_index do |m, index| }
2018-03-05 17:33:16 +00:00
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
2018-03-04 02:25:42 +00:00
{ end }
2018-03-05 17:33:16 +00:00
<div className="metacodeSwitchTab">
<p className="setDesc">{ m.desc }</p>
<div className="metacodeSetList">
<ul>
2018-03-04 02:25:42 +00:00
{ @list.html_safe }
</ul>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
</div>
2018-03-05 17:33:16 +00:00
<button className="button" onclick="Metamaps.Create.updateMetacodeSet({ m.id }, { localindex + 2 }, false);">
2014-09-17 14:59:36 +00:00
Switch Set
2014-07-29 17:34:10 +00:00
</button>
</div>
2018-03-04 02:25:42 +00:00
{ end }
<div id="metacodeSwitchTabsCustom">
2018-03-05 17:33:16 +00:00
<div className="setDesc">Choose Your Metacodes</div>
<div className="selectNone">NONE</div>
<div className="selectAll">ALL</div>
2018-03-04 02:25:42 +00:00
{ @list = '' }
{ metacodesInUse = user_metacodes() }
{ Metacode.order("name").all.each_with_index do |m, index| }
{ mClass = metacodesInUse.index(m) == nil ? "toggledOff" : "" }
2018-03-05 17:33:16 +00:00
{ @list += '<li id="' + m.id.to_s + '" data-name="' + m.name + '" className="' + mClass + '"><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
2018-03-04 02:25:42 +00:00
{ end }
2018-03-05 17:33:16 +00:00
<div className="customMetacodeList">
<ul>
2018-03-04 02:25:42 +00:00
{ @list.html_safe }
</ul>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
</div>
2018-03-05 17:33:16 +00:00
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('custom', { allMetacodeSets.length + 2 }, true);">
2014-07-29 17:34:10 +00:00
Switch to Custom Set
</button>
</div>
</div>
2018-03-05 17:33:16 +00:00
<div className="clearfloat"></div>
<script>
2018-03-04 02:25:42 +00:00
Metamaps.Create.selectedMetacodeSet = "metacodeset-{ selectedSet }"
Metamaps.Create.selectedMetacodeSetIndex = { index }
Into master: two finger pan/zoom, map and topic follows (for internal testing) on the UI, map activity emails (#1084) * fix topic spec * fix synapse/mapping spec * brakeman csrf warning suppressed :| * follows for maps in the ui for internal testing only still (#1072) * follows for maps in the ui for testers * require user for these actions * match how map follow works * include ability to unfollow from email * fixup templates * add unfollow_from_email to the policies * Update _cheatsheet.html.erb Clean up text, clarify, and bring in line with current functionality * topicsRegex and synapsesRegex should allow commas (#1073) * even better import csv regexes * prevent double prompt on file drop import * topic card in react (#1031) * its coming along * links bar * scssify a bunch * metacode image working a bit better * metacode selector in react topic card * riek editing for name field on topic card * riek submit on enter * factor out Title and Links from Topic Card component, but not the listeners * create working Desc editor * styling is much better now * textarea min height for desc * disallow images in topic card markdown * shift enter is linebreak, enter is save * attachments split out, but it's pretty buggy * move listeners into Links.js * slightly wider metacodeTitle * fix positioning on metacode selector * fix metacode selection * move metacode and permissions into subcomponents * fixes * prevent editing on desc/title if not authorized to edit * fix topic card draggability * fix embedly * fix md test * remove the removed link card manually with jquery * fix test syntax * eslint * more eslin * reuse authorizedToEdit * convert metacode sets to a json object for react * add the html in react whoop * fix metacode styling * sort wasn't working * finishing metacode select * readd the above link input border * fix syntax * multiline title editable textarea * more portable metacode selector component * factor out #metacodeOptions into one react component with a callback :D:D:D * render metacodeOptions in right click menu with react * render metacodeOptions in right click menu with react * fix up right click menu's metacode editing * fix topic card title character counter * ignore metamaps secret bundle in ag * simplify Attachments props * factor out embedly card into its own component; it seems to help * link resetter * fix edit icon on title in topic card * move mapCount and synapseCount hover/click logic to react * fix up the showMore control * metacode selection tweaks * tweak links bar spacing in topic card * rubocop * remove TODOs * more badass permissions selector * close permission selector when you click outside * fix overeager metacode selector * more modular attachments component * fix bug in Desc.js * fix right click styling * permission changes are different than edit rights * bad module ref * ensure maxLength on topic titles * hellz yeah (#1074) * fix drop from two touches to one * don't commit activity service * ability to select/unselect all metacodes in custom set with keyboard shortcut (fix #390) (#1078) * ability to select/unselect all metacodes in custom set with keyboard shortcut * select all button * nicer all/none buttons * set up react testing (#1080) * install mocha-webpack. also switch hark to npm version instead of github version * well, mocha-webpack runs * add jsdom for tests * upgrade to webpack 2 * fix npm run test errors * ImportDialogBox component tests * Fixes bug where pressing delete key while editing text will suggest... (#1083) * Fixes bug where pressing delete key while editing text will suggest the deletion of selected map entities * Changed the DEL key to remove entities instead of delete them * temporarily disable code climate duplication engine * add topic following for internal testing * daily map activity emails (#1081) * data prepared, task setup * add the basics of the email template * cover granular permissions * unfollow this map * break out permissions tests better * rename so test runs
2017-03-07 03:49:46 +00:00
</script>