Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- $(document).ready(function() {
- var baseUrl = "https://chat.data-lab.si/api";
- var user = {id: 50, name: "Somebody..."}; //TODO: vnesi svoje podatke
- var user2 = {id: 40, name:"Nutricionist"};
- var nextMessageId = 0;
- var currentRoom = "Skedenj";
- //posljiSporocilo2();
- //TODO: Naloga
- //Definicija funkcije za pridobivanje pogovorov, ki se samodejno ponavlja na 5 sekund
- pridobivanjePogovorov = function(){
- $.ajax({
- url: baseUrl + "/messages/" + currentRoom + "/" + nextMessageId,
- type: "GET",
- success: function(data) {
- for(var i=0; i<data.length ; i++) {
- if(i==data.length-1) {
- posljiSporocilo2();
- continue;
- $("#messages").append(" \
- <li class='media'> \
- <div class='media-body'> \
- <div class='media'> \
- <a class='pull-left' href='#'> \
- <img class='media-object img-circle'src='https://randomuser.me/api/portraits/men/"+data[i].user.id + ".jpg' /> \
- </a> \
- <div class='media-body'> \
- <small class='text-muted'>" + data[i].user.name + " | " +data[i].time + "</small><br/>" + data[i].text + " \
- <hr/> \
- </div> \
- </div> \
- </div> \
- </li>");
- nextMessageId = data[i].id+1;
- }
- }
- setTimeout(function(){pridobivanjePogovorov()},2000);
- }
- })
- }
- //Klicanje funkcije za začetek nalaganja pogovorov
- $("#messages").html("");
- pridobivanjePogovorov();
- //TODO: Naloga
- //Definicija funkcije za posodabljanje seznama uporabnikov, ki se samodejno ponavlja na 5 sekund
- posodobiUporabnike = function() {
- $.ajax ({
- url: baseUrl + "/users/" + currentRoom,
- type: "GET",
- success: function(data){
- $("#users").html("");
- $("#users").append(" \
- <li class='media'> \
- <div class='media-body'> \
- <div class='media'> \
- <a class='pull-left' href='#'> \
- <img class='media-object img-circle' src='https://randomuser.me/api/portraits/men/40.jpg' /> \
- </a> \
- <div class='media-body'> \
- <h5>Nutricionist</h5> \
- </div> \
- </div> \
- </div> \
- </li>");
- for(var i = 0; i<data.length; i++){
- var user = data[i];
- if(i == data.length-1) {
- $("#users").append(" \
- <li class='media'> \
- <div class='media-body'> \
- <div class='media'> \
- <a class='pull-left' href='#'> \
- <img class='media-object img-circle' src='https://randomuser.me/api/portraits/men/"+user.id + ".jpg' /> \
- </a> \
- <div class='media-body'> \
- <h5>" + user.name + "</h5> \
- </div> \
- </div> \
- </div> \
- </li>");
- }
- }
- setTimeout(function() {posodobiUporabnike()}, 5000);
- }
- })
- }
- //Klicanje funkcije za začetek posodabljanja uporabnikov
- posodobiUporabnike();
- //TODO: Naloga
- //Definicija funkcije za pošiljanje sporočila
- posljiSporocilo = function() {
- $.ajax({
- url: baseUrl + "/messages/" + currentRoom,
- type: "POST",
- contentType: "application/json",
- data: JSON.stringify({user: user, text: $("#message").val()}),
- success: function(data) {
- $("#message").val("");
- },
- error: function(err){
- alert("prislo je do napake pri pošiljanje sporočila. Prosim poskusite znova!");
- }
- })
- }
- //On Click handler za pošiljanje sporočila
- $("#send").click(posljiSporocilo);
- function posljiSporocilo2() {
- $.ajax({
- url: baseUrl + "/messages/" + currentRoom,
- type: "POST",
- contentType: "application/json",
- data: JSON.stringify({user: user2, text: "Zivjo!"}),
- success: function(data) {
- $("#message").val("");
- },
- error: function(err){
- alert("prislo je do napake pri pošiljanje sporočila. Prosim poskusite znova!");
- }
- })
- }
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement