javascript - Telegram messenger colored box filled with the initials of the contacts -

-

i developing chat website similar telegram(http://zhukov.github.io/webogram/#/im?p=u67212536_13900205441461158827) . can see in contacts section first letter of contact name taken , placed in colored box. attaching screenshot of question. have tried code, failing implement it. here code have written. using bootstrap make happen. know have add code li tag.enter image description here

    sortedarray = eliminateduplicates(removedups);     console.log(sortedarray);     sortedarray.sort();     sortedarray = sortedarray.filter(emptyelement);     for(r=0;r<sortedarray.length;r++){     var contact = $('#contact');     var display = $('#display');     var newcontact= $('<li><a href="#">' + sortedarray[r] + '</a></li>');     contact.append(newcontact);     }

you can see in image below initials of names displayed in colored circle.

i have solution it.         var contact = $('#contact');         var display = $('#display');         initial = sortedarray[r].slice(0,1)+" "+sortedarray[r].slice(1,2);         var newcontact= $('<div><span class="peer_initials im_dialog_photo   user_bgcolor_8">'+initial+'</span><li><a> ' + sortedarray[r] + '</a></li>   </div>');         contact.append(newcontact);         }         div.im_dialog_photo .peer_initials {          line-height: 48px;          font-size: 18px;          }       .im_dialog_photo {   width: 48px;         height: 48px;         line-height: 48px;          border-radius: 50%;        overflow: hidden;         } .peer_initials {   display: block;   color: #fff;   text-align: center;   text-transform: uppercase; } .user_bgcolor_8 {   background: #fba76f;

Comments

Post a Comment

Popular posts from this blog

node.js - Mongoose: Cast to ObjectId failed for value on newly created object after setting the value -

-
this question has answer here: what's mongoose error cast objectid failed value xxx @ path “_id”? 7 answers even though has been asked many times because entity has no valid objectid field. i came across situation objectid set value can casted objectid still error. the schema: var serviceschema = parammongoose.schema({ servicename:{ type: parammongoose.schema.types.objectid , ref: 'servicenames',required:true } }); pseudo code: servicefromdb=new service({servicename:'some name'}); servicefromdb.servicename='000000000000000000000001'; servicefromdb.save(function(paramerror,paramdata){ if(paramerror){ console.log('but but...',servicefromdb,paramerror) } }); the output of code is: but but... { servicename: 000000000000000000000001, _id: 55079a90286f49280364f78b } { [casterror: cast objectid faile...
Read more

gradle error "Cannot convert the provided notation to a File or URI" -

-
i have defined 2 system properties in gradle.properties: systemprop.builddir=build systemprop.cfgdir=build\\cfg and have following task defined in build.gradle: task clean(group:'clean',description:'clean project') << { ant.sequential { delete(dir: system.properties.builddir) mkdir(dir: system.properties.builddir) delete(dir: system.properties.cfgdir) mkdir(dir: system.properties.cfgdir) } } this generates following error: execution failed task ':clean'. > cannot convert provided notation file or uri: {dir=build}. following types/formats supported: - string or charsequence path, e.g 'src/main/java' or '/usr/include' - string or charsequence uri, e.g 'file:/usr/include' - file instance. - uri or url instance. but equivalent block of code not generate error , works expected: task clean(group:'clean',description:'clean project') << { ...
Read more

python - NameError: name 'subprocess' is not defined -

-
i'm trying make rng website: http://jamesdotcom.com/?p=417 . when run following code: captureimage = subprocess.popen( [ "fswebcam", "-r", "356x292", "-d", "/dev/video0", "static.jpg", "--skip", "10" ], stdout=devnull, stderr=devnull) captureimage.communicate() i following error message: nameerror: name 'subprocess' not defined what should do? thanks have imported first? import subprocess captureimage = subprocess.popen(["fswebcam", ...) subprocess included in python standard library since python 2.4. should not necessary install it.
Read more