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

rename class to className in views

Browse source
This commit is contained in:
Connor Turland 2018-03-05 12:33:16 -05:00
parent 5f4a789435
commit d910094d76
37 changed files with 432 additions and 432 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
views/doorkeeper/applications/_delete_form.html.erb
View file

@ -1,5 +1,5 @@
{- submit_btn_css ||= 'button red-button' }
{ form_tag oauth_application_path(application) do }
<input type="hidden" name="_method" value="delete">
{ submit_tag t('doorkeeper.applications.buttons.destroy'), onclick: "return confirm('#{ t('doorkeeper.applications.confirmations.destroy') }')", class: submit_btn_css }
{ submit_tag t('doorkeeper.applications.buttons.destroy'), onclick: "return confirm('#{ t('doorkeeper.applications.confirmations.destroy') }')", className: submit_btn_css }
{ end }

32
views/doorkeeper/applications/_form.html.erb
View file

@ -1,36 +1,36 @@
{ form_for application, url: doorkeeper_submit_path(application), html: {class: 'form-horizontal', role: 'form'} do |f| }
{ form_for application, url: doorkeeper_submit_path(application), html: {className: 'form-horizontal', role: 'form'} do |f| }
{ if application.errors.any? }
<div class="alert alert-danger" data-alert><p>{ t('doorkeeper.applications.form.error') }</p></div>
<div className="alert alert-danger" data-alert><p>{ t('doorkeeper.applications.form.error') }</p></div>
{ end }
{ content_tag :div, class: "form-group#{' has-error' if application.errors[:name].present?}" do }
{ f.label :name, class: 'col-sm-2 control-label' }
<div class="col-sm-10">
{ f.text_field :name, class: 'form-control' }
{ content_tag :div, className: "form-group#{' has-error' if application.errors[:name].present?}" do }
{ f.label :name, className: 'col-sm-2 control-label' }
<div className="col-sm-10">
{ f.text_field :name, className: 'form-control' }
{ doorkeeper_errors_for application, :name }
</div>
{ end }
{ content_tag :div, class: "form-group#{' has-error' if application.errors[:redirect_uri].present?}" do }
{ f.label :redirect_uri, class: 'col-sm-2 control-label' }
<div class="col-sm-10">
{ f.text_area :redirect_uri, class: 'form-control' }
{ content_tag :div, className: "form-group#{' has-error' if application.errors[:redirect_uri].present?}" do }
{ f.label :redirect_uri, className: 'col-sm-2 control-label' }
<div className="col-sm-10">
{ f.text_area :redirect_uri, className: 'form-control' }
{ doorkeeper_errors_for application, :redirect_uri }
<span class="help-block">
<span className="help-block">
{ t('doorkeeper.applications.help.redirect_uri') }.
</span>
{ if Doorkeeper.configuration.native_redirect_uri }
<span class="help-block">
<span className="help-block">
{ raw t('doorkeeper.applications.help.native_redirect_uri', native_redirect_uri: "<code>#{ Doorkeeper.configuration.native_redirect_uri }</code>") }
</span>
{ end }
</div>
{ end }
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
{ f.submit t('doorkeeper.applications.buttons.submit'), class: "btn btn-primary" }
{ link_to t('doorkeeper.applications.buttons.cancel'), oauth_applications_path, :class => "button link-button red-button" }
<div className="form-group">
<div className="col-sm-offset-2 col-sm-10">
{ f.submit t('doorkeeper.applications.buttons.submit'), className: "btn btn-primary" }
{ link_to t('doorkeeper.applications.buttons.cancel'), oauth_applications_path, :className => "button link-button red-button" }
</div>
</div>
{ end }

4
views/doorkeeper/applications/edit.html.erb
View file

@ -1,6 +1,6 @@
<div id="yield">
<div class="centerContent">
<div class="page-header">
<div className="centerContent">
<div className="page-header">
<h2>{ t('.title') }</h2>
</div>

8
views/doorkeeper/applications/index.html.erb
View file

@ -1,10 +1,10 @@
<div id="yield">
<div class="centerContent">
<div class="page-header">
<div className="centerContent">
<div className="page-header">
<h2>{ t('.title') }</h2>
</div>
<table class="table table-striped">
<table className="table table-striped">
<thead>
<tr>
<th>{ t('.name') }</th>
@ -22,7 +22,7 @@
{ end }
</tbody>
</table>
{ link_to t('.new'), new_oauth_application_path, class: 'button link-button' }
{ link_to t('.new'), new_oauth_application_path, className: 'button link-button' }
</div>
</div>
{ render 'script' }

6
views/doorkeeper/applications/new.html.erb
View file

@ -1,7 +1,7 @@
<div id="yield">
<div class="centerContent">
{ link_to t('doorkeeper.applications.buttons.back'), oauth_applications_path(), class: 'button link-button button-margin' }
<div class="page-header">
<div className="centerContent">
{ link_to t('doorkeeper.applications.buttons.back'), oauth_applications_path(), className: 'button link-button button-margin' }
<div className="page-header">
<h2>{ t('.title') }</h2>
</div>

12
views/doorkeeper/applications/show.html.erb
View file

@ -1,9 +1,9 @@
<div id="yield">
<div class="centerContent showApp">
<div className="centerContent showApp">
{ link_to t('doorkeeper.applications.buttons.back'), oauth_applications_path(), class: 'button link-button button-margin' }
{ link_to t('doorkeeper.applications.buttons.back'), oauth_applications_path(), className: 'button link-button button-margin' }
<div class="page-header">
<div className="page-header">
<h2>{ t('.title', name: @application.name) }</h2>
</div>
@ -23,15 +23,15 @@
<code>{ uri }</code>
</td>
<td>
{ link_to t('doorkeeper.applications.buttons.authorize'), oauth_authorization_path(client_id: @application.uid, redirect_uri: uri, response_type: 'code'), class: 'button link-button', target: '_blank' }
{ link_to t('doorkeeper.applications.buttons.authorize'), oauth_authorization_path(client_id: @application.uid, redirect_uri: uri, response_type: 'code'), className: 'button link-button', target: '_blank' }
</td>
</tr>
{ end }
</table>
<div class="inline-button">{ link_to t('doorkeeper.applications.buttons.edit'), edit_oauth_application_path(@application), class: 'button link-button' }</div>
<div className="inline-button">{ link_to t('doorkeeper.applications.buttons.edit'), edit_oauth_application_path(@application), className: 'button link-button' }</div>
<div class="inline-button">{ render 'delete_form', application: @application, submit_btn_css: 'button red-button' }</div>
<div className="inline-button">{ render 'delete_form', application: @application, submit_btn_css: 'button red-button' }</div>
</div>
</div>
{ render 'script' }

4
views/doorkeeper/authorizations/error.html.erb
View file

@ -1,6 +1,6 @@
<div id="yield">
<div class="centerContent">
<div class="page-header">
<div className="centerContent">
<div className="page-header">
<h2>{ t('doorkeeper.authorizations.error.title') }</h2>
</div>

20
views/doorkeeper/authorizations/new.html.erb
View file

@ -1,19 +1,19 @@
<div id="yield">
<div class="centerContent">
<header class="page-header" role="banner">
<div className="centerContent">
<header className="page-header" role="banner">
<h1>{ t('.title') }</h1>
</header>
<main role="main">
<p class="h4">
{ raw t('.prompt', client_name: "<strong class=\"text-info\">#{ @pre_auth.client.name }</strong>") }
<p className="h4">
{ raw t('.prompt', client_name: "<strong className=\"text-info\">#{ @pre_auth.client.name }</strong>") }
</p>
{ if @pre_auth.scopes.count > 0 }
<div id="oauth-permissions">
<p>{ t('.able_to') }:</p>
<ul class="text-info">
<ul className="text-info">
{ @pre_auth.scopes.each do |scope| }
<li>{ t scope, scope: [:doorkeeper, :scopes] }</li>
{ end }
@ -21,25 +21,25 @@
</div>
{ end }
<div class="actions">
<div class="inline-button button-margin-top">
<div className="actions">
<div className="inline-button button-margin-top">
{ form_tag oauth_authorization_path, method: :post do }
{ hidden_field_tag :client_id, @pre_auth.client.uid }
{ hidden_field_tag :redirect_uri, @pre_auth.redirect_uri }
{ hidden_field_tag :state, @pre_auth.state }
{ hidden_field_tag :response_type, @pre_auth.response_type }
{ hidden_field_tag :scope, @pre_auth.scope }
{ submit_tag t('doorkeeper.authorizations.buttons.authorize'), class: "button" }
{ submit_tag t('doorkeeper.authorizations.buttons.authorize'), className: "button" }
{ end }
</div>
<div class="inline-button button-margin-top">
<div className="inline-button button-margin-top">
{ form_tag oauth_authorization_path, method: :delete do }
{ hidden_field_tag :client_id, @pre_auth.client.uid }
{ hidden_field_tag :redirect_uri, @pre_auth.redirect_uri }
{ hidden_field_tag :state, @pre_auth.state }
{ hidden_field_tag :response_type, @pre_auth.response_type }
{ hidden_field_tag :scope, @pre_auth.scope }
{ submit_tag t('doorkeeper.authorizations.buttons.deny'), class: "button red-button" }
{ submit_tag t('doorkeeper.authorizations.buttons.deny'), className: "button red-button" }
{ end }
</div>
</div>

4
views/doorkeeper/authorizations/show.html.erb
View file

@ -1,6 +1,6 @@
<div id="yield">
<div class="centerContent">
<header class="page-header">
<div className="centerContent">
<header className="page-header">
<h2>{ t('.title') }</h2>
</header>

2
views/doorkeeper/authorized_applications/_delete_form.html.erb
View file

@ -1,5 +1,5 @@
{- submit_btn_css ||= 'button red-button' }
{ form_tag oauth_authorized_application_path(application) do }
<input type="hidden" name="_method" value="delete">
{ submit_tag t('doorkeeper.authorized_applications.buttons.revoke'), onclick: "return confirm('#{ t('doorkeeper.authorized_applications.confirmations.revoke') }')", class: submit_btn_css }
{ submit_tag t('doorkeeper.authorized_applications.buttons.revoke'), onclick: "return confirm('#{ t('doorkeeper.authorized_applications.confirmations.revoke') }')", className: submit_btn_css }
{ end }

6
views/doorkeeper/authorized_applications/index.html.erb
View file

@ -1,6 +1,6 @@
<div id="yield">
<div class="centerContent">
<header class="page-header">
<div className="centerContent">
<header className="page-header">
<h2>{ t('doorkeeper.authorized_applications.index.title') }</h2>
</header>
@ -11,7 +11,7 @@
If you're a developer interested in building an app for Metamaps, check out <a href="https://metamaps.cc/api" target="_blank">the API docs</a>.
</div><br />
{ if @applications.count > 0 }
<table class="table table-striped">
<table className="table table-striped">
<thead>
<tr>
<th>{ t('doorkeeper.authorized_applications.index.application') }</th>

2
views/layouts/_head.html.erb
View file

@ -16,7 +16,7 @@
{ csrf_meta_tags }
<meta name="viewport" content="width=device-width, user-scalable=no">
{ if controller.class.name == 'MapsController' && @map }
{ if controller.className.name == 'MapsController' && @map }
<meta property="og:title" content="{ @map.name }" />
<meta property="og:type" content="website" />
<meta property="og:image" content="{ @map.screenshot_url }" />

46
views/layouts/_lightboxes.html.erb
View file

@ -7,7 +7,7 @@
<a id="lightbox_close" href="#"></a>
<div id="lightbox_content">
<div class="lightboxContent" id="about">
<div className="lightboxContent" id="about">
<h3>About Metamaps.cc</h3>
<div id="aboutParms">
<div id="leftAboutParms">
@ -23,7 +23,7 @@
<p>{ METAMAPS_BUILD }</p>
<p>{ METAMAPS_LAST_UPDATED }</p>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<p>Metamaps.cc is a free and open source web platform that supports real-time sense-making and distributed collaboration between individuals, communities and organizations.</p>
@ -32,42 +32,42 @@
<p>Metamaps.cc is created and maintained by a distributed community of contributors passionate about the evolution of collaboration, alternative forms of value creation and increase of collective intelligence through the lens of the open culture and the peer-to-peer revolution.</p>
<ul class="lightbox_links">
<ul className="lightbox_links">
<li>
<a class="icon_twitter" href="https://twitter.com/metamapps" target="_blank">
<div class="lightboxAboutIcon"></div>
<a className="icon_twitter" href="https://twitter.com/metamapps" target="_blank">
<div className="lightboxAboutIcon"></div>
@metamapps
</a>
</li>
<li>
<a class="icon_community" href="https://www.hylo.com/c/metamaps/join/mice-late-hit-two-shown" target="_blank">
<div class="lightboxAboutIcon"></div>
<a className="icon_community" href="https://www.hylo.com/c/metamaps/join/mice-late-hit-two-shown" target="_blank">
<div className="lightboxAboutIcon"></div>
community
</a>
</li>
<li>
<a class="icon_source_code" href="https://github.com/metamaps/metamaps" target="_blank">
<div class="lightboxAboutIcon"></div>
<a className="icon_source_code" href="https://github.com/metamaps/metamaps" target="_blank">
<div className="lightboxAboutIcon"></div>
source code
</a>
</li>
<li>
<a class="icon_howtos" href="https://docs.metamaps.cc" target="_blank">
<div class="lightboxAboutIcon"></div>
<a className="icon_howtos" href="https://docs.metamaps.cc" target="_blank">
<div className="lightboxAboutIcon"></div>
howtos
</a>
</li>
<li>
<a class="icon_terms" href="https://metamaps.cc/maps/331" target="_blank">
<div class="lightboxAboutIcon"></div>
<a className="icon_terms" href="https://metamaps.cc/maps/331" target="_blank">
<div className="lightboxAboutIcon"></div>
terms
</a>
</li>
</ul>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="lightboxContent" id="noIE">
<div className="lightboxContent" id="noIE">
<h3>OOPS! <br> YOUR BROWSER IS NOT SUPPORTED.</h3>
<p id="noIEsubheading">To view this experience, please upgrade to the latest one of these browsers:</p>
<a id="chromeIcon" href="https://www.google.com/chrome/browser/" target="_blank">Chrome</a>
@ -77,35 +77,35 @@
</div>
<div class="lightboxContent" id="tutorial">
<div className="lightboxContent" id="tutorial">
<h3>Tutorial</h3>
<iframe src="//player.vimeo.com/video/88334167?title=0&amp;byline=0&amp;portrait=0" width="510" height="319" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="lightboxContent" id="cheatsheet">
<div className="lightboxContent" id="cheatsheet">
{ render :partial => 'shared/cheatsheet' }
</div>
{ if current_user }
<div class="lightboxContent" id="invite">
<div className="lightboxContent" id="invite">
<h3>SHARE INVITE</h3>
<div class="leaveSpace"></div>
<div className="leaveSpace"></div>
<p>The Metamaps platform is currently in an invite-only beta with the express purpose of creating a high value knowledge ecosystem, a diverse community of contributors and a culture of collaboration and curiosity.</p>
<p>As a valued beta tester, you have the ability to invite your peers, colleagues and collaborators onto the platform.</p>
<p>Below is a personal invite link containing your unique access code, which can be used multiple times.</p>
<div id="joinCodesBox">
<p class="joinCodes">{ invite_link() }
<button class="button" onclick="Metamaps.GlobalUI.shareInvite('{ @invite_link }');">COPY INVITE LINK!</button>
<p className="joinCodes">{ invite_link() }
<button className="button" onclick="Metamaps.GlobalUI.shareInvite('{ @invite_link }');">COPY INVITE LINK!</button>
</div>
</div>
<div class="lightboxContent" id="forkmap">
<div className="lightboxContent" id="forkmap">
{ render :partial => 'shared/forkmap' }
</div>
<div class="lightboxContent" id="switchMetacodes">
<div className="lightboxContent" id="switchMetacodes">
{ render :partial => 'shared/switchmetacodes' }
</div>
{ end }

172
views/layouts/_templates.html.erb
View file

@ -3,48 +3,48 @@
# templates for the upper right autocomplete results
#}
<div class="templates">
<div className="templates">
<script type="text/template" id="mapInfoBoxTemplate">
<div class="requestTitle">Click here to name this map</div>
<div class="mapInfoName" id="mapInfoName">{{{name}}}</div>
<div className="requestTitle">Click here to name this map</div>
<div className="mapInfoName" id="mapInfoName">{{{name}}}</div>
<div class="mapInfoStat">
<div class="infoStatIcon mapContributors hoverForTip">
<img id="mapContribs" class="{{contributors_class}}"
<div className="mapInfoStat">
<div className="infoStatIcon mapContributors hoverForTip">
<img id="mapContribs" className="{{contributors_className}}"
width="25" height="25" src="{{contributor_image}}" />
<span class="count">{{contributor_count}}</span>
<div class="tip">{{{contributor_list}}}</div>
<span className="count">{{contributor_count}}</span>
<div className="tip">{{{contributor_list}}}</div>
</div>
<div class="infoStatIcon mapTopics">
<div className="infoStatIcon mapTopics">
{{topic_count}}
</div>
<div class="infoStatIcon mapSynapses">
<div className="infoStatIcon mapSynapses">
{{synapse_count}}
</div>
<div class="infoStatIcon mapPermission {{permission}} hoverForTip">
<div className="infoStatIcon mapPermission {{permission}} hoverForTip">
{{{map_creator_tip}}}
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="mapInfoDesc" id="mapInfoDesc">
<div className="mapInfoDesc" id="mapInfoDesc">
{{{desc}}}
</div>
<div class="mapInfoMeta">
<p class="mapCreatedAt"><span>Created by:</span> {{user_name}} on {{created_at}}</p>
<p class="mapEditedAt"><span>Last edited:</span> {{updated_at}}</p>
<div class="mapInfoButtonsWrapper">
<div class="mapInfoThumbnail">
<div class="thumbnail"></div>
<div class="tooltip">Update Thumbnail</div>
<div className="mapInfoMeta">
<p className="mapCreatedAt"><span>Created by:</span> {{user_name}} on {{created_at}}</p>
<p className="mapEditedAt"><span>Last edited:</span> {{updated_at}}</p>
<div className="mapInfoButtonsWrapper">
<div className="mapInfoThumbnail">
<div className="thumbnail"></div>
<div className="tooltip">Update Thumbnail</div>
<span>Thumb</span>
</div>
<div class="mapInfoDelete">
<div class="deleteMap"></div>
<div className="mapInfoDelete">
<div className="deleteMap"></div>
<span>Delete</span>
</div>
<div class="mapInfoShare">
<div class="mapInfoShareIcon"></div>
<div className="mapInfoShare">
<div className="mapInfoShareIcon"></div>
<span>Share</span>
</div>
</div>
@ -52,133 +52,133 @@
</script>
<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 className="result{{rtype}}">
<div className="topicMetacode searchResIconWrapper">
<img src="{{typeImageURL}}" className="topicIcon" />
<div className="metacodeTip">{{type}}</div>
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
<p class="resultDesc">{{description}}</p>
<div className="resultText">
<p className="resultTitle">{{label}}</p>
<p className="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>
<div className="autoOptions">
<button className="addToMap hoverForTip" onclick="return Metamaps.Topic.getTopicFromSearch(event, {{id}})">
<span className="tip">add to map</span>
</button>
<div class="mapCount">
<div className="mapCount">
{{mapCount}}
</div>
<div class="synapseCount">
<div className="synapseCount">
{{synapseCount}}
</div>
<div class="topicOriginatorIcon hoverForTip">
<div className="topicOriginatorIcon hoverForTip">
<img width="18" height="18" src="{{originatorImage}}">
<span class="tip topicOriginator">{{originator}}</span>
<span className="tip topicOriginator">{{originator}}</span>
</div>
<div class="topicPermission {{permission}}">
<div className="topicPermission {{permission}}">
</div>
</div>
<div class="clearfloat"></div>
<div className="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 className="result{{rtype}}">
<div className="searchResIconWrapper">
<img className="icon" src="/images/metamap36c.png">
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
<p class="resultDesc">{{description}}</p>
<div className="resultText">
<p className="resultTitle">{{label}}</p>
<p className="resultDesc">{{description}}</p>
</div>
<div class="autoOptions">
<div class="topicCount">
<div className="autoOptions">
<div className="topicCount">
{{topicCount}}
</div>
<div class="synapseCount">
<div className="synapseCount">
{{synapseCount}}
</div>
<div class="mapContributorsIcon hoverForTip">
<div className="mapContributorsIcon hoverForTip">
<img id="mapContribs" width="25" height="25" src="{{mapContributorImage}}" />
<div class="tip">
<div className="tip">
<ul>
{{{contributorTip}}}
</ul>
</div>
<span>{{contributorCount}}</span>
</div>
<div class="mapPermission {{permission}}">
<div className="mapPermission {{permission}}">
</div>
</div>
<div class="clearfloat"></div>
<div className="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 className="result{{rtype}}">
<div className="searchResIconWrapper">
<img className="icon" width="32" height="32" src="{{profile}}">
</div>
<div class="resultText">
<p class="resultTitle">{{label}}</p>
<div className="resultText">
<p className="resultTitle">{{label}}</p>
</div>
<div class="autoOptions">
<div class="mapperCreated">
<div className="autoOptions">
<div className="mapperCreated">
<p>Mapping since: {{created_at}}</p>
</div>
<div class="mapperGeneration">
<div className="mapperGeneration">
<p>Generation: {{generation}}</p>
</div>
<div class="mapCount">
<div className="mapCount">
{{mapCount}}
</div>
</div>
<div class="clearfloat"></div>
<div className="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 className="collabResult">
<div className="collabIconWrapper">
<img className="icon" width="25" height="25" src="{{profile}}">
</div>
<div class="collabNameWrapper">
<p class="collabName">{{label}}</p>
<div className="collabNameWrapper">
<p className="collabName">{{label}}</p>
</div>
<div class="clearfloat"></div>
<div className="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">
<div className="result{{rtype}}">
<p className="autocompleteSection synapseDesc">{{label}}</p>
<div className="synapseMetadata">
<div className="synapseOriginatorIcon hoverForTip">
<img width="24" height="24" src="{{originatorImage}}" />
<span class="tooltips synapseOriginator">{{originator}}</span>
<span className="tooltips synapseOriginator">{{originator}}</span>
</div>
<div class="synapsePermission {{permission}}"></div>
<div className="synapsePermission {{permission}}"></div>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
</script>
<script type="text/template" id="topicAutocompleteTemplate">
<div>
<img class="autocompleteSection topicType" width="24" height="24"
<img className="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">
<p className="autocompleteSection topicTitle">{{label}}</p>
<div className="expandTopicMetadata"></div>
<div className="topicMetadata">
<div className="topicNumMaps">{{mapCount}}</div>
<div className="topicNumSynapses">{{synapseCount}}</div>
<div className="topicOriginatorIcon hoverForTip">
<img width="24" height="24" src="{{originatorImage}}" />
<span class="tooltips topicOriginator">{{originator}}</span>
<span className="tooltips topicOriginator">{{originator}}</span>
</div>
<div class="topicPermission {{permission}}"></div>
<div className="topicPermission {{permission}}"></div>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
</script>
</div>

4
views/layouts/application.html.erb
View file

@ -6,8 +6,8 @@
#}
{ render :partial => 'layouts/head' }
<body class="{ current_user ? "authenticated" : "unauthenticated" } controller-{ controller_name } action-{ action_name }">
<div class="main" id="react-app"></div>
<body className="{ current_user ? "authenticated" : "unauthenticated" } controller-{ controller_name } action-{ action_name }">
<div className="main" id="react-app"></div>
{ yield }
{ if current_user }
{ # for creating and pulling in topics and synapses }

14
views/maps/_newtopic.html.erb
View file

@ -1,25 +1,25 @@
{ @metacodes = user_metacodes() }
{ form_for Topic.new, url: topics_url, remote: true do |form| }
<div class="openMetacodeSwitcher openLightbox" data-open="switchMetacodes">
<div class="tooltipsAbove">Switch Metacodes</div>
<div className="openMetacodeSwitcher openLightbox" data-open="switchMetacodes">
<div className="tooltipsAbove">Switch Metacodes</div>
</div>
<div class="pinCarousel">
<div class="tooltipsAbove helpPin">Pin Open</div>
<div class="tooltipsAbove helpUnpin">Unpin</div>
<div className="pinCarousel">
<div className="tooltipsAbove helpPin">Pin Open</div>
<div className="tooltipsAbove helpUnpin">Unpin</div>
</div>
<div id="metacodeImg">
{ @metacodes.each do |metacode| }
<img class="cloudcarousel" width="40" height="40" src="{ asset_path metacode.icon }" alt="{ metacode.name }" title="{ metacode.name }" data-id="{ metacode.id }" />
<img className="cloudcarousel" width="40" height="40" src="{ asset_path metacode.icon }" alt="{ metacode.name }" title="{ metacode.name }" data-id="{ metacode.id }" />
{ end }
</div>
{ form.text_field :name, :maxlength => 140, :placeholder => "title..." }
<div id="metacodeImgTitle"></div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
<script>
{ @metacodes.each do |metacode| }

38
views/metacode_sets/_form.html.erb
View file

@ -11,79 +11,79 @@
</div>
{ end }
<div class="field">
<div className="field">
{ f.label :name }
{ f.text_field :name }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="field">
<div className="field">
{ f.label :desc, "Description" }
{ f.text_area :desc, :cols => "40", :rows => "4" }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<br />
<p>Choose Metacodes</p>
<div class="allMetacodes">
<div className="allMetacodes">
<span id="showAll" onclick="Metamaps.Admin.selectAll();">Select All</span>
<span id="hideAll" onclick="Metamaps.Admin.deselectAll();">Unselect All</span>
</div>
<div class="clearfloat"></div>
<div class="editMetacodes">
<div className="clearfloat"></div>
<div className="editMetacodes">
<ul id="filters-one">
{ $i = 0 }
{ @m = Metacode.order("name").all }
{ while $i < (Metacode.all.length / 4) do }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }class="toggledOff"{ end }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }className="toggledOff"{ end }
onclick="Metamaps.Admin.liClickHandler.call(this);">
<img src="{ asset_path @m[$i].icon }" alt="{ @m[$i].name }" />
<p>{ @m[$i].name.downcase }</p>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</li>
{ $i += 1 }
{ end }
</ul>
<ul id="filters-two">
{ while $i < (Metacode.all.length / 4 * 2) do }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }class="toggledOff"{ end }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }className="toggledOff"{ end }
onclick="Metamaps.Admin.liClickHandler.call(this);">
<img src="{ asset_path @m[$i].icon }" alt="{ @m[$i].name }" />
<p>{ @m[$i].name.downcase }</p>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</li>
{ $i += 1 }
{ end }
</ul>
<ul id="filters-three">
{ while $i < (Metacode.all.length / 4 * 3) do }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }class="toggledOff"{ end }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }className="toggledOff"{ end }
onclick="Metamaps.Admin.liClickHandler.call(this);">
<img src="{ asset_path @m[$i].icon }" alt="{ @m[$i].name }" />
<p>{ @m[$i].name.downcase }</p>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</li>
{ $i += 1 }
{ end }
</ul>
<ul id="filters-four">
{ while $i < Metacode.all.length do }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }class="toggledOff"{ end }
<li id="{ @m[$i].id }" { if not @m[$i].in_metacode_set(@metacode_set) }className="toggledOff"{ end }
onclick="Metamaps.Admin.liClickHandler.call(this);">
<img src="{ asset_path @m[$i].icon }" alt="{ @m[$i].name }" />
<p>{ @m[$i].name.downcase }</p>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</li>
{ $i += 1 }
{ end }
</ul>
</div>
{ hidden_field(:metacodes, :value, {:value => 0}) }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
<div class="actions">
<div className="actions">
{ link_to 'Cancel', metacode_sets_path,
{ :class => 'button' } }
{ f.submit :class => 'add', :onclick => "return Metamaps.Admin.validate();" }
{ :className => 'button' } }
{ f.submit :className => 'add', :onclick => "return Metamaps.Admin.validate();" }
</div>
{ end }

2
views/metacode_sets/edit.html.erb
View file

@ -1,5 +1,5 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
{ render 'form' }
</div>
</div>

12
views/metacode_sets/index.html.erb
View file

@ -1,10 +1,10 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
<br />
<table>
<tr>
<th>Name</th>
<th class='metacodeSetsDescription'>Description</th>
<th className='metacodeSetsDescription'>Description</th>
<th>Metacodes</th>
</tr>
@ -19,15 +19,15 @@
metacode_set, method: :delete,
data: { confirm: 'Are you sure?' } }
</td>
<td class='metacodeSetDesc'>{ metacode_set.desc }</td>
<td className='metacodeSetDesc'>{ metacode_set.desc }</td>
<td>
{ metacode_set.metacodes.each_with_index do |metacode, index| }
<img class='metacodeSetImage' src='{ asset_path metacode.icon }' />
<img className='metacodeSetImage' src='{ asset_path metacode.icon }' />
{ if (index+1)%4 == 0 }
<div class='clearfloat'></div>
<div className='clearfloat'></div>
{ end }
{ end }
<div class='clearfloat'></div>
<div className='clearfloat'></div>
</td>
</tr>
{ end }

2
views/metacode_sets/new.html.erb
View file

@ -1,5 +1,5 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
{ render 'form' }
</div>
</div>

20
views/metacodes/_form.html.erb
View file

@ -10,18 +10,18 @@
</div>
{ end }
<div class="field">
<div className="field">
{ f.label :name }
{ f.text_field :name }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
{ unless @metacode.new_record? }
<div class="field">
<div className="field">
{ f.label 'Current Icon' }
{ image_tag @metacode.icon, width: 96 }
</div>
{ end }
<div class="field">
<div className="field">
{ if @metacode.new_record? }
{ f.label 'Icon' }
{ else }
@ -29,15 +29,15 @@
{ end }
{ f.hidden_field :manual_icon, value: nil }
{ f.file_field :aws_icon }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="field">
<div className="field">
{ f.label :color, "Color (hex with # sign)" }
{ f.text_field :color }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="actions">
{ link_to 'Cancel', metacodes_path, { :class => 'button' } }
{ f.submit :class => 'add' }
<div className="actions">
{ link_to 'Cancel', metacodes_path, { :className => 'button' } }
{ f.submit :className => 'add' }
</div>
{ end }

2
views/metacodes/edit.html.erb
View file

@ -1,5 +1,5 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
{ render 'form' }
</div>
</div>

6
views/metacodes/index.html.erb
View file

@ -1,5 +1,5 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
<br />
<table>
<tr>
@ -13,9 +13,9 @@
{ @metacodes.each do |metacode| }
<tr>
<td>{ metacode.name }</td>
<td class="iconURL">{ metacode.icon }</td>
<td className="iconURL">{ metacode.icon }</td>
{ if metacode.color }
<td class="iconColor" style="background-color: { metacode.color }">
<td className="iconColor" style="background-color: { metacode.color }">
{ metacode.color }
</td>
{ else }

2
views/metacodes/new.html.erb
View file

@ -1,5 +1,5 @@
<div id="yield">
<div class='centerContent'>
<div className='centerContent'>
{ render 'form' }
</div>
</div>

40
views/notifications/index.html.erb
View file

@ -2,68 +2,68 @@
{ content_for :mobile_title, 'Notifications' }
<div id="yield">
<div class="centerContent notificationsPage">
<header class="page-header">
<h2 class="title">Notifications</h4>
<div className="centerContent notificationsPage">
<header className="page-header">
<h2 className="title">Notifications</h4>
</header>
<ul class="notifications">
<ul className="notifications">
{ blacklist = [MAP_ACCESS_REQUEST, MAP_ACCESS_APPROVED, MAP_INVITE_TO_EDIT] }
{ notifications = @notifications.to_a.delete_if{|n| blacklist.include?(n.notification_code) && (n.notified_object.nil? || n.notified_object.map.nil?) }}
{ notifications.each do |notification| }
{ receipt = @receipts.find_by(notification_id: notification.id) }
<li class="notification { receipt.is_read? ? 'read' : 'unread' }" id="notification-{ notification.id }">
<li className="notification { receipt.is_read? ? 'read' : 'unread' }" id="notification-{ notification.id }">
{ link_to notification_path(notification.id) do }
<div class="notification-actor">
<div className="notification-actor">
{ image_tag notification.sender.image(:thirtytwo) }
</div>
<div class="notification-body">
<div class="in-bold">{ notification.sender.name }</div>
<div className="notification-body">
<div className="in-bold">{ notification.sender.name }</div>
{
case notification.notification_code
when MAP_ACCESS_APPROVED }
{ map = notification.notified_object.map }
granted your request to edit map <span class="in-bold">{ map.name }</span>
granted your request to edit map <span className="in-bold">{ map.name }</span>
{ when MAP_ACCESS_REQUEST }
{ map = notification.notified_object.map }
wants permission to map with you on <span class="in-bold">{ map.name }</span>
wants permission to map with you on <span className="in-bold">{ map.name }</span>
{ if !notification.notified_object.answered }
&nbsp;&nbsp;<div class="action">Offer a response</div>
&nbsp;&nbsp;<div className="action">Offer a response</div>
{ end }
{ when MAP_INVITE_TO_EDIT }
{ map = notification.notified_object.map }
gave you edit access to map <span class="in-bold">{ map.name }</span>
gave you edit access to map <span className="in-bold">{ map.name }</span>
{ when TOPIC_ADDED_TO_MAP }
{ topic = notification.notified_object.eventable
map = notification.notified_object.map }
added topic <span class="in-bold">{ topic.name }</span> to map <span class="in-bold">{ map.name }</span>
added topic <span className="in-bold">{ topic.name }</span> to map <span className="in-bold">{ map.name }</span>
{ when TOPIC_CONNECTED_1 }
{ topic1 = notification.notified_object&.topic1 }
{ topic2 = notification.notified_object&.topic2 }
connected <span class="in-bold">{ topic1&.name }</span> to <span class="in-bold">{ topic2&.name }</span>
connected <span className="in-bold">{ topic1&.name }</span> to <span className="in-bold">{ topic2&.name }</span>
{ when TOPIC_CONNECTED_2 }
{ topic1 = notification.notified_object&.topic1 }
{ topic2 = notification.notified_object&.topic2 }
connected <span class="in-bold">{ topic2&.name }</span> to <span class="in-bold">{ topic1&.name }</span>
connected <span className="in-bold">{ topic2&.name }</span> to <span className="in-bold">{ topic1&.name }</span>
{ when MESSAGE_FROM_DEVS }
{ notification.subject }
{ end }
</div>
{ end }
<div class="notification-read-unread">
<div className="notification-read-unread">
{ if receipt.is_read? }
{ link_to 'mark as unread', mark_unread_notification_path(notification.id), remote: true, method: :put }
{ else }
{ link_to 'mark as read', mark_read_notification_path(notification.id), remote: true, method: :put }
{ end }
</div>
<div class="notification-date">
<div className="notification-date">
{ notification.created_at.strftime("%b %d") }
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</li>
{ end }
{ if notifications.count == 0 }
<div class="emptyInbox">
<div className="emptyInbox">
You have no notifications. More time for dancing.
</div>
{ end }
@ -71,7 +71,7 @@
</div>
{ if @notifications.total_pages > 1 }
<div class="centerContent withPadding pagination">
<div className="centerContent withPadding pagination">
{ paginate @notifications }
</div>
{ end }

20
views/notifications/show.html.erb
View file

@ -2,24 +2,24 @@
{ content_for :mobile_title, 'Notifications' }
<div id="yield">
<div class="centerContent withPadding back">
<div className="centerContent withPadding back">
{ link_to 'Back to notifications', notifications_path }
</div>
<div class="centerContent notificationPage">
<h2 class="notification-title">
<div className="centerContent notificationPage">
<h2 className="notification-title">
{ case @notification.notification_code
when MAP_ACCESS_REQUEST
request = @notification.notified_object
map = request.map }
{ image_tag @notification.sender.image(:thirtytwo), class: 'thirty-two-avatar' } <span style='font-weight:bold;' class='requesterName'>{ request.user.name }</span> wants to collaborate on map <span style='font-weight:bold;'>{ map.name }</span>
{ image_tag @notification.sender.image(:thirtytwo), className: 'thirty-two-avatar' } <span style='font-weight:bold;' className='requesterName'>{ request.user.name }</span> wants to collaborate on map <span style='font-weight:bold;'>{ map.name }</span>
{ else }
{ @notification.subject }
{ end }
</h2>
{ case @notification.notification_code
when MAP_ACCESS_REQUEST }
<div class="notification-body">
<p class="main-text">
<div className="notification-body">
<p className="main-text">
{ if false && request.answered }
{ if request.approved }
You already responded to this access request, and allowed access.
@ -28,9 +28,9 @@
them access by going to the map and adding them as a collaborator.
{ end }
{ else }
{ image_tag asset_path('ellipsis.gif'), class: 'hidden' }
{ link_to 'Allow', approve_access_post_map_path(id: map.id, request_id: request.id), remote: true, method: :post, class: 'button allow' }
{ link_to 'Decline', deny_access_post_map_path(id: map.id, request_id: request.id), remote: true, method: :post, class: 'button decline' }
{ image_tag asset_path('ellipsis.gif'), className: 'hidden' }
{ link_to 'Allow', approve_access_post_map_path(id: map.id, request_id: request.id), remote: true, method: :post, className: 'button allow' }
{ link_to 'Decline', deny_access_post_map_path(id: map.id, request_id: request.id), remote: true, method: :post, className: 'button decline' }
<script>
$(document).ready(function() {
$('.notification-body .button').click(function() {
@ -44,7 +44,7 @@
&nbsp;&nbsp;{ link_to 'View mapper profile', explore_path(id: request.user.id) }
</div>
{ else }
<div class="notification-body">
<div className="notification-body">
{ raw @notification.body }
</div>
{ end }

166
views/shared/_cheatsheet.html.erb
View file

@ -26,122 +26,122 @@
</ul>
<div id="csTopicView">
<div class="csItem"><span class="csTitle">Enter Topic (radial) View:</span> Click on a Topic result from Search, or click the synapse <img src="{ asset_path 'synapse16.png' }" width="16" align="middle" /> icon inside open Topic Card on map</div>
<div class="csItem"><span class="csTitle">Recenter Topics around chosen Topic:</span> Alt + click on the topic OR Alt + E</div>
<div class="csItem"><span class="csTitle">Reveal the siblings for a Topic:</span> Right-click and choose 'Reveal siblings' OR Alt + R</div>
<div class="csItem"><span class="csTitle">Center topic and reveal siblings:</span> Alt + T</div>
<div class="csItem"><span class="csTitle">Filter out visible Topics:</span> Open Filter menu *** and toggle off/on</div>
<div className="csItem"><span className="csTitle">Enter Topic (radial) View:</span> Click on a Topic result from Search, or click the synapse <img src="{ asset_path 'synapse16.png' }" width="16" align="middle" /> icon inside open Topic Card on map</div>
<div className="csItem"><span className="csTitle">Recenter Topics around chosen Topic:</span> Alt + click on the topic OR Alt + E</div>
<div className="csItem"><span className="csTitle">Reveal the siblings for a Topic:</span> Right-click and choose 'Reveal siblings' OR Alt + R</div>
<div className="csItem"><span className="csTitle">Center topic and reveal siblings:</span> Alt + T</div>
<div className="csItem"><span className="csTitle">Filter out visible Topics:</span> Open Filter menu *** and toggle off/on</div>
</div>
<div id="csCreatingTopics">
<div class="csItem"><span class="csTitle">Double-click on canvas:</span> Bring up the metacode spinner</div>
<div class="csItem indented"><span class="csTitle">Scroll:</span> change metacode spinner selection</div>
<div class="csItem indented"><span class="csTitle">Tab:</span> rotate spinner counter-clockwise</div>
<div class="csItem indented"><span class="csTitle">Shift + tab:</span> rotate spinner clockwise</div>
<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="https://docs.metamaps.cc/creating_topics.html" target= "_blank">Learn More</a></div>
<div className="csItem"><span className="csTitle">Double-click on canvas:</span> Bring up the metacode spinner</div>
<div className="csItem indented"><span className="csTitle">Scroll:</span> change metacode spinner selection</div>
<div className="csItem indented"><span className="csTitle">Tab:</span> rotate spinner counter-clockwise</div>
<div className="csItem indented"><span className="csTitle">Shift + tab:</span> rotate spinner clockwise</div>
<div className="csItem indented"><span className="csTitle">Esc:</span> Hides auto-suggestion results</div>
<div className="csItem indented"><span className="csTitle">Enter:</span> create a new topic</div>
<div className="csItem indented"><span className="csTitle">Gear Icon:</span> open up metacode settings</div>
<div className="csItem"><br><a href="https://docs.metamaps.cc/creating_topics.html" 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
<div className="csItem">
<span className="csTitle">Open Topic card:</span> Double-click on topic icon
</div>
<div class="csItem indented">
<span class="csTitle">Move Topic card:</span> Click and drag on topic card metacode
<div className="csItem indented">
<span className="csTitle">Move Topic card:</span> Click and drag on topic card metacode
</div>
<div class="csItem indented">
<span class="csTitle">Change metacode:</span> Mouse over metacode icon, then click on solid colored bar for metacode menu
<div className="csItem indented">
<span className="csTitle">Change metacode:</span> Mouse over metacode icon, then click on solid colored bar for metacode menu
</div>
<div class="csItem indented">
<span class="csTitle">Edit Topic title, description, link:</span> Click on text in respective area (click small "X" to reset link)
<div className="csItem indented">
<span className="csTitle">Edit Topic title, description, link:</span> Click on text in respective area (click small "X" to reset link)
</div>
<div class="csItem indented">
<span class="csTitle">Save Topic title, description, link:</span> Hit enter, or click away
<div className="csItem indented">
<span className="csTitle">Save Topic title, description, link:</span> Hit enter, or click away
</div>
<div class="csItem indented">
<span class="csTitle">Change Topic permission:</span> Click on 'Permission' icon (only for topic creator)
<div className="csItem indented">
<span className="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="{ asset_path 'synapse16.png' }" width="16" align="middle" /> icon within topic card bar
<div className="csItem indented">
<span className="csTitle">Open Topic view:</span> Click on <img src="{ asset_path '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
<div className="csItem indented">
<span className="csTitle">Close Topic card:</span> Click on canvas
</div>
<div class="csItem">
<span class="csTitle">Open 'Context Menu':</span> Right-click/alt+click on topic icon or synapse or selection (multiple) to Hide/Remove/Delete, change metacode or permission
<div className="csItem">
<span className="csTitle">Open 'Context Menu':</span> Right-click/alt+click on topic icon or synapse or selection (multiple) to Hide/Remove/Delete, change metacode or permission
</div>
<div class="csItem"><br><a href="https://docs.metamaps.cc/creating_topics.html" target= "_blank">Learn More</a></div>
<div className="csItem"><br><a href="https://docs.metamaps.cc/creating_topics.html" target= "_blank">Learn More</a></div>
</div>
<div id="csCreatingSynapses">
<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 a label</span> Begin typing (or leave blank)</div>
<div class="csItem indented"><span class="csTitle">Confirm new Synapse:</span> Enter or Tab</div>
<div class="csItem indented"><span class="csTitle">Cancel new Synapse:</span> Escape or Delete</div>
<div class="csItem"><span class="csTitle">Create new Topic with Synapse:</span> Right-click + drag from existing topic to open canvas</div>
<div class="csItem indented"><span class="csTitle">Create Topic:</span> Same as elsewhere</div>
<div class="csItem indented"><span class="csTitle">Create Synapse:</span> Same as above</div>
<div class="csItem"><br><a href="https://docs.metamaps.cc/creating_synapses.html" target= "_blank">Learn More</a></div>
<div className="csItem"><span className="csTitle">Open 'Create Synapse' prompt:</span> Right-click & drag from one topic to another</div>
<div className="csItem indented"><span className="csTitle">Enter a label</span> Begin typing (or leave blank)</div>
<div className="csItem indented"><span className="csTitle">Confirm new Synapse:</span> Enter or Tab</div>
<div className="csItem indented"><span className="csTitle">Cancel new Synapse:</span> Escape or Delete</div>
<div className="csItem"><span className="csTitle">Create new Topic with Synapse:</span> Right-click + drag from existing topic to open canvas</div>
<div className="csItem indented"><span className="csTitle">Create Topic:</span> Same as elsewhere</div>
<div className="csItem indented"><span className="csTitle">Create Synapse:</span> Same as above</div>
<div className="csItem"><br><a href="https://docs.metamaps.cc/creating_synapses.html" 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 indented"><span class="csTitle">Browse / select from multiple (stacked) synapses:</span> Click dropdown icon and select desired synapse</div>
<div class="csItem"><span class="csTitle">Open 'Context Menu':</span> Right-click/alt-click on Synapse</div>
<div class="csItem indented">*Hide/Remove/Delete synapse within context menu</div>
<div class="csItem"><br><a href="https://docs.metamaps.cc/creating_synapses.html" target= "_blank">Learn More</a></div>
<div className="csItem"><span className="csTitle">Open Synapse card:</span> Double-click on Synapse </div>
<div className="csItem indented"><span className="csTitle">Edit Synapse description:</span> Click on current description text</div>
<div className="csItem indented"><span className="csTitle">Save Synapse description:</span> Hit enter</div>
<div className="csItem indented"><span className="csTitle">Edit directionality:</span> Select appropriate arrow boxes</div>
<div className="csItem indented"><span className="csTitle">Change synapse permission:</span> Click on 'permission' icon (only for synapse creator)</div>
<div className="csItem indented"><span className="csTitle">Browse / select from multiple (stacked) synapses:</span> Click dropdown icon and select desired synapse</div>
<div className="csItem"><span className="csTitle">Open 'Context Menu':</span> Right-click/alt-click on Synapse</div>
<div className="csItem indented">*Hide/Remove/Delete synapse within context menu</div>
<div className="csItem"><br><a href="https://docs.metamaps.cc/creating_synapses.html" target= "_blank">Learn More</a></div>
</div>
<div id="csNavigation">
<div class="csItem"><span class="csTitle">Move around Canvas:</span> Click and drag</div>
<div class="csItem indented"><span class="csTitle">Zoom in/out:</span> Scroll OR click on <div id="zoomIn"> </div> & <div id="zoomOut"> </div></div>
<div class="csItem indented"><span class="csTitle">Zoom to see all:</span> Click <div id="centerMap"></div> OR Ctrl + E</div>
<div class="csItem"><span class="csTitle">Filter Map Contents:</span> Open the Filter Menu *** and toggle items off/on</div>
<div class="csItem"><span class="csTitle">Return to 'Explore Maps' (home) page:</span> Click the Metamaps logo in the upper left corner</div>
<div class="csItem"><br><a href="https://docs.metamaps.cc/exploring_maps.html" target= "_blank">Learn More</a></div>
<div className="csItem"><span className="csTitle">Move around Canvas:</span> Click and drag</div>
<div className="csItem indented"><span className="csTitle">Zoom in/out:</span> Scroll OR click on <div id="zoomIn"> </div> & <div id="zoomOut"> </div></div>
<div className="csItem indented"><span className="csTitle">Zoom to see all:</span> Click <div id="centerMap"></div> OR Ctrl + E</div>
<div className="csItem"><span className="csTitle">Filter Map Contents:</span> Open the Filter Menu *** and toggle items off/on</div>
<div className="csItem"><span className="csTitle">Return to 'Explore Maps' (home) page:</span> Click the Metamaps logo in the upper left corner</div>
<div className="csItem"><br><a href="https://docs.metamaps.cc/exploring_maps.html" target= "_blank">Learn More</a></div>
</div>
<div id="csSelection">
<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 to include each</div>
<div class="csItem"><span class="csTitle">Select multiple with Selection Box:</span> Right-click/Shift-click + drag on Canvas</div>
<div class="csItem"><span class="csTitle">Move all selected Topics & Synapses:</span> Click + drag on selected topic(s)/synapse(s)</div>
<div class="csItem"><span class="csTitle">Open 'Context Menu':</span> Right-click/Alt-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">Zoom to selection box</span> Ctrl-click + drag</div>
<div class="csItem"><span class="csTitle">Deselect all topics & Synapses:</span> Click on background or Esc</div>
<div className="csItem"><span className="csTitle">Select/Deselect Topic:</span> Click on topic icon</div>
<div className="csItem"><span className="csTitle">Select/Deselect Synapse:</span> Click on synapse</div>
<div className="csItem"><span className="csTitle">Select multiple Topics/Synapses:</span> Shift + click to include each</div>
<div className="csItem"><span className="csTitle">Select multiple with Selection Box:</span> Right-click/Shift-click + drag on Canvas</div>
<div className="csItem"><span className="csTitle">Move all selected Topics & Synapses:</span> Click + drag on selected topic(s)/synapse(s)</div>
<div className="csItem"><span className="csTitle">Open 'Context Menu':</span> Right-click/Alt-click on selected topic(s)</div>
<div className="csItem indented">*Hide/Remove/Delete/Change permissions of multiple topics & synapses within context menu</div>
<div className="csItem"><span className="csTitle">Zoom to selection box</span> Ctrl-click + drag</div>
<div className="csItem"><span className="csTitle">Deselect all topics & Synapses:</span> Click on background or Esc</div>
</div>
<div id="csSearch">
<div class="csItem"><span class="csTitle">Search for Topics and Maps:</span> Type query terms into search bar, wait for results below</div>
<div class="csItem"><span class="csTitle">Limit search results:</span> Click checkbox for only items you created; click arrow above Topics or Maps section to collapse</div>
<div class="csItem"><span class="csTitle">Add Topic to current Map:</span> Click "+" on a topic result</div>
<div class="csItem"><span class="csTitle">Jump to Topic View:</span> Click anywhere else on a topic result</div>
<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>
<div class="csItem"><span class="csTitle">Search for mapper:</span> type "mapper:", then your search query. i.e. mapper:Robert</div>
<div className="csItem"><span className="csTitle">Search for Topics and Maps:</span> Type query terms into search bar, wait for results below</div>
<div className="csItem"><span className="csTitle">Limit search results:</span> Click checkbox for only items you created; click arrow above Topics or Maps section to collapse</div>
<div className="csItem"><span className="csTitle">Add Topic to current Map:</span> Click "+" on a topic result</div>
<div className="csItem"><span className="csTitle">Jump to Topic View:</span> Click anywhere else on a topic result</div>
<div className="csItem"><span className="csTitle">Search by metacode:</span> type "[name of metacode]:", then your search query. i.e. idea:create...</div>
<div className="csItem"><span className="csTitle">Search for map:</span> type "map:", then your search query. i.e. map:exploring...</div>
<div className="csItem"><span className="csTitle">Search for mapper:</span> type "mapper:", then your search query. i.e. mapper:Robert</div>
</div>
<div id="csKeyboardShortcuts">
<div class="csItem"><span class="csTitle">Ctrl + /:</span> Open 'Search' prompt</div>
<div class="csItem"><span class="csTitle">Ctrl + H:</span> Hide selection on map</div>
<div class="csItem"><span class="csTitle">Ctrl + M:</span> Remove selection from map</div>
<div class="csItem"><span class="csTitle">Ctrl + D:</span> Delete selection</div>
<div class="csItem"><span class="csTitle">Ctrl + A:</span> Select all topics</div>
<div class="csItem"><span class="csTitle">Ctrl + E:</span> See all on map (zoom to extents)</div>
<div class="csItem"><span class="csTitle">Esc (while in search):</span> Close search</div>
<div class="csItem"><span class="csTitle">Esc (with selection):</span> Deselect all</div>
<div className="csItem"><span className="csTitle">Ctrl + /:</span> Open 'Search' prompt</div>
<div className="csItem"><span className="csTitle">Ctrl + H:</span> Hide selection on map</div>
<div className="csItem"><span className="csTitle">Ctrl + M:</span> Remove selection from map</div>
<div className="csItem"><span className="csTitle">Ctrl + D:</span> Delete selection</div>
<div className="csItem"><span className="csTitle">Ctrl + A:</span> Select all topics</div>
<div className="csItem"><span className="csTitle">Ctrl + E:</span> See all on map (zoom to extents)</div>
<div className="csItem"><span className="csTitle">Esc (while in search):</span> Close search</div>
<div className="csItem"><span className="csTitle">Esc (with selection):</span> Deselect all</div>
</div>
</div>
@ -151,8 +151,8 @@
<div id="moreResources">
<p>For more information about Metamaps.cc, visit our Knowledge Base or skip directly to a section by clicking on one of the categories below.</p>
<div class="resourcesColumnOne resourcesColumn">
<a href="https://hylo.com/c/metamaps" target="_blank" class="button">Hylo User Community</a>
<div className="resourcesColumnOne resourcesColumn">
<a href="https://hylo.com/c/metamaps" target="_blank" className="button">Hylo User Community</a>
<ul>
<li><a href="https://docs.metamaps.cc/getting_started.html" target="_blank">Getting Started</a></li>
<li><a href="https://docs.metamaps.cc/best_practices.html" target="_blank">Best Practices</a></li>
@ -160,8 +160,8 @@
<li><a href="https://docs.metamaps.cc/advanced_features.html" target="_blank">Advanced Features</a></li>
</ul>
</div>
<div class="resourcesColumnTwo resourcesColumn">
<a href="https://docs.metamaps.cc" target="_blank" class="button">KNOWLEDGE BASE</a>
<div className="resourcesColumnTwo resourcesColumn">
<a href="https://docs.metamaps.cc" target="_blank" className="button">KNOWLEDGE BASE</a>
<ul>
<li><a href="https://docs.metamaps.cc/general_questions.html" target="_blank">General Questions</a></li>
<li><a href="https://docs.metamaps.cc/project_organization_and_governance.html" target="_blank">Organization & Governance</a></li>

54
views/shared/_forkmap.html.erb
View file

@ -2,61 +2,61 @@
# @file
# Partial view, renders a form that creates a new map.
#}
<div class="onConsole">
{ form_for Map.new, url: maps_url, remote: true, html: { class: "new_map", id: "fork_map" } do |form|}
<div className="onConsole">
{ form_for Map.new, url: maps_url, remote: true, html: { className: "new_map", id: "fork_map" } do |form|}
<h3 class="forCreateMap">Save To New Map</h3>
<h3 className="forCreateMap">Save To New Map</h3>
<div class="inputGroup">
<div className="inputGroup">
<label for="map_name">Name: </label>
{ form.text_field :name, :maxlength => 140 }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<div class="inputGroup">
<div className="inputGroup">
<label for="map_desc">Description: </label>
{ form.text_area :desc, class: "description", :rows => 5, :cols => 43 }
<div class="clearfloat"></div>
{ form.text_area :desc, className: "description", :rows => 5, :cols => 43 }
<div className="clearfloat"></div>
</div>
<div class="inputGroup">
<div className="inputGroup">
<label for="map_permission">Permission*: </label>
<p class="permHelper">*new topics and synapses take on the same permission as the map they are created on</p>
<div class="permIconWrapper">
<div class="permIcon" data-permission="commons">
<div id="newmap_co" class="mapCommonsIcon mapPermIcon selected">
<div class="tip">
<p className="permHelper">*new topics and synapses take on the same permission as the map they are created on</p>
<div className="permIconWrapper">
<div className="permIcon" data-permission="commons">
<div id="newmap_co" className="mapCommonsIcon mapPermIcon selected">
<div className="tip">
Anyone with an account can edit this map. Anyone without an account can only view it.
</div>
</div>
<h4>COMMONS</h4>
</div>
<div class="permIcon" data-permission="public">
<div id="newmap_pu" class="mapPublicIcon mapPermIcon">
<div class="tip">
<div className="permIcon" data-permission="public">
<div id="newmap_pu" className="mapPublicIcon mapPermIcon">
<div className="tip">
Only people you allow can edit this map. Anyone can view it.
</div>
</div>
<h4>PUBLIC</h4>
</div>
<div class="permIcon" data-permission="private">
<div id="newmap_pr" class="mapPrivateIcon mapPermIcon">
<div class="tip">
<div className="permIcon" data-permission="private">
<div id="newmap_pr" className="mapPrivateIcon mapPermIcon">
<div className="tip">
Only people you allow can edit this map. No one else can view it.
</div>
</div>
<h4>PRIVATE</h4>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<p class="permText">Anyone with an account can edit this map. Anyone without an account can only view it.</p>
<div class="clearfloat"></div>
<p className="permText">Anyone with an account can edit this map. Anyone without an account can only view it.</p>
<div className="clearfloat"></div>
</div>
<div class="buttonWrapper">
<button class="button cancel">Cancel</button>
<button class="button submitMap">Create!</button>
<div className="buttonWrapper">
<button className="button cancel">Cancel</button>
<button className="button submitMap">Create!</button>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
{ end }
</div>

2
views/shared/_mailer_unsubscribe_link.html.erb
View file

@ -1,3 +1,3 @@
<div class="unsubscribe-link">
<div className="unsubscribe-link">
{ link_to 'Unsubscribe from all Metamaps emails', unsubscribe_notifications_url(protocol: Rails.env.production? ? :https : :http) }
</div>

2
views/shared/_metacodeCssColors.html.erb
View file

@ -1,5 +1,5 @@
<style>
{ # give text the color of the metacode by adding the class .metacodeColor{metacode-id} }
{ # give text the color of the metacode by adding the className .metacodeColor{metacode-id} }
{ Metacode.all.each do |m| }
{ if m.color }
{ ".metacodeColor" + m.id.to_s + "{" }

52
views/shared/_switchmetacodes.html.erb
View file

@ -34,18 +34,18 @@
data-metacodes="{ recent.map(&:id).join(',') }">
{ @list = '' }
{ recent.each_with_index do |m, index| }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div class="clearfloat"></div></li>' }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
{ end }
<div class="metacodeSwitchTab">
<p class="setDesc">The 5 Metacodes you've used most recently.</p>
<div class="metacodeSetList">
<div className="metacodeSwitchTab">
<p className="setDesc">The 5 Metacodes you've used most recently.</p>
<div className="metacodeSetList">
<ul>
{ @list.html_safe }
</ul>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
</div>
<button class="button" onclick="Metamaps.Create.updateMetacodeSet('Recent', 0, false);">
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('Recent', 0, false);">
Switch Set
</button>
</div>
@ -54,18 +54,18 @@
data-metacodes="{ most_used.map(&:id).join(',') }">
{ @list = '' }
{ most_used.each_with_index do |m, index| }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div class="clearfloat"></div></li>' }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
{ end }
<div class="metacodeSwitchTab">
<p class="setDesc">The 5 Metacodes you've used the most.</p>
<div class="metacodeSetList">
<div className="metacodeSwitchTab">
<p className="setDesc">The 5 Metacodes you've used the most.</p>
<div className="metacodeSetList">
<ul>
{ @list.html_safe }
</ul>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
</div>
<button class="button" onclick="Metamaps.Create.updateMetacodeSet('Most', 1, false);">
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('Most', 1, false);">
Switch Set
</button>
</div>
@ -74,46 +74,46 @@
data-metacodes="{ m.metacodes.map(&:id).join(',') }">
{ @list = '' }
{ m.metacodes.sort{|x,y| x.name <=> y.name }.each_with_index do |m, index| }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div class="clearfloat"></div></li>' }
{ @list += '<li><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div className="clearfloat"></div></li>' }
{ end }
<div class="metacodeSwitchTab">
<p class="setDesc">{ m.desc }</p>
<div class="metacodeSetList">
<div className="metacodeSwitchTab">
<p className="setDesc">{ m.desc }</p>
<div className="metacodeSetList">
<ul>
{ @list.html_safe }
</ul>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
</div>
<button class="button" onclick="Metamaps.Create.updateMetacodeSet({ m.id }, { localindex + 2 }, false);">
<button className="button" onclick="Metamaps.Create.updateMetacodeSet({ m.id }, { localindex + 2 }, false);">
Switch Set
</button>
</div>
{ end }
<div id="metacodeSwitchTabsCustom">
<div class="setDesc">Choose Your Metacodes</div>
<div class="selectNone">NONE</div>
<div class="selectAll">ALL</div>
<div className="setDesc">Choose Your Metacodes</div>
<div className="selectNone">NONE</div>
<div className="selectAll">ALL</div>
{ @list = '' }
{ metacodesInUse = user_metacodes() }
{ Metacode.order("name").all.each_with_index do |m, index| }
{ mClass = metacodesInUse.index(m) == nil ? "toggledOff" : "" }
{ @list += '<li id="' + m.id.to_s + '" data-name="' + m.name + '" class="' + mClass + '"><img src="' + asset_path(m.icon) + '" alt="' + m.name + '" /><p>' + m.name.downcase + '</p><div class="clearfloat"></div></li>' }
{ @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>' }
{ end }
<div class="customMetacodeList">
<div className="customMetacodeList">
<ul>
{ @list.html_safe }
</ul>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
<button class="button" onclick="Metamaps.Create.updateMetacodeSet('custom', { allMetacodeSets.length + 2 }, true);">
<button className="button" onclick="Metamaps.Create.updateMetacodeSet('custom', { allMetacodeSets.length + 2 }, true);">
Switch to Custom Set
</button>
</div>
</div>
<div class="clearfloat"></div>
<div className="clearfloat"></div>
<script>
Metamaps.Create.selectedMetacodeSet = "metacodeset-{ selectedSet }"

64
views/users/edit.html.erb
View file

@ -7,81 +7,81 @@
{ content_for :title, @user.name + "'s Settings | Metamaps" }
{ content_for :mobile_title, "Account Settings" }
<div id="yield">
{ form_for @user, url: user_url, :html =>{ :multipart => true, :class => "edit_user centerGreyForm"} do |form| }
{ form_for @user, url: user_url, :html =>{ :multipart => true, :className => "edit_user centerGreyForm"} do |form| }
<h3>Edit Settings</h3>
<div class="userImage">
<div class="userImageDiv" onclick="Metamaps.Account.toggleChangePicture()">
<div className="userImage">
<div className="userImageDiv" onclick="Metamaps.Account.toggleChangePicture()">
{ image_tag @user.image.url(:ninetysix), :size => "84x84" }
<div class="editPhoto"></div>
<div className="editPhoto"></div>
</div>
<div class="userImageMenu">
<div class="userMenuArrow"></div>
<div className="userImageMenu">
<div className="userMenuArrow"></div>
<ul>
<li class="upload">
<li className="upload">
Upload Photo
{ hidden_field_tag "remove_image", "0" }
{ form.file_field :image }
{ form.label :image }
</li>
<li class="remove" onclick="Metamaps.Account.removePicture()">Remove</li>
<li class="cancel" onclick="Metamaps.Account.closeChangePicture()">Cancel</li>
<li className="remove" onclick="Metamaps.Account.removePicture()">Remove</li>
<li className="cancel" onclick="Metamaps.Account.closeChangePicture()">Cancel</li>
</ul>
</div>
</div>
<div class="accountName" onclick="Metamaps.Account.changeName()">
<div class="nameEdit">{ @user.name }</div>
<div className="accountName" onclick="Metamaps.Account.changeName()">
<div className="nameEdit">{ @user.name }</div>
</div>
<div class="changeName">
{ form.label :name, "Name:", class: 'firstFieldText' }
<div className="changeName">
{ form.label :name, "Name:", className: 'firstFieldText' }
{ form.text_field :name }
</div>
<div>
{ form.label :email, "Email:", class: 'firstFieldText' }
{ form.label :email, "Email:", className: 'firstFieldText' }
{ form.email_field :email }
</div>
<div>
{ form.label :emails_allowed, class: 'firstFieldText' do }
{ form.check_box :emails_allowed, class: 'inline' }
{ form.label :emails_allowed, className: 'firstFieldText' do }
{ form.check_box :emails_allowed, className: 'inline' }
Send Metamaps notifications to my email.
{ end }
{ fields_for :settings, @user.settings do |settings| }
{ settings.label :follow_topic_on_created, class: 'firstFieldText' do }
{ settings.check_box :follow_topic_on_created, class: 'inline' }
{ settings.label :follow_topic_on_created, className: 'firstFieldText' do }
{ settings.check_box :follow_topic_on_created, className: 'inline' }
Auto-follow topics you create.
{ end }
{ settings.label :follow_topic_on_contributed, class: 'firstFieldText' do }
{ settings.check_box :follow_topic_on_contributed, class: 'inline' }
{ settings.label :follow_topic_on_contributed, className: 'firstFieldText' do }
{ settings.check_box :follow_topic_on_contributed, className: 'inline' }
Auto-follow topics you edit.
{ end }
{ settings.label :follow_map_on_created, class: 'firstFieldText' do }
{ settings.check_box :follow_map_on_created, class: 'inline' }
{ settings.label :follow_map_on_created, className: 'firstFieldText' do }
{ settings.check_box :follow_map_on_created, className: 'inline' }
Auto-follow maps you create.
{ end }
{ settings.label :follow_map_on_contributed, class: 'firstFieldText' do }
{ settings.check_box :follow_map_on_contributed, class: 'inline' }
{ settings.label :follow_map_on_contributed, className: 'firstFieldText' do }
{ settings.check_box :follow_map_on_contributed, className: 'inline' }
Auto-follow maps you edit.
{ end }
{ end }
</div>
<div class="changePass" onclick="Metamaps.Account.showPass()">Change Password</div>
<div class="toHide">
<div className="changePass" onclick="Metamaps.Account.showPass()">Change Password</div>
<div className="toHide">
<div>
{ form.label :current_password, "Current Password:", :class => "firstFieldText" }
{ form.label :current_password, "Current Password:", :className => "firstFieldText" }
{ password_field_tag :current_password, params[:current_password] }
</div>
<div>
{ form.label :password, "New Password:", :class => "firstFieldText" }
{ form.label :password, "New Password:", :className => "firstFieldText" }
{ form.password_field :password, :autocomplete => :off}
</div>
<div>
{ form.label :password_confirmation, "Confirm New Password:", :class => "firstFieldText" }
{ form.label :password_confirmation, "Confirm New Password:", :className => "firstFieldText" }
{ form.password_field :password_confirmation, :autocomplete => :off}
</div>
<div class="noChangePass" onclick="Metamaps.Account.hidePass()">Oops, don't change password</div>
<div className="noChangePass" onclick="Metamaps.Account.hidePass()">Oops, don't change password</div>
</div>
<div id="accountPageLoading"></div>
{ form.submit "Update", class: "update", onclick: "Metamaps.Account.showLoading()" }
<div class="clearfloat"></div>
{ form.submit "Update", className: "update", onclick: "Metamaps.Account.showLoading()" }
<div className="clearfloat"></div>
{ end }
</div>

6
views/users/passwords/edit.html.erb
View file

@ -2,15 +2,15 @@
{ content_for :mobile_title, "Change Password" }
<div id="yield">
{ form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put, :class => "forgotPassword centerGreyForm forgotPasswordReset" }) do |f| }
{ form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :put, :className => "forgotPassword centerGreyForm forgotPasswordReset" }) do |f| }
{ f.hidden_field :reset_password_token }
<h3>Change password</h3>
<div>{ f.label :password, "New password", :class => "firstFieldText" }
<div>{ f.label :password, "New password", :className => "firstFieldText" }
{ f.password_field :password, :autofocus => true }</div>
<div>{ f.label :password_confirmation, "Confirm new password", :class => "firstFieldText" }
<div>{ f.label :password_confirmation, "Confirm new password", :className => "firstFieldText" }
{ f.password_field :password_confirmation }</div>
<div>{ f.submit "Change my password" }</div>

4
views/users/passwords/new.html.erb
View file

@ -2,11 +2,11 @@
{ content_for :mobile_title, "Password Reset" }
<div id="yield">
{ form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post, :class => "forgotPassword centerGreyForm" }) do |f| }
{ form_for(resource, :as => resource_name, :url => password_path(resource_name), :html => { :method => :post, :className => "forgotPassword centerGreyForm" }) do |f| }
<h3>FORGOT PASSWORD?</h3>
<div>{ f.label :email, "Enter your email:", :class => "firstFieldText" }
<div>{ f.label :email, "Enter your email:", :className => "firstFieldText" }
{ f.email_field :email, :autofocus => true }</div>
<div>{ f.submit "Send Password Reset Instructions" }</div>

14
views/users/registrations/new.html.erb
View file

@ -2,28 +2,28 @@
{ content_for :mobile_title, "Join" }
<div id="yield">
{ form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :post, :class => "new_user centerGreyForm" }) do |f| }
{ form_for(resource, :as => resource_name, :url => registration_path(resource_name), :html => { :method => :post, :className => "new_user centerGreyForm" }) do |f| }
<h3>Sign Up</h3>
<div>{ f.label :name, "Name:", :class => "firstFieldText" }
<div>{ f.label :name, "Name:", :className => "firstFieldText" }
{ f.text_field :name, :autofocus => true }</div>
<div>{ f.label :email, "Email:", :class => "fieldText" }
<div>{ f.label :email, "Email:", :className => "fieldText" }
{ f.email_field :email }</div>
<div>{ f.label :password, "Password:", :class => "fieldText" }
<div>{ f.label :password, "Password:", :className => "fieldText" }
{ f.password_field :password }</div>
<div>{ f.label :password_confirmation, "Password Confirmation:", :class => "fieldText" }
<div>{ f.label :password_confirmation, "Password Confirmation:", :className => "fieldText" }
{ f.password_field :password_confirmation }</div>
<div>{ f.label "Access Code:", :class => "fieldText" }
<div>{ f.label "Access Code:", :className => "fieldText" }
{ f.text_field :joinedwithcode, :value => params[:code] }</div>
<div>{ f.submit "Sign up!" }</div>
<div class = "smallText"><br />Don't have an access code?<br /><a href="/request">Request an Invite</a></div>
<div className = "smallText"><br />Don't have an access code?<br /><a href="/request">Request an Invite</a></div>
{ end }
</div>

