metamaps--metamaps/public/index.html
Connor Turland 4cab56d653 move infobox template into react
Co-authored-by: Connor Turland <connorturland@gmail.com>
Co-authored-by: Robert Best <chessscholar@gmail.com>
2018-03-13 18:49:05 -04:00

260 lines
8.9 KiB
HTML

<!--
Do you want to learn more about web development using Ruby or Javascript?
Metamaps.cc is an open source project, and we are always looking for new
developers to help contribute to our codebase! To get involved, send an
email to team@metamaps.cc or find us on Github at
https://github.com/metamaps/metamaps.
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Metamaps</title>
<link rel="stylesheet" media="all" href="/css/application.css">
<!-- typekit for vinyl font -->
<script type="text/javascript" src="https://use.typekit.net/tki2nyo.js"></script>
<script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
<!--[if (IE)]>
<style type="text/css">
#lightbox_overlay {
display: block;
}
#lightbox_main {
top: 50%;
margin-top: -281px;
}
#lightbox_screen {
height: 100%;
opacity: 0.42;
}
.lightboxContent {
display: none;
}
#noIE {
display: block;
}
#lightbox_close {
display: none;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#lightbox_screen").unbind().click(function(event){
event.preventDefault();
event.stopPropagation();
return false;
});
});
</script>
<![endif]-->
</head>
<body class="unauthenticated">
<div class="main">
<div id="app"></div>
<div id="loading"></div>
</div>
<script src="/lib/jquery-1.12.4.min.js"></script>
<script src="/lib/jquery-ui.min.js"></script>
<script src="/lib/ajaxq.js"></script>
<script src="/lib/best_in_place.js"></script>
<script src="/lib/bitcoinsrc.js"></script>
<script src="/lib/canvas-to-blob.min.js"></script>
<script src="/lib/canvasloader.min.js"></script>
<script src="/lib/cloudcarousel.js"></script>
<script src="/lib/Countable.js"></script>
<script src="/lib/embedly.js"></script>
<script src="/lib/hogan-2.0.0.js"></script>
<script src="/lib/jquery.lettering.js"></script>
<script src="/lib/jquery.mousewheel.min.js"></script>
<script src="/lib/jquery.roundabout.min.js"></script>
<script src="/lib/jquery.typing-0.2.0.min.js"></script>
<script src="/lib/typeahead.bundle.js"></script>
<script type="text/javascript" src="/metamaps.bundle.js"></script>
<!--
Metamaps.ServerData.mobileTitle = "{ yield(:mobile_title) }"
{ if devise_error_messages? }
Metamaps.ServerData.toast = "{ devise_error_messages! }"
{ elsif notice }
Metamaps.ServerData.toast = "{ notice }"
{ elsif alert }
Metamaps.ServerData.toast = "{ alert }"
{ end }
{ render :partial => 'shared/metacodeCssColors' }
{ render :partial => 'layouts/googleanalytics' if ENV["GA_TRACKING_CODE"].present? }
-->
<script type="text/javascript">
Metamaps.ServerData = Metamaps.ServerData || {}
// TODO: fix some of these
Metamaps.ServerData.RAILS_ENV = 'development'
Metamaps.ServerData.VERSION = '<%= METAMAPS_VERSION %>'
Metamaps.ServerData.BUILD = '<%= METAMAPS_BUILD %>'
Metamaps.ServerData.LAST_UPDATED = '<%= METAMAPS_LAST_UPDATED %>'
Metamaps.ServerData['junto_spinner_darkgrey.gif'] = '/images/junto_spinner_darkgrey.gif'
Metamaps.ServerData['user.png'] = '/images/user.png'
Metamaps.ServerData['icons/wildcard.png'] = '/images/icons/wildcard.png'
Metamaps.ServerData['topic_description_signifier.png'] = '/images/topic_description_signifier.png'
Metamaps.ServerData['topic_link_signifier.png'] = '/images/topic_link_signifier.png'
Metamaps.ServerData['synapse16.png'] = '/images/synapse16.png'
Metamaps.ServerData['sounds/MM_sounds.mp3'] = '/images/sounds/MM_sounds.mp3'
Metamaps.ServerData['sounds/MM_sounds.ogg'] = '/images/sounds/MM_sounds.ogg'
Metamaps.ServerData['exploremaps_sprite.png'] = '/images/exploremaps_sprite.png'
Metamaps.ServerData['map_control_sprite.png'] = '/images/map_control_sprite.png'
Metamaps.ServerData['user_sprite.png'] = '/images/user_sprite.png'
Metamaps.Loading.setup()
</script>
<div class="templates">
<script type="text/template" id="topicSearchTemplate">
<div class="result{{rtype}}">
<div class="topicMetacode searchResIconWrapper">
<img src="{{typeImageURL}}" class="topicIcon" />
<div class="metacodeTip">{{type}}</div>
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
<p class="resultDesc">{{description}}</p>
</div>
<div class="autoOptions">
<button class="addToMap hoverForTip" onclick="return Metamaps.Topic.getTopicFromSearch(event, {{id}})">
<span class="tip">add to map</span>
</button>
<div class="mapCount">
{{mapCount}}
</div>
<div class="synapseCount">
{{synapseCount}}
</div>
<div class="topicOriginatorIcon hoverForTip">
<img width="18" height="18" src="{{originatorImage}}">
<span class="tip topicOriginator">{{originator}}</span>
</div>
<div class="topicPermission {{permission}}">
</div>
</div>
<div class="clearfloat"></div>
</div>
</script>
<script type="text/template" id="mapSearchTemplate">
<div class="result{{rtype}}">
<div class="searchResIconWrapper">
<img class="icon" src="/images/metamap36c.png">
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
<p class="resultDesc">{{description}}</p>
</div>
<div class="autoOptions">
<div class="topicCount">
{{topicCount}}
</div>
<div class="synapseCount">
{{synapseCount}}
</div>
<div class="mapContributorsIcon hoverForTip">
<img id="mapContribs" width="25" height="25" src="{{mapContributorImage}}" />
<div class="tip">
<ul>
{{{contributorTip}}}
</ul>
</div>
<span>{{contributorCount}}</span>
</div>
<div class="mapPermission {{permission}}">
</div>
</div>
<div class="clearfloat"></div>
</div>
</script>
<script type="text/template" id="mapperSearchTemplate">
<div class="result{{rtype}}">
<div class="searchResIconWrapper">
<img class="icon" width="32" height="32" src="{{profile}}">
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
</div>
<div class="autoOptions">
<div class="mapperCreated">
<p>Mapping since: {{created_at}}</p>
</div>
<div class="mapperGeneration">
<p>Generation: {{generation}}</p>
</div>
<div class="mapCount">
{{mapCount}}
</div>
</div>
<div class="clearfloat"></div>
</div>
</script>
<script type="text/template" id="collaboratorSearchTemplate">
<div class="collabResult">
<div class="collabIconWrapper">
<img class="icon" width="25" height="25" src="{{profile}}">
</div>
<div class="collabNameWrapper">
<p class="collabName">{{label}}</p>
</div>
<div class="clearfloat"></div>
</div>
</script>
<script type="text/template" id="synapseAutocompleteTemplate">
<div class="result{{rtype}}">
<p class="autocompleteSection synapseDesc">{{label}}</p>
<div class="synapseMetadata">
<div class="synapseOriginatorIcon hoverForTip">
<img width="24" height="24" src="{{originatorImage}}" />
<span class="tooltips synapseOriginator">{{originator}}</span>
</div>
<div class="synapsePermission {{permission}}"></div>
</div>
<div class="clearfloat"></div>
</div>
</script>
<script type="text/template" id="topicAutocompleteTemplate">
<div>
<img class="autocompleteSection topicType" width="24" height="24"
src="{{typeImageURL}}" alt="{{type}}" title="{{type}}" />
<p class="autocompleteSection topicTitle">{{label}}</p>
<div class="expandTopicMetadata"></div>
<div class="topicMetadata">
<div class="topicNumMaps">{{mapCount}}</div>
<div class="topicNumSynapses">{{synapseCount}}</div>
<div class="topicOriginatorIcon hoverForTip">
<img width="24" height="24" src="{{originatorImage}}" />
<span class="tooltips topicOriginator">{{originator}}</span>
</div>
<div class="topicPermission {{permission}}"></div>
</div>
<div class="clearfloat"></div>
</div>
</script>
</div>
</body>
</html>