javascript - Angular JS User Profile Grid -

-

i found example of here:

http://www.bootply.com/fzlrwl73pd

it looks example using randomuser api generate random user information , pictures. want create similar static information enter manually. have tried manually entering information array following:

 var myapp = angular.module('myapp', [{"user":{"gender":"female","name":{"title":"mrs","first":"taylor","last":"griffin"},"location":{"street":"2822 w 6th st","city":"everett","state":"oregon","zip":"80020"},"email":"taylor.griffin62@example.com","username":"yellowswan550","password":"twiggy","salt":"uv3zfgdw","md5":"ceb4dbcf76444647f32b059dc3fc1280","sha1":"23ae9f24c4fd1d09e12c95bd75029ea850db3fb6","sha256":"09b6a019187249e1eff7ca736865ddb6f01567dbe20774872c3115a6cbbd6ae4","registered":"1185248430","dob":"328410973","phone":"(199)-530-3414","cell":"(441)-597-7462","ssn":"961-26-7598","picture":{"large":"http://api.randomuser.me/portraits/women/82.jpg","medium":"http://api.randomuser.me/portraits/med/women/82.jpg","thumbnail":"http://api.randomuser.me/portraits/thumb/women/82.jpg"},"version":"0.5","nationality":"us"},"seed":"81aa9d006e130994"}]); function main(myapp){         $('#loader').hide();     $('#userlist').show();   ).error(function(data, status) {     alert('get data error!');   });    $scope.showusermodal = function(idx){     var user = $scope.users[idx].user;     $scope.curruser = user;     $('#mymodallabel').text(user.name.first          + ' ' + user.name.last);     $('#mymodal').modal('show');   }  }

is there way convert template more static content?

thank in advance help!

may crazy, if looking more static content, possible steal output html , rework fit needs?

looks bit steal below:

<div class="row" id="userlist">     <div ng-repeat="u in users" class="col-xs-4 col-sm-2">         <a href="" ng-click="showusermodal($index)"><img src="{{u.user.picture.large}}" class="img-thumbnail img-responsive img-circle"></a>         <h3 class="text-center">{{u.user.name.first}}</h3>         <hr>     </div> </div>

and manually make own div per users:

<div class="row" id="userlist">     <div class="col-xs-4 col-sm-2">         <a href=""><img src="/001.jpg" class="img-thumbnail img-responsive img-circle"></a>         <h3 class="text-center">user #1</h3>         <hr>     </div>     <div class="col-xs-4 col-sm-2">         <a href=""><img src="/002.jpg" class="img-thumbnail img-responsive img-circle"></a>         <h3 class="text-center">user #2</h3>         <hr>     </div> </div>

then modal popups , use js call them when user clicked?


Comments

Post a Comment

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co
Read more

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

-
i wish write custom appender on basis of outputstreamappender . wrote following class package tests; import java.io.ioexception; import java.io.outputstream; import ch.qos.logback.core.outputstreamappender; public class myappender<e> extends outputstreamappender<e> { public myappender() { system.out.println("myappender created"); setoutputstream(new outputstream() { @override public void write(int b) throws ioexception { throw new unsupportedoperationexception(); } }); } } then wrote following runner: package tests; import org.slf4j.loggerfactory; import ch.qos.logback.classic.logger; public class runner { private static final logger log = (logger) loggerfactory.getlogger(runner.class); public static void main(string[] args) { //log.addappender(new myappender<iloggingevent>()); log.info("hello world"); } } finall
Read more

java - Cannot secure connection using TLS -

-
i'm trying establish secure socket connection between java client applet (built jdk 1.7.0_75-b13) , vc++ server application. as test vehicle, used vc++ client/server sample found in msdn forums, modified use schannel , able establish socket using cipher suite tls_rsa_with_aes_128_cbc_sha. works of tls 1.0/1.1/1.2. when try opening socket java applet same server application, connection rejected server reporting following: tls 1.0 acceptsecuritycontext failed: 0x80090327 tls 1.1 acceptsecuritycontext failed: 0x80090331 tls 1.2 acceptsecuritycontext failed: 0x80090331 this java code used create socket: debugprint("setting secure connection"); sslsocketfactory sslsocketfactory = (sslsocketfactory) sslsocketfactory.getdefault(); sslsocket sslsocket = (sslsocket) sslsocketfactory.createsocket("127.0.0.1", socketnumber); debugprint("starting handshake"); sslsocket.settcpnodelay(true); sslsocket.setsolinger(false, 0); sslsocket.s
Read more