14
views/users/sessions/new.html.erb
View file

@ -2,27 +2,27 @@
{ content_for :mobile_title, "Login" }
<div id="yield">
{ form_for(resource, :as => resource_name, :url => session_path(resource_name), :html => { :method => :post, :class => "centerGreyForm login" }) do |f| }
{ form_for(resource, :as => resource_name, :url => session_path(resource_name), :html => { :method => :post, :className => "centerGreyForm login" }) do |f| }
<h3>SIGN IN</h3>
<div class="accountImage"></div>
<div className="accountImage"></div>
<div>
{ f.email_field :email, :autofocus => true, :placeholder => "Email" }</div>
<div>
{ f.password_field :password, :placeholder => "Password" }</div>
<div class="accountSubmit">{ f.submit "Sign in" }</div>
<div className="accountSubmit">{ f.submit "Sign in" }</div>
{ if devise_mapping.rememberable? -}
<div class="accountRememberMe">
<div className="accountRememberMe">
{ f.label :remember_me, "Stay signed in" }
{ f.check_box :remember_me }
<div class="clearfloat"></div>
<div className="clearfloat"></div>
</div>
{ end -}
<div class="clearfloat"></div>
<div class="accountForgotPass">
<div className="clearfloat"></div>
<div className="accountForgotPass">
{- if devise_mapping.recoverable? && controller_name != 'passwords' }
{ link_to "Forgot password?", new_password_path(resource_name) }
{ end -}

4
views/users/shared/_links.erb
View file

@ -14,12 +14,12 @@
{ link_to "Didn't receive confirmation instructions?", new_confirmation_path(resource_name) }<br />
{ end -}
{- if devise_mapping.lockable? && resource_class.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' }
{- if devise_mapping.lockable? && resource_className.unlock_strategy_enabled?(:email) && controller_name != 'unlocks' }
{ link_to "Didn't receive unlock instructions?", new_unlock_path(resource_name) }<br />
{ end -}
{- if devise_mapping.omniauthable? }
{- resource_class.omniauth_providers.each do |provider| }
{- resource_className.omniauth_providers.each do |provider| }
{ link_to "Sign in with #{provider.to_s.titleize}", omniauth_authorize_path(resource_name, provider) }<br />
{ end -}
{ end -}