ankitjain28may /
openchat
| @@ 10-13 (lines=4) @@ | ||
| 7 | $dotenv->load(); |
|
| 8 | ||
| 9 | // die("Hello"); |
|
| 10 | if(Session::get('start') != null) |
|
| 11 | { |
|
| 12 | header("Location:".getenv('APP_URL')."/views/account.php"); |
|
| 13 | } |
|
| 14 | ?> |
|
| 15 | <!Doctype html> |
|
| 16 | <html> |
|
| @@ 10-18 (lines=9) @@ | ||
| 7 | $dotenv->load(); |
|
| 8 | ||
| 9 | ||
| 10 | if(Session::get('start') != null) |
|
| 11 | { |
|
| 12 | Session::forget('start'); |
|
| 13 | header('Location:'.getenv('APP_URL')."/index.php"); |
|
| 14 | } |
|
| 15 | else |
|
| 16 | { |
|
| 17 | echo "Please Login"; |
|
| 18 | } |
|
| 19 | ||
| @@ 9-154 (lines=146) @@ | ||
| 6 | $dotenv = new Dotenv(dirname(__DIR__)); |
|
| 7 | $dotenv->load(); |
|
| 8 | ||
| 9 | if(Session::get('start') != null && empty($_GET['user'])) |
|
| 10 | { |
|
| 11 | ||
| 12 | ?> |
|
| 13 | <!DOCTYPE html> |
|
| 14 | <html> |
|
| 15 | <head> |
|
| 16 | <meta charset="UTF-8"> |
|
| 17 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
| 18 | <title>Messages</title> |
|
| 19 | ||
| 20 | <link rel="stylesheet" href="../public/dist/css/style.min.css"> |
|
| 21 | <!-- <link rel="stylesheet" href="../public/assests/css/style.css"> --> |
|
| 22 | ||
| 23 | <!-- Font Awesome File --> |
|
| 24 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
|
| 25 | ||
| 26 | <!-- jQuery File --> |
|
| 27 | <script type="text/javascript" src="../public/assests/js/jquery-3.0.0.min.js"></script> |
|
| 28 | ||
| 29 | <script type="text/javascript" src="../public/assests/js/index.js"></script> |
|
| 30 | <script src="../public/assests/js/handlebars.min.js"></script> |
|
| 31 | <script src="../public/assests/js/moment.min.js"></script> |
|
| 32 | ||
| 33 | ||
| 34 | <!-- Minified File --> |
|
| 35 | <!-- <script type="text/javascript" src="../public/dist/js/script.min.js"></script> --> |
|
| 36 | ||
| 37 | </head> |
|
| 38 | <body> |
|
| 39 | <!-- header --> |
|
| 40 | ||
| 41 | <div class="header"> |
|
| 42 | <a id="brand" href="">OpenChat</a> |
|
| 43 | <ul class="nav-right"> |
|
| 44 | <li><a href="account.php">Account</a></li> |
|
| 45 | <li><a href="../index.php">About</a></li> |
|
| 46 | <li><a href="logout.php">Log Out</a></li> |
|
| 47 | </ul> |
|
| 48 | ||
| 49 | <div class="mob-right"> |
|
| 50 | <div class="dropdown"> |
|
| 51 | <div class="line"></div> |
|
| 52 | <div class="line"></div> |
|
| 53 | <div class="line"></div> |
|
| 54 | </div> |
|
| 55 | </div> |
|
| 56 | </div> |
|
| 57 | ||
| 58 | <div id="dropdown"> |
|
| 59 | <ul class="dropdown-list"> |
|
| 60 | <li><a href="account.php">Account</a></li> |
|
| 61 | <li><a href="../index.php">About</a></li> |
|
| 62 | <li><a href="logout.php">Log Out</a></li> |
|
| 63 | </ul> |
|
| 64 | </div> |
|
| 65 | ||
| 66 | <!-- search --> |
|
| 67 | ||
| 68 | <div class="search_message"> |
|
| 69 | <input type="text" name="search_item" id="search_item" value="" onkeyup="search_choose();" placeholder="Search"> |
|
| 70 | <!-- <select name='search_item' id='search_item' onkeyup='search_choose()'></select> --> |
|
| 71 | </div> |
|
| 72 | ||
| 73 | ||
| 74 | <!-- sidebar --> |
|
| 75 | ||
| 76 | <div class="sidebar" id="message"> |
|
| 77 | </div> |
|
| 78 | ||
| 79 | <!-- chat name --> |
|
| 80 | ||
| 81 | <div class="chat_name" id="chat_name"> |
|
| 82 | <div id="chat_heading"> |
|
| 83 | </div> |
|
| 84 | <div class="compose_text" id="compose_text"> |
|
| 85 | <b id="to">To:</b> <input type="text" name="compose_name" placeholder="Name" id="compose_name" value="" onkeyup="composeChoose()"> |
|
| 86 | <div id="compose_selection"> |
|
| 87 | <ul id="suggestion"> |
|
| 88 | </ul> |
|
| 89 | </div> |
|
| 90 | </div> |
|
| 91 | ||
| 92 | <div class="compose" onclick="compose()"><a href="#">+ New Message</a></div> |
|
| 93 | </div> |
|
| 94 | ||
| 95 | ||
| 96 | ||
| 97 | <!-- conversation --> |
|
| 98 | <div class="main" id="conversation"> |
|
| 99 | </div> |
|
| 100 | ||
| 101 | <!-- Reply --> |
|
| 102 | ||
| 103 | <div class="conversation_reply"> |
|
| 104 | <textarea type="text" name="" id="text_reply" placeholder="Write a reply.."></textarea> |
|
| 105 | <br> |
|
| 106 | <span><input type="submit" name="submit" value="Reply" onclick="reply()"> <i onclick="startDictation()" class="fa fa-microphone" aria-hidden="true"></i></span> |
|
| 107 | </div> |
|
| 108 | ||
| 109 | <div class="mob-reply"> |
|
| 110 | <div class="input-group margin-bottom-sm text_icon"> |
|
| 111 | <input type="text" name="" id="text_reply" placeholder="OpenChat.."> |
|
| 112 | <span class="send" ><i class="fa fa-paper-plane" aria-hidden="true" onclick="reply()"></i></span> |
|
| 113 | </div> |
|
| 114 | ||
| 115 | <br> |
|
| 116 | </div> |
|
| 117 | ||
| 118 | ||
| 119 | <div class="mob-footer"> |
|
| 120 | <span> |
|
| 121 | <a href="#" onclick="init()"><i class="fa fa-arrow-left fa-lg" aria-hidden="true"></i></a> |
|
| 122 | <a href="#" onclick="show_search()"><i class="fa fa-search fa-lg" aria-hidden="true"></i></a> |
|
| 123 | <a href="#" onclick="compose()"><i class="fa fa-plus-circle fa-lg" aria-hidden="true"></i></a> |
|
| 124 | </span> |
|
| 125 | </div> |
|
| 126 | ||
| 127 | <script type="text/javascript"> |
|
| 128 | $(".dropdown").click(function() { |
|
| 129 | $("#dropdown").slideToggle(); |
|
| 130 | // $("#dropdown").show(); |
|
| 131 | }); |
|
| 132 | $("span .fa").click(function() { |
|
| 133 | $(".search_item").show(); |
|
| 134 | }); |
|
| 135 | // var w=''; |
|
| 136 | // if(window.innerWidth<500 && window.outerHeight!=w) |
|
| 137 | // { |
|
| 138 | // console.log(1); |
|
| 139 | // w=window.outerHeight-135; |
|
| 140 | // $(".main").css('min-height',w); |
|
| 141 | // } |
|
| 142 | </script> |
|
| 143 | </body> |
|
| 144 | </html> |
|
| 145 | ||
| 146 | <?php |
|
| 147 | } |
|
| 148 | else{ |
|
| 149 | header('Location:'. getenv('APP_URL')."/index.php"); |
|
| 150 | } |
|
| 151 | ?> |
|
| 152 | ||
| @@ 9-179 (lines=171) @@ | ||
| 6 | $dotenv = new Dotenv(dirname(__DIR__)); |
|
| 7 | $dotenv->load(); |
|
| 8 | ||
| 9 | if(Session::get('start') != null && empty($_GET['user'])) |
|
| 10 | { |
|
| 11 | ||
| 12 | ?> |
|
| 13 | <!DOCTYPE html> |
|
| 14 | <html lang="en"> |
|
| 15 | ||
| 16 | <head> |
|
| 17 | <title>Messages</title> |
|
| 18 | <meta charset="utf-8"> |
|
| 19 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
|
| 20 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
|
| 21 | <link rel="stylesheet" href="../public/assests/css/message.css"> |
|
| 22 | <!-- Font Awesome File --> |
|
| 23 | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
|
| 24 | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> |
|
| 25 | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> |
|
| 26 | <script type="text/javascript" src="../public/assests/js/message.js"></script> |
|
| 27 | </head> |
|
| 28 | ||
| 29 | <body> |
|
| 30 | ||
| 31 | <div class="container app"> |
|
| 32 | <div class="row app-one"> |
|
| 33 | ||
| 34 | <div class="col-sm-4 side"> |
|
| 35 | <div class="side-one"> |
|
| 36 | <!-- Heading --> |
|
| 37 | <div class="row heading"> |
|
| 38 | <div class="col-sm-3 col-xs-3 heading-avatar"> |
|
| 39 | <div class="heading-avatar-icon"> |
|
| 40 | <img src="../public/assests/img/ankit.png"> |
|
| 41 | </div> |
|
| 42 | </div> |
|
| 43 | <div class="col-sm-1 col-xs-1 heading-dot pull-right"> |
|
| 44 | <i class="fa fa-ellipsis-v fa-2x pull-right" aria-hidden="true"></i> |
|
| 45 | </div> |
|
| 46 | <div class="col-sm-2 col-xs-2 heading-compose pull-right"> |
|
| 47 | <i class="fa fa-comments fa-2x pull-right" aria-hidden="true"></i> |
|
| 48 | </div> |
|
| 49 | </div> |
|
| 50 | <!-- Heading End --> |
|
| 51 | ||
| 52 | <!-- SearchBox --> |
|
| 53 | <div class="row searchBox"> |
|
| 54 | <div class="col-sm-12 searchBox-inner"> |
|
| 55 | <div class="form-group has-feedback"> |
|
| 56 | <input id="searchText" type="text" class="form-control" name="searchText" placeholder="Search"> |
|
| 57 | <span class="glyphicon glyphicon-search form-control-feedback"></span> |
|
| 58 | </div> |
|
| 59 | </div> |
|
| 60 | </div> |
|
| 61 | ||
| 62 | <!-- Search Box End --> |
|
| 63 | <!-- sideBar --> |
|
| 64 | <div class="row sideBar" id="message"> |
|
| 65 | ||
| 66 | </div> |
|
| 67 | <!-- Sidebar End --> |
|
| 68 | </div> |
|
| 69 | <div class="side-two"> |
|
| 70 | ||
| 71 | <!-- Heading --> |
|
| 72 | <div class="row newMessage-heading"> |
|
| 73 | <div class="row newMessage-main"> |
|
| 74 | <div class="col-sm-2 col-xs-2 newMessage-back"> |
|
| 75 | <i class="fa fa-arrow-left" aria-hidden="true"></i> |
|
| 76 | </div> |
|
| 77 | <div class="col-sm-10 col-xs-10 newMessage-title"> |
|
| 78 | New Chat |
|
| 79 | </div> |
|
| 80 | </div> |
|
| 81 | </div> |
|
| 82 | <!-- Heading End --> |
|
| 83 | ||
| 84 | <!-- ComposeBox --> |
|
| 85 | <div class="row composeBox"> |
|
| 86 | <div class="col-sm-12 composeBox-inner"> |
|
| 87 | <div class="form-group has-feedback"> |
|
| 88 | <input id="composeText" type="text" class="form-control" name="searchText" placeholder="Search People"> |
|
| 89 | <span class="glyphicon glyphicon-search form-control-feedback"></span> |
|
| 90 | </div> |
|
| 91 | </div> |
|
| 92 | </div> |
|
| 93 | <!-- ComposeBox End --> |
|
| 94 | ||
| 95 | <!-- sideBar --> |
|
| 96 | <div class="row compose-sideBar" id="compose"> |
|
| 97 | ||
| 98 | </div> |
|
| 99 | </div> |
|
| 100 | <!-- Sidebar End --> |
|
| 101 | </div> |
|
| 102 | ||
| 103 | ||
| 104 | <!-- New Message Sidebar End --> |
|
| 105 | ||
| 106 | <!-- Conversation Start --> |
|
| 107 | <div class="col-sm-8 conversation"> |
|
| 108 | <!-- Heading --> |
|
| 109 | <div class="row heading"> |
|
| 110 | <div class="col-sm-2 col-md-1 col-xs-3 heading-avatar"> |
|
| 111 | <div class="heading-avatar-icon"> |
|
| 112 | <img src="../public/assests/img/ankit.png"> |
|
| 113 | </div> |
|
| 114 | </div> |
|
| 115 | <div class="col-sm-8 col-xs-7 heading-name"> |
|
| 116 | <a class="heading-name-meta">Ankit Jain |
|
| 117 | </a> |
|
| 118 | <span class="heading-online">Online</span> |
|
| 119 | </div> |
|
| 120 | <div class="col-sm-1 col-xs-1 heading-dot pull-right"> |
|
| 121 | <i class="fa fa-ellipsis-v fa-2x pull-right" aria-hidden="true"></i> |
|
| 122 | </div> |
|
| 123 | </div> |
|
| 124 | <!-- Heading End --> |
|
| 125 | ||
| 126 | <!-- Message Box --> |
|
| 127 | <div class="row message" id="conversation"> |
|
| 128 | ||
| 129 | </div> |
|
| 130 | <!-- Message Box End --> |
|
| 131 | ||
| 132 | <!-- Reply Box --> |
|
| 133 | <div class="row reply"> |
|
| 134 | <div class="col-sm-1 col-xs-1 reply-icons reply-emojis"> |
|
| 135 | <i class="fa fa-smile-o fa-2x"></i> |
|
| 136 | </div> |
|
| 137 | <div class="col-sm-9 col-xs-10 reply-main"> |
|
| 138 | <textarea class="form-control" rows="1" id="text_reply"></textarea> |
|
| 139 | </div> |
|
| 140 | <div class="col-sm-1 col-xs-1 reply-icons reply-recording"> |
|
| 141 | <i class="fa fa-microphone fa-2x" aria-hidden="true"></i> |
|
| 142 | </div> |
|
| 143 | <div class="col-sm-1 col-xs-2 reply-icons reply-send"> |
|
| 144 | <i class="fa fa-send fa-2x" aria-hidden="true"></i> |
|
| 145 | </div> |
|
| 146 | </div> |
|
| 147 | <!-- Reply Box End --> |
|
| 148 | ||
| 149 | ||
| 150 | <!-- Mobile lower Bar --> |
|
| 151 | <div class="row lowerBar"> |
|
| 152 | <div class="col-xs-3 col-xs-offset-1 lowerBar-icons lowerBar-back"> |
|
| 153 | <i class="fa fa-arrow-left fa-2x"></i> |
|
| 154 | </div> |
|
| 155 | <div class="col-xs-3 col-xs-offset-1 lowerBar-icons lowerBar-emojis"> |
|
| 156 | <i class="fa fa-smile-o fa-2x"></i> |
|
| 157 | </div> |
|
| 158 | <div class="col-xs-3 col-xs-offset-1 lowerBar-icons lowerBar-recording"> |
|
| 159 | <i class="fa fa-microphone fa-2x"></i> |
|
| 160 | </div> |
|
| 161 | </div> |
|
| 162 | <!-- Mobile lower Bar End --> |
|
| 163 | </div> |
|
| 164 | <!-- Conversation End --> |
|
| 165 | </div> |
|
| 166 | <!-- App One End --> |
|
| 167 | </div> |
|
| 168 | ||
| 169 | <!-- App End --> |
|
| 170 | ||
| 171 | </body> |
|
| 172 | ||
| 173 | </html> |
|
| 174 | ||
| 175 | <?php |
|
| 176 | } |
|
| 177 | else{ |
|
| 178 | header('Location:'. getenv('APP_URL')."/index.php"); |
|
| 179 | } |
|
| 180 | ?> |
|
| 181 | ||
