Skip to content

Instantly share code, notes, and snippets.

@beth
Last active April 18, 2019 22:11
Show Gist options
  • Save beth/f7d4f70bb2683be746f5d99a17d7a15b to your computer and use it in GitHub Desktop.
Save beth/f7d4f70bb2683be746f5d99a17d7a15b to your computer and use it in GitHub Desktop.
New Twiddle
import Ember from 'ember';
export default Ember.Component.extend({
didInsertElement() {
this._super(...arguments);
const $yieldedContent = $('#yielded-thing');
const yieldedContentExists = $yieldedContent && $yieldedContent.length;
console.log('yieldedContentExists', yieldedContentExists);
}
});
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
body {
margin: 12px 16px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12pt;
}
.fixed-height {
height: 300px;
overflow-y: auto;
}
<h1>Welcome to {{appName}}</h1>
<br>
<br>
{{#my-component-wrapper}}
<div class="fixed-height" id="yielded-thing">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed turpis tincidunt id aliquet risus feugiat in. A scelerisque purus semper eget duis at tellus at urna. Amet nulla facilisi morbi tempus. Pulvinar pellentesque habitant morbi tristique senectus et netus et. Blandit volutpat maecenas volutpat blandit aliquam. Orci phasellus egestas tellus rutrum tellus. Massa tincidunt nunc pulvinar sapien. Euismod lacinia at quis risus sed. Eu mi bibendum neque egestas congue.
Gravida cum sociis natoque penatibus. Blandit massa enim nec dui nunc mattis enim. Mi bibendum neque egestas congue quisque egestas diam in. Quisque egestas diam in arcu cursus. Molestie nunc non blandit massa enim. Lobortis scelerisque fermentum dui faucibus in ornare. Ornare suspendisse sed nisi lacus sed viverra. Laoreet suspendisse interdum consectetur libero id. Accumsan lacus vel facilisis volutpat. Neque ornare aenean euismod elementum nisi quis. Quisque id diam vel quam elementum pulvinar etiam non quam. Massa sapien faucibus et molestie. Sed viverra tellus in hac.
Pellentesque id nibh tortor id aliquet lectus proin nibh. Tortor id aliquet lectus proin nibh. Tempor orci dapibus ultrices in. Libero nunc consequat interdum varius sit amet mattis vulputate enim. Sit amet venenatis urna cursus eget nunc scelerisque. Mollis nunc sed id semper risus in hendrerit. Condimentum id venenatis a condimentum vitae. Sed adipiscing diam donec adipiscing tristique risus. Turpis egestas integer eget aliquet nibh praesent. Placerat vestibulum lectus mauris ultrices eros in. Sodales ut etiam sit amet nisl purus in. Gravida neque convallis a cras. Cursus eget nunc scelerisque viverra mauris. In hac habitasse platea dictumst. Dui sapien eget mi proin sed libero enim. Nunc id cursus metus aliquam eleifend mi. Feugiat nibh sed pulvinar proin gravida hendrerit lectus.
Eget nunc lobortis mattis aliquam. Bibendum neque egestas congue quisque egestas. Mi proin sed libero enim sed faucibus turpis in eu. Ornare quam viverra orci sagittis eu volutpat odio. Sit amet luctus venenatis lectus magna fringilla. Netus et malesuada fames ac turpis egestas. Montes nascetur ridiculus mus mauris vitae ultricies leo integer malesuada. Tortor vitae purus faucibus ornare suspendisse sed. Diam phasellus vestibulum lorem sed risus. In est ante in nibh mauris cursus mattis. Ut ornare lectus sit amet est placerat.
Id consectetur purus ut faucibus pulvinar elementum integer enim. Vitae ultricies leo integer malesuada nunc vel risus commodo. Dui id ornare arcu odio ut sem nulla pharetra diam. Eget lorem dolor sed viverra ipsum. Eget aliquet nibh praesent tristique magna sit amet purus gravida. Id velit ut tortor pretium viverra suspendisse. Lacus vestibulum sed arcu non odio euismod lacinia at quis. Pellentesque adipiscing commodo elit at imperdiet dui accumsan. Massa sapien faucibus et molestie ac feugiat sed lectus. Nisl pretium fusce id velit ut tortor pretium. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare suspendisse.
Lorem donec massa sapien faucibus. Quam viverra orci sagittis eu volutpat odio facilisis mauris sit. Suspendisse faucibus interdum posuere lorem. Et malesuada fames ac turpis. Gravida cum sociis natoque penatibus et magnis dis. Mattis vulputate enim nulla aliquet porttitor lacus. Malesuada nunc vel risus commodo viverra maecenas accumsan. A diam sollicitudin tempor id eu nisl nunc mi. Sed viverra ipsum nunc aliquet bibendum enim. Suscipit tellus mauris a diam maecenas sed enim ut. Viverra aliquet eget sit amet tellus cras adipiscing. Lectus proin nibh nisl condimentum id venenatis a. In nibh mauris cursus mattis. Id faucibus nisl tincidunt eget nullam. Varius morbi enim nunc faucibus a pellentesque sit amet porttitor. Mauris a diam maecenas sed enim ut sem viverra.
Sapien nec sagittis aliquam malesuada bibendum. Lobortis elementum nibh tellus molestie nunc non blandit. Placerat in egestas erat imperdiet sed euismod nisi porta. Id faucibus nisl tincidunt eget nullam non. Tortor aliquam nulla facilisi cras fermentum odio eu. Enim ut sem viverra aliquet eget sit amet tellus. Massa sapien faucibus et molestie ac feugiat sed lectus vestibulum. Purus faucibus ornare suspendisse sed nisi lacus sed. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Nulla facilisi cras fermentum odio eu feugiat pretium nibh ipsum. Quis lectus nulla at volutpat. Vitae nunc sed velit dignissim sodales. Nunc id cursus metus aliquam eleifend mi in. Pharetra diam sit amet nisl suscipit adipiscing. Tincidunt dui ut ornare lectus sit.
Urna molestie at elementum eu. In iaculis nunc sed augue lacus viverra. Urna nec tincidunt praesent semper. Vitae purus faucibus ornare suspendisse sed. Malesuada fames ac turpis egestas sed. Amet facilisis magna etiam tempor orci eu lobortis elementum. Risus at ultrices mi tempus imperdiet. Accumsan sit amet nulla facilisi morbi. Tempus quam pellentesque nec nam aliquam sem et tortor. Sit amet risus nullam eget felis eget. Scelerisque fermentum dui faucibus in ornare. Etiam non quam lacus suspendisse faucibus interdum posuere lorem ipsum. Ac tincidunt vitae semper quis. Habitant morbi tristique senectus et netus et malesuada fames ac. Arcu ac tortor dignissim convallis aenean et tortor at risus. At volutpat diam ut venenatis. Ut enim blandit volutpat maecenas volutpat blandit aliquam.
Accumsan in nisl nisi scelerisque eu. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Lectus quam id leo in vitae turpis massa sed. Et netus et malesuada fames ac turpis. Volutpat diam ut venenatis tellus in metus. Fringilla est ullamcorper eget nulla facilisi. Felis eget velit aliquet sagittis id consectetur purus ut. Rhoncus urna neque viverra justo nec. Eget nulla facilisi etiam dignissim diam quis. Eu augue ut lectus arcu bibendum at varius vel pharetra. Sit amet risus nullam eget felis.
A arcu cursus vitae congue mauris rhoncus. Netus et malesuada fames ac turpis egestas integer eget. At augue eget arcu dictum varius duis at consectetur. Nisl vel pretium lectus quam id leo in vitae. Elit ut aliquam purus sit. Hendrerit gravida rutrum quisque non tellus orci ac auctor augue. Suspendisse interdum consectetur libero id faucibus nisl tincidunt. Mauris a diam maecenas sed. Sapien nec sagittis aliquam malesuada bibendum arcu vitae. Eget sit amet tellus cras adipiscing enim eu turpis. Parturient montes nascetur ridiculus mus mauris. Rutrum quisque non tellus orci ac auctor. Orci eu lobortis elementum nibh tellus molestie nunc. Blandit libero volutpat sed cras ornare arcu dui. Sit amet dictum sit amet justo. Accumsan tortor posuere ac ut consequat semper. Non quam lacus suspendisse faucibus interdum posuere. Ligula ullamcorper malesuada proin libero nunc consequat interdum varius sit. Orci eu lobortis elementum nibh tellus molestie nunc non. Purus non enim praesent elementum facilisis leo vel fringilla est.
</div>
{{/my-component-wrapper}}
{{outlet}}
<br>
<br>
<div>
Wrapper Component!
yielded section:
{{yield}}
</div>
{
"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": "3.4.2"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment