Skip to content

Instantly share code, notes, and snippets.

@prudvi

prudvi/components.wall-page.js

Last active June 5, 2016 11:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save prudvi/f425ce4b7aa48529b9d7e00878e5e4db to your computer and use it in GitHub Desktop.
Save prudvi/f425ce4b7aa48529b9d7e00878e5e4db to your computer and use it in GitHub Desktop.
Download ZIP
firstTwiddle
Raw
components.wall-page.js
import Ember from 'ember';
export default Ember.Component.extend({
groupedItems: function() {
let groupedItems = []
, t = this
, length = this.get('alphaList.length') - 1
, lastVal = length / 3;
console.log(length, lastVal )
let allItems = this.get('alphaList').map(function(obj, index){
if (index !== 0 && index % 3 === 0) {
var otherArray = [];
for (var x = index-3; x<= index-1; x++ ) {
otherArray.push(t.get('alphaList')[x]);
}
groupedItems.push(otherArray);
}
});
if (length > 0) {
var lastArray = [];
for (var x = 3 * parseInt(lastVal); x<= length; x++ ) {
lastArray.push(t.get('alphaList')[x]);
}
groupedItems.push(lastArray);
}
return groupedItems;
}.property('alphaList')
});
Raw
controllers.application.js
import Ember from 'ember';
export default Ember.Controller.extend({
appName: 'Ember Twiddle'
});
Raw
routes.index.js
import Ember from 'ember';
var pics = [
{
"Id": 84645,
"Title": "Facebook tum konusmalarinizi gizlice dinliyor olabilir",
"Content": "Guney Florida universitesi Kitle Iletisim Profesoru Kelli Burns, Facebook'un mikrofon araciligiyla kullanicilarin konusmalarini dinledigini ve haber kaynaginda buna gore icerik gosterdigini soyluyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84645/340x191Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84645/710x500Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84645/285xFacebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84645/340x191Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84645/475x300Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84645/710x500Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir.jpg",
"Image760x300": "",
"CreateDate": "43 dakika",
"CategoryName": "Sosyal Medya",
"EditorName": "Onur Seven",
"Type": 0,
"NewsUrl": "Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir",
"CategoriUrl": "sosyal-medya",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Facebook-tum-konusmalarinizi-gizlice-dinliyor-olabilir-84645",
"PreferedTag": "sosyal medya",
"EditorTagUrl": "onur-seven",
"DateCreated": "2016-05-26T14:30:00",
"ReadCount": 755,
"TotalWatch": 755,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/facebook.gif",
"ImageHeight": 232,
"ImageHeight710": 485
},
{
"Id": 84644,
"Title": "Samsung Galaxy Tab Iris duyuruldu: Retina taramasi, giris seviyesine geliyor",
"Content": "Hindistan hukumeti ile isbirligine giden Samsung, giris seviyesinde iris tarama teknolojisini sunacak Galaxy Tab Iris adinda yeni bir tablet modeli satisa sunuyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84644/340x191Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84644/710x500Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84644/285xSamsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84644/340x191Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84644/475x300Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84644/710x500Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor.jpg",
"Image760x300": "",
"CreateDate": "1 saat once",
"CategoryName": "Tasinabilir Bilgisayarlar",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor",
"CategoriUrl": "tasinabilir-bilgisayarlar",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Samsung-Galaxy-Tab-iris-duyuruldu-Retina-taramasi-giris-seviyesine-geliyor-84644",
"PreferedTag": "Samsung",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-26T13:53:37.86",
"ReadCount": 526,
"TotalWatch": 526,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/samsung.gif",
"ImageHeight": 278,
"ImageHeight710": 500
},
{
"Id": 84643,
"Title": "Simdi de GeForce GTX 1080 Ti sesleri",
"Content": "Uzerinde buyuk emek harcadigi yeni nesil Pascal grafik mimarisi ile hem masaustu hem de mobil tarafta at kosturmaya hazirlanan Nvidia, buyuk surprizleri ise sona sakliyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84643/340x191Simdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84643/710x500Simdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84643/285xSimdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84643/340x191Simdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84643/475x300Simdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84643/710x500Simdi-de-GeForce-GTX-1080-Ti-sesleri.jpg",
"Image760x300": "",
"CreateDate": "3 saat",
"CategoryName": "Ekran Karti",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Simdi-de-GeForce-GTX-1080-Ti-sesleri",
"CategoriUrl": "ekran-karti",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Simdi-de-GeForce-GTX-1080-Ti-sesleri-84643",
"PreferedTag": "Nvidia",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-26T12:00:00",
"ReadCount": 1511,
"TotalWatch": 1511,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/nvidia.gif",
"ImageHeight": 197,
"ImageHeight710": 413
},
{
"Id": 84642,
"Title": "Pocket Tripod: Cuzdana sigan tripod",
"Content": "Akilli telefon kamerasini kullanirken tripod tarzinda bir yardimciya ihtiyac duyuyorsaniz, Pocket Tripod projesi cuzdaniniza sigacak kadar kucuk bir ornegi ayaginiza getiriyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84642/340x191Pocket-Tripod-Cuzdana-sigan-tripod.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84642/710x500Pocket-Tripod-Cuzdana-sigan-tripod.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84642/285xPocket-Tripod-Cuzdana-sigan-tripod.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84642/340x191Pocket-Tripod-Cuzdana-sigan-tripod.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84642/475x300Pocket-Tripod-Cuzdana-sigan-tripod.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84642/710x500Pocket-Tripod-Cuzdana-sigan-tripod.jpg",
"Image760x300": "",
"CreateDate": "6 saat",
"CategoryName": "Mobil Aksesuarlar",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Pocket-Tripod-Cuzdana-sigan-tripod",
"CategoriUrl": "mobil-aksesuarlar",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Pocket-Tripod-Cuzdana-sigan-tripod-84642",
"PreferedTag": "Kickstarter",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-26T09:00:00",
"ReadCount": 2214,
"TotalWatch": 2214,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/dh-logo.gif",
"ImageHeight": 255,
"ImageHeight710": 500
},
{
"Id": 84640,
"Title": "Samsung Galaxy C5 basin gorselleri sizdirildi",
"Content": "Samsung'un yeni metal kasali akilli telefonu Galaxy C5, artik basin gorselleri ile boy gostermeye basladi. Cihazin bir iki ay icerisinde piyasada olmasi bekleniyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84640/340x191Samsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84640/710x500Samsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84640/285xSamsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84640/340x191Samsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84640/475x300Samsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84640/710x500Samsung-Galaxy-C5-basin-gorselleri-sizdirildi.jpg",
"Image760x300": "",
"CreateDate": "7 saat",
"CategoryName": "Cep Telefonlari",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Samsung-Galaxy-C5-basin-gorselleri-sizdirildi",
"CategoriUrl": "cep-telefonlari",
"VerticalImage": true,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Samsung-Galaxy-C5-basin-gorselleri-sizdirildi-84640",
"PreferedTag": "Samsung",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-26T08:00:00",
"ReadCount": 1607,
"TotalWatch": 1607,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/samsung.gif",
"ImageHeight": 255,
"ImageHeight710": 500
},
{
"Id": 84641,
"Title": "Google Maps'e yeni reklamlar ekleniyor",
"Content": "Google Maps'teki reklamlarin sayisi onemli olcude artacak, ancak yeni gelen reklam sistemi ile birlikte bu reklamlar kullanicilari rahatsiz etmeyecek sekilde harita uzerinde gosterilecek.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84641/340x191Google-Mapse-yeni-reklamlar-ekleniyor.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84641/710x500Google-Mapse-yeni-reklamlar-ekleniyor.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84641/285xGoogle-Mapse-yeni-reklamlar-ekleniyor.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84641/340x191Google-Mapse-yeni-reklamlar-ekleniyor.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84641/475x300Google-Mapse-yeni-reklamlar-ekleniyor.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84641/710x500Google-Mapse-yeni-reklamlar-ekleniyor.jpg",
"Image760x300": "",
"CreateDate": "15 saat",
"CategoryName": "Mobil Uygulamalar",
"EditorName": "Erhan Tan",
"Type": 0,
"NewsUrl": "Google-Mapse-yeni-reklamlar-ekleniyor",
"CategoriUrl": "mobil-uygulamalar",
"VerticalImage": true,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Google-Mapse-yeni-reklamlar-ekleniyor-84641",
"PreferedTag": "Google Maps",
"EditorTagUrl": "infinitum-nihil",
"DateCreated": "2016-05-26T00:30:00",
"ReadCount": 1805,
"TotalWatch": 1805,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/google-maps.gif",
"ImageHeight": 191,
"ImageHeight710": 399
},
{
"Id": 84639,
"Title": "Wrio ile yeni bir klavye deneyimi",
"Content": "Uygulamalarda standart klavye diziliminden sikilanlar varsa, Wrio'nun yeni altigen tarzda tasarlanmis tuslarini ve ilginc tus dizilimini tecrube etmek isteyebilirler.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84639/340x191Wrio-ile-yeni-bir-klavye-deneyimi.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84639/710x500Wrio-ile-yeni-bir-klavye-deneyimi.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84639/285xWrio-ile-yeni-bir-klavye-deneyimi.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84639/340x191Wrio-ile-yeni-bir-klavye-deneyimi.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84639/475x300Wrio-ile-yeni-bir-klavye-deneyimi.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84639/710x500Wrio-ile-yeni-bir-klavye-deneyimi.jpg",
"Image760x300": "",
"CreateDate": "15 saat",
"CategoryName": "Mobil Uygulamalar",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Wrio-ile-yeni-bir-klavye-deneyimi",
"CategoriUrl": "mobil-uygulamalar",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Wrio-ile-yeni-bir-klavye-deneyimi-84639",
"PreferedTag": "uygulama haber",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-25T23:45:00",
"ReadCount": 1371,
"TotalWatch": 1371,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/dh-logo.gif",
"ImageHeight": 191,
"ImageHeight710": 356
},
{
"Id": 84637,
"Title": "Bir patent kavgasi da Huawei ve Samsung arasinda basliyor",
"Content": "Akilli telefon pazarinin lideri Guney Koreli Samsung ile ucuncusu cinli Huawei arasinda, patentlerin izinsiz olarak kullanimi iddiasiyla yeni bir hukuk mucadelesi basliyor.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84637/340x191Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84637/710x500Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84637/285xBir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84637/340x191Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84637/475x300Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84637/710x500Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor.jpg",
"Image760x300": "",
"CreateDate": "16 saat",
"CategoryName": "Cep Telefonlari",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor",
"CategoriUrl": "cep-telefonlari",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Bir-patent-kavgasi-da-Huawei-ve-Samsung-arasinda-basliyor-84637",
"PreferedTag": "Samsung",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-25T23:30:00",
"ReadCount": 2031,
"TotalWatch": 2031,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/huawei.gif",
"ImageHeight": 191,
"ImageHeight710": 399
},
{
"Id": 84636,
"Title": "Vodafone Smart Pro 7 mercek altina: En guclu operator telefonu",
"Content": "Operator telefonlarinin en guclusu diyebilecegimiz Vodafone Smart Pro 7 lanse edildi. Snapdragon 652 islemcisi ve one cikan diger ozellikleriyle Vodafone Smart Pro 7'yi mercek altina aldik.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84636/340x191Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84636/710x500Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84636/285xVodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84636/340x191Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84636/475x300Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84636/710x500Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu.jpg",
"Image760x300": "",
"CreateDate": "16 saat",
"CategoryName": "Cep Telefonlari",
"EditorName": "Erdi ozuag",
"Type": 1,
"NewsUrl": "Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu",
"CategoriUrl": "cep-telefonlari",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Vodafone-Smart-Pro-7-mercek-altina-En-guclu-operator-telefonu-84636",
"PreferedTag": "vodafone",
"EditorTagUrl": "erdi-ozuag-fx57",
"DateCreated": "2016-05-25T22:48:46.31",
"ReadCount": 2932,
"TotalWatch": 2932,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/dh-logo.gif",
"ImageHeight": 191,
"ImageHeight710": 399
},
{
"Id": 84635,
"Title": "Vodafone Smart 7 ailesi lanse edildi: Detaylarini konustuk",
"Content": "Vodafone Smart 7 ailesi lanse edildi. uc telefon ve bir adet tablet bilgisayardan olusan yeni seri ile Vodafone oldukca iddiali. Detaylari sirketin pazarlama direktoru Fatih Uysal ile konustuk.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84635/340x191Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84635/710x500Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84635/285xVodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84635/340x191Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84635/475x300Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84635/710x500Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk.jpg",
"Image760x300": "",
"CreateDate": "17 saat",
"CategoryName": "Cep Telefonlari",
"EditorName": "Erdi ozuag",
"Type": 1,
"NewsUrl": "Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk",
"CategoriUrl": "cep-telefonlari",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Vodafone-Smart-7-ailesi-lanse-edildi-Detaylarini-konustuk-84635",
"PreferedTag": "vodafone",
"EditorTagUrl": "erdi-ozuag-fx57",
"DateCreated": "2016-05-25T22:34:45.433",
"ReadCount": 1091,
"TotalWatch": 1091,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/dh-logo.gif",
"ImageHeight": 191,
"ImageHeight710": 399
},
{
"Id": 84634,
"Title": "Samsung, OLED ekranlarin yerine QLED ekranlara yoneliyor",
"Content": "Uzun suredir OLED ekranlarin maliyetlerinde kayda deger bir dusus olmamasi, ureticileri farkli cozum arayisina itiyor. Quantum Dot teknolojisi bunlardan birisi.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84634/340x191Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84634/710x500Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84634/285xSamsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84634/340x191Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84634/475x300Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84634/710x500Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor.jpg",
"Image760x300": "",
"CreateDate": "19 saat",
"CategoryName": "Televizyonlar",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor",
"CategoriUrl": "televizyonlar",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Samsung-OLED-ekranlarin-yerine-QLED-ekranlara-yoneliyor-84634",
"PreferedTag": "Samsung",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-25T20:00:00",
"ReadCount": 3409,
"TotalWatch": 3409,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/samsung.gif",
"ImageHeight": 191,
"ImageHeight710": 399
},
{
"Id": 84633,
"Title": "Xiaomi Mi Drone duyuruldu",
"Content": "Elektronik cihaz sektorunde neredeyse el atmadigi yer kalmayan Xiaomi, simdi de drone pazarina giriyor. Xiaomi Mi Drone, ust seviye rakiplerle boy olcusebilecek kapasitede.",
"Image": "https://v2.donanimhaber.com/images/images/haber/84633/340x191Xiaomi-Mi-Drone-duyuruldu.jpg",
"ImageBlog": "https://v2.donanimhaber.com/images/images/haber/84633/710x500Xiaomi-Mi-Drone-duyuruldu.jpg",
"Image1080x600": "",
"Image285x300": "https://v2.donanimhaber.com/images/images/haber/84633/285xXiaomi-Mi-Drone-duyuruldu.jpg",
"Image340x191": "https://v2.donanimhaber.com/images/images/haber/84633/340x191Xiaomi-Mi-Drone-duyuruldu.jpg",
"Image340xmin340max600": "",
"Image475x300": "https://v2.donanimhaber.com/images/images/haber/84633/475x300Xiaomi-Mi-Drone-duyuruldu.jpg",
"Image710x500": "https://v2.donanimhaber.com/images/images/haber/84633/710x500Xiaomi-Mi-Drone-duyuruldu.jpg",
"Image760x300": "",
"CreateDate": "20 saat",
"CategoryName": "Diger Ev Elektronigi",
"EditorName": "Ekrem c.",
"Type": 0,
"NewsUrl": "Xiaomi-Mi-Drone-duyuruldu",
"CategoriUrl": "diger-ev-elektronigi",
"VerticalImage": false,
"HasPopular": 0,
"IsAppNews": false,
"Url": "/Xiaomi-Mi-Drone-duyuruldu-84633",
"PreferedTag": "Xiaomi",
"EditorTagUrl": "ekrem71",
"DateCreated": "2016-05-25T19:30:00",
"ReadCount": 2632,
"TotalWatch": 2632,
"IsFollow": 0,
"ImgIcon": "https://v2.donanimhaber.com/images/images/iconshd/xiaomi.gif",
"ImageHeight": 226,
"ImageHeight710": 473
}
];
export default Ember.Route.extend({
model() {
return pics;
}
});
Raw
templates.application.hbs
<h1>Welcome to {{appName}}</h1>
{{outlet}}
Raw
templates.components.wall-page.hbs
{{yield}}
<div style="border: 2px solid grey;padding: 13px;"> Total Items {{alphaList.length}}</div>
<div style="border: 2px solid grey; padding: 13px;margin-top: 10px;"> Grouped Items : {{groupedItems.length}}</div>
{{#each groupedItems as |itemList|}}
<div style="color: green; margin: 15px;">
<div style="color: red;border: 2px solid grey; padding: 13px;margin-top: 10px;"> Each Group Items : {{itemList.length}}</div>
<ul>
{{#each itemList as |list|}}
<li style="color: green; margin: 15px;">
{{list.Title}}
</li>
{{/each}}
</ul>
</div>
{{/each}}
Raw
templates.index.hbs
{{wall-page alphaList=model}}
Raw
twiddle.json
{
"version": "0.8.1",
"EmberENV": {
"FEATURES": {}
},
"options": {
"use_pods": false,
"enable-testing": false
},
"dependencies": {
"jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
"ember": "2.5.1",
"ember-data": "2.5.2",
"ember-template-compiler": "2.5.1"
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment