import { Template } from 'meteor/templating';
import { ReactiveVar } from 'meteor/reactive-var';
import { Session } from 'meteor/session';
import { FriendRequest } from './../../import/collections/insert.js';
import { UserInfo } from './../../import/collections/insert.js';
import { Message } from './../../import/collections/insert.js';
Template.messagingpage.onRendered(function(){
$("ul.tabs").tabs();
});
Template.messanging.helpers({
show_connections(){
// alert('hi');
var sent_to = Session.get("userId");
//alert(sent_to);
// db.friend.find({sent_to: 'user_1224544',req_status: 0}).pretty()
var show_pending = FriendRequest.find({ $or: [ { $and: [ { sent_to: sent_to },{ req_status: 1 } ] }, { $and: [{ sent_by: sent_to },{ req_status: 1 } ] } ] }).fetch();
// var show_pending = FriendRequest.find({sent_to: sent_to,req_status: 1}).fetch();
var length = show_pending.length;
// alert('Length: '+length);
if(length > 0){
return show_pending;
}
},
show_connections_2(){
var use_id = this.sent_by;
var logged_in = Session.get("userId");
if(use_id == logged_in){
use_id = this.sent_to;
var connection_details = UserInfo.find({user_id: use_id}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
}
else{
//alert(use_id);
var connection_details = UserInfo.find({user_id: use_id}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
}},
msg_rightbox(){
// alert('right side');
var show_session = Session.get('msgid_forright');
// alert(show_session);
// use_id = this.sent_to;
var connection_details = UserInfo.find({user_id: show_session}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
// console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
},
message_content(){
var sent_by = Session.get("userId");
var sent_to = Session.get('msgid_forright');
// alert("Database change");
// find({ $or: [ { $and: [ { sent_to: sent_by },{ sent_by: sent_to } ] }, { $and: [{ sent_to: sent_to },{ sent_by: sent_by } ] } ] }).fetch();
// ind({ $or: [ { sent_to: sent_to },{ sent_by: sent_to } ] }).fetch();
var result = Message.find({ $or: [
{
$and:
[
{
sent_to: sent_by
},
{
sent_by: sent_to
}
]
} ,
{
$and:
[
{
sent_to: sent_to
},
{
sent_by: sent_by
}
]
}
] }).fetch();
// var result = Message.find({}).fetch();
// alert(result);
return result;
},
sender(){
var sent_by = this.sent_by;
var current_login_user = Session.get("userId");/*
if( sent_by == current_login_user){
$("#div_display_msg").addClass('base_sent');
$("#div_display_msg").removeClass('base_receive');
return 1;
}else{
$("#div_display_msg").addClass('base_receive');
$("#div_display_msg").removeClass('base_sent');
}*/
return 0;
}
// },
// sender2(){
// var sent_to = this.sent_to;
// var current_login_user = Session.get("userId");
// if( sent_to == current_login_user){
// return 0;
// }
// }
});
Template.messanging.events({
'click .change_msg_onright': function(){
var show_id = this.user_id;
// alert(show_id);
Session.setPersistent("msgid_forright",show_id);
},
'click #send_msg': function(){
var msg_text = $('#msg_text').val();
// alert(msg_text);
msg_text = jQuery.trim(msg_text);
if(msg_text == null || msg_text == "")
{
$('#msg_text').addClass('emptyfield').focus();
return false;
}
else{
$('#msg_text').removeClass('emptyfield');
}
var sent_by = Session.get("userId");
var sent_to = Session.get('msgid_forright');
msg_id = 'msg_'+ Math.floor((Math.random() * 2465789) + 1);
alert('above insert');
Meteor.call('insert_message',sent_by,sent_to,msg_text,msg_id,function(error,result){
if(error){
alert(' message sending failed! ');
}else{
alert(' message Sucessfully sent ');
}
$(".form_reset").trigger('reset');
});
}
});
<template name="messagingpage">
<head>
<title>messanging</title>
</head>
{{> header}}
{{> messanging}}
</template>
<!-- <template name="header">
<nav>
<div class="nav-wrapper">
<a href="" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="">sass</a></li>
<li><a href="">sass <span class="new badge">4</span></a></li>
<li><a href="">sass</a></li>
</ul>
</div>
</nav>
</template> -->
<template name="messanging">
<div class="row margin-tp">
<div class="col s12 m3 l3">
<p class="msg-head">Messaging</p>
<Div class="col-md-12">
<div class="input-group">
</div>
</Div>
<div class="card">
<div class="card-content">
<p> <input id="btn-input" type="text" class="form-control input-sm chat_input" placeholder="Search user" /></p>
</div>
<div class="card-tabs">
<ul class="tabs tabs-fixed-width">
<li class="tab"><a class="active" href="#recent"> Recent </a></li>
<li class="tab"><a href="#connnection"> Connection </a></li>
</ul>
</div>
<div class="card-content grey lighten-4">
<div id="recent">
<ul class="collection">
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yaav</span>
<p>Hey</p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Ok.. </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Yes i am here </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Thanks..</p>
</li>
</ul>
</div>
<div id="connnection">
<ul class="collection">
{{#each show_connections}}
{{#each show_connections_2}}
<li class="collection-item avatar change_msg_onright" >
<img src="./uploads/{{profile_pic}}" alt="" class="circle">
<span class="title">{{name}}</span>
<p>Hey</p>
</li>
<!-- <li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Ok.. </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Yes i am here </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Thanks..</p>
</li> -->
{{/each}}
{{/each}}
</ul>
</div>
</div>
</div>
</div>
{{#each msg_rightbox}}
<div class="col s12 m9 l9">
<div class="row bor_top" >
<div class="col m1"> <img src="./uploads/{{profile_pic}}" width="50" alt="User Avatar" class="img-circle" style="width: 50px;"> </div>
<div class="col m11" style="margin-top: 7px;"> {{name}}<br/>
{{headline}}
</div>
</div>
<div class="card">
<div id="test4">
<div class="col-s12">
<div class="chatbody">
<div class="panel panel-primary">
{{#each message_content}}
<div class="panel-body msg_container_base">
<!-- {{#if sender}} -->
<div class="row msg_container base_sent" id="div_display_msg" >
<div class="col-md-12 col-xs-12">
<div class="messages msg_sent">
<p>{{msg_text}}</p>
<time datetime="2009-11-13T20:00">{{sentAt}}</time>
</div>
</div>
</div>
<!-- {{else}}
<p>nothings</p> -->
<!-- {{/if}} -->
<!-- {{/if}} -->
<!-- {{#if sender2}}
<div class="row msg_container base_receive">
<div class="col-md-12 col-xs-12">
<div class="messages msg_receive text-right">
<p>{{msg_text}}</p>
<time datetime="2009-11-13T20:00">{{sentAt}}</time>
</div>
</div>
</div>
{{/if}} -->
<!-- <div class="row msg_container base_receive">
<div class="col-md-12 col-xs-12">
<div class="messages msg_receive text-right">
<p>that mongodb thing looks good, huh?
tiny master db, and huge document store</p>
<time datetime="2009-11-13T20:00">Timothy • 51 min</time>
</div>
</div>
</div>
<div class="row msg_container base_sent">
<div class="col-md-12 col-xs-12">
<div class="messages msg_sent">
<p>that mongodb thing looks good, huh?
tiny master db, and huge document store</p>
<time datetime="2009-11-13T20:00">51 mins ago</time>
</div>
</div>
</div> -->
</div>
{{/each}}
<div class="panel-footer">
<div class="input-controls-container">
<form class="form_reset">
<textarea class="form-control" placeholder="Add message or image here..." id="msg_text" >
</textarea>
</form>
<div class="input-controls margin_top">
<div class="btn-group">
<span class="text-left">
<button class="btn btn-link send_btn">
<span class="glyphicon glyphicon-picture"></span>
</button>
</span>
<span class="text-right" style="margin-left: 10px;">
<button class="btn btn-link pull-right text-right send_btn" id="send_msg" >
<span class="glyphicon glyphicon-send"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
</div>
</template>
import { ReactiveVar } from 'meteor/reactive-var';
import { Session } from 'meteor/session';
import { FriendRequest } from './../../import/collections/insert.js';
import { UserInfo } from './../../import/collections/insert.js';
import { Message } from './../../import/collections/insert.js';
Template.messagingpage.onRendered(function(){
$("ul.tabs").tabs();
});
Template.messanging.helpers({
show_connections(){
// alert('hi');
var sent_to = Session.get("userId");
//alert(sent_to);
// db.friend.find({sent_to: 'user_1224544',req_status: 0}).pretty()
var show_pending = FriendRequest.find({ $or: [ { $and: [ { sent_to: sent_to },{ req_status: 1 } ] }, { $and: [{ sent_by: sent_to },{ req_status: 1 } ] } ] }).fetch();
// var show_pending = FriendRequest.find({sent_to: sent_to,req_status: 1}).fetch();
var length = show_pending.length;
// alert('Length: '+length);
if(length > 0){
return show_pending;
}
},
show_connections_2(){
var use_id = this.sent_by;
var logged_in = Session.get("userId");
if(use_id == logged_in){
use_id = this.sent_to;
var connection_details = UserInfo.find({user_id: use_id}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
}
else{
//alert(use_id);
var connection_details = UserInfo.find({user_id: use_id}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
}},
msg_rightbox(){
// alert('right side');
var show_session = Session.get('msgid_forright');
// alert(show_session);
// use_id = this.sent_to;
var connection_details = UserInfo.find({user_id: show_session}).fetch();
var show_details = connection_details[0];
// //alert(show_details.name);
// console.log(connection_details);
//alert(connection_details[0]);
return connection_details;
},
message_content(){
var sent_by = Session.get("userId");
var sent_to = Session.get('msgid_forright');
// alert("Database change");
// find({ $or: [ { $and: [ { sent_to: sent_by },{ sent_by: sent_to } ] }, { $and: [{ sent_to: sent_to },{ sent_by: sent_by } ] } ] }).fetch();
// ind({ $or: [ { sent_to: sent_to },{ sent_by: sent_to } ] }).fetch();
var result = Message.find({ $or: [
{
$and:
[
{
sent_to: sent_by
},
{
sent_by: sent_to
}
]
} ,
{
$and:
[
{
sent_to: sent_to
},
{
sent_by: sent_by
}
]
}
] }).fetch();
// var result = Message.find({}).fetch();
// alert(result);
return result;
},
sender(){
var sent_by = this.sent_by;
var current_login_user = Session.get("userId");/*
if( sent_by == current_login_user){
$("#div_display_msg").addClass('base_sent');
$("#div_display_msg").removeClass('base_receive');
return 1;
}else{
$("#div_display_msg").addClass('base_receive');
$("#div_display_msg").removeClass('base_sent');
}*/
return 0;
}
// },
// sender2(){
// var sent_to = this.sent_to;
// var current_login_user = Session.get("userId");
// if( sent_to == current_login_user){
// return 0;
// }
// }
});
Template.messanging.events({
'click .change_msg_onright': function(){
var show_id = this.user_id;
// alert(show_id);
Session.setPersistent("msgid_forright",show_id);
},
'click #send_msg': function(){
var msg_text = $('#msg_text').val();
// alert(msg_text);
msg_text = jQuery.trim(msg_text);
if(msg_text == null || msg_text == "")
{
$('#msg_text').addClass('emptyfield').focus();
return false;
}
else{
$('#msg_text').removeClass('emptyfield');
}
var sent_by = Session.get("userId");
var sent_to = Session.get('msgid_forright');
msg_id = 'msg_'+ Math.floor((Math.random() * 2465789) + 1);
alert('above insert');
Meteor.call('insert_message',sent_by,sent_to,msg_text,msg_id,function(error,result){
if(error){
alert(' message sending failed! ');
}else{
alert(' message Sucessfully sent ');
}
$(".form_reset").trigger('reset');
});
}
});
<template name="messagingpage">
<head>
<title>messanging</title>
</head>
{{> header}}
{{> messanging}}
</template>
<!-- <template name="header">
<nav>
<div class="nav-wrapper">
<a href="" class="brand-logo">Logo</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="">sass</a></li>
<li><a href="">sass <span class="new badge">4</span></a></li>
<li><a href="">sass</a></li>
</ul>
</div>
</nav>
</template> -->
<template name="messanging">
<div class="row margin-tp">
<div class="col s12 m3 l3">
<p class="msg-head">Messaging</p>
<Div class="col-md-12">
<div class="input-group">
</div>
</Div>
<div class="card">
<div class="card-content">
<p> <input id="btn-input" type="text" class="form-control input-sm chat_input" placeholder="Search user" /></p>
</div>
<div class="card-tabs">
<ul class="tabs tabs-fixed-width">
<li class="tab"><a class="active" href="#recent"> Recent </a></li>
<li class="tab"><a href="#connnection"> Connection </a></li>
</ul>
</div>
<div class="card-content grey lighten-4">
<div id="recent">
<ul class="collection">
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yaav</span>
<p>Hey</p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Ok.. </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Yes i am here </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Thanks..</p>
</li>
</ul>
</div>
<div id="connnection">
<ul class="collection">
{{#each show_connections}}
{{#each show_connections_2}}
<li class="collection-item avatar change_msg_onright" >
<img src="./uploads/{{profile_pic}}" alt="" class="circle">
<span class="title">{{name}}</span>
<p>Hey</p>
</li>
<!-- <li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Ok.. </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Yes i am here </p>
</li>
<li class="collection-item avatar">
<img src="https://i0.wp.com/tricksmaze.com/wp-content/uploads/2017/04/Stylish-Girls-Profile-Pictures-36.jpg?resize=300%2C300&ssl=1" alt="" class="circle">
<span class="title">Shobhita Yadav</span>
<p>Thanks..</p>
</li> -->
{{/each}}
{{/each}}
</ul>
</div>
</div>
</div>
</div>
{{#each msg_rightbox}}
<div class="col s12 m9 l9">
<div class="row bor_top" >
<div class="col m1"> <img src="./uploads/{{profile_pic}}" width="50" alt="User Avatar" class="img-circle" style="width: 50px;"> </div>
<div class="col m11" style="margin-top: 7px;"> {{name}}<br/>
{{headline}}
</div>
</div>
<div class="card">
<div id="test4">
<div class="col-s12">
<div class="chatbody">
<div class="panel panel-primary">
{{#each message_content}}
<div class="panel-body msg_container_base">
<!-- {{#if sender}} -->
<div class="row msg_container base_sent" id="div_display_msg" >
<div class="col-md-12 col-xs-12">
<div class="messages msg_sent">
<p>{{msg_text}}</p>
<time datetime="2009-11-13T20:00">{{sentAt}}</time>
</div>
</div>
</div>
<!-- {{else}}
<p>nothings</p> -->
<!-- {{/if}} -->
<!-- {{/if}} -->
<!-- {{#if sender2}}
<div class="row msg_container base_receive">
<div class="col-md-12 col-xs-12">
<div class="messages msg_receive text-right">
<p>{{msg_text}}</p>
<time datetime="2009-11-13T20:00">{{sentAt}}</time>
</div>
</div>
</div>
{{/if}} -->
<!-- <div class="row msg_container base_receive">
<div class="col-md-12 col-xs-12">
<div class="messages msg_receive text-right">
<p>that mongodb thing looks good, huh?
tiny master db, and huge document store</p>
<time datetime="2009-11-13T20:00">Timothy • 51 min</time>
</div>
</div>
</div>
<div class="row msg_container base_sent">
<div class="col-md-12 col-xs-12">
<div class="messages msg_sent">
<p>that mongodb thing looks good, huh?
tiny master db, and huge document store</p>
<time datetime="2009-11-13T20:00">51 mins ago</time>
</div>
</div>
</div> -->
</div>
{{/each}}
<div class="panel-footer">
<div class="input-controls-container">
<form class="form_reset">
<textarea class="form-control" placeholder="Add message or image here..." id="msg_text" >
</textarea>
</form>
<div class="input-controls margin_top">
<div class="btn-group">
<span class="text-left">
<button class="btn btn-link send_btn">
<span class="glyphicon glyphicon-picture"></span>
</button>
</span>
<span class="text-right" style="margin-left: 10px;">
<button class="btn btn-link pull-right text-right send_btn" id="send_msg" >
<span class="glyphicon glyphicon-send"></span>
</button>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{{/each}}
</div>
</template>
Comments
Post a Comment