Skip to content

Instantly share code, notes, and snippets.

@magistrula
Last active November 13, 2019 18:46
Show Gist options
  • Save magistrula/fb027212a366a0367fdd6ba68e74609c to your computer and use it in GitHub Desktop.
Save magistrula/fb027212a366a0367fdd6ba68e74609c to your computer and use it in GitHub Desktop.
Disabled Link
import Ember from 'ember';
export default Ember.Component.extend({
routeName: null,
isLinkEnabled: true
});
import Ember from 'ember';
export default Ember.Controller.extend({
});
import EmberRouter from '@ember/routing/router';
import config from './config/environment';
const Router = EmberRouter.extend({
location: 'none',
rootURL: config.rootURL
});
Router.map(function() {
this.route('foo');
});
export default Router;
import Ember from 'ember';
export default Ember.Route.extend({
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
}
* {
box-sizing: border-box;
}
.MyThumbnail-link {
display: block;
width: 350px;
padding: 30px 15px;
border: 1px solid #333;
border-radius: 5px;
color: inherit;
text-decoration: none;
}
.MyThumbnail-input {
width: 100%;
margin-top: 15px;
padding: 10px;
font-size: 14px;
}
{{my-thumbnail routeName="foo"}}
<p>
{{outlet}}
</p>
{{#link-to (if isLinkEnabled routeName null)
class="MyThumbnail-link"
}}
<div>
Click here or in any of the white space to trigger the link
</div>
{{input
class="MyThumbnail-input"
placeholder="Clicking me should not trigger the link"
focusIn=(action set "isLinkEnabled" false)
focusOut=(action set "isLinkEnabled" true)
}}
{{/link-to}}
YOU ARE IN THE FOO ROUTE
<p>
{{link-to "Exit" "application"}}
</p>
{
"version": "0.15.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js",
"ember": "3.4.3",
"ember-template-compiler": "3.4.3",
"ember-testing": "3.4.3"
},
"addons": {
"ember-data": "2.12.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment