Update 2017-08-11T18:40:41.588Z

css/app.css

@@ -1504,6 +1504,8 @@ img.im_message_document_thumb{max-width:100px;max-height:100px;vertical-align:mi
 .audio_player_volume_slider .tg_slider_track_fill{background:#6490b1;height:4px;width:0}
 .audio_player_progress_wrap{overflow:hidden}
 .audio_player_progress_wrap .tg_down_progress{margin-top:5px}
+.audio_player_media{position:absolute;visibility:hidden}
+.audio_player_media canvas{display:none}
 .im_message_download_progress_wrap,.im_message_upload_progress_wrap{margin-top:5px;width:200px}
 .im_message_document_thumbed .im_message_document_actions,.im_message_document_thumbed .im_message_document_name_wrap,.im_message_document_thumbed .im_message_download_progress_wrap,.im_message_document_thumbed .im_message_upload_progress_wrap{width:207px}
 .im_message_document_thumbed .im_message_document_name{max-width:110px}
@@ -1608,6 +1610,8 @@ a.im_message_fwd_photo{position:absolute;margin-top:1px}
 .im_send_form{margin:0 auto;position:absolute;bottom:0}
 .im_attach_input,.im_media_attach_input{cursor:pointer;font-size:120px!important;opacity:.01;position:absolute;z-index:100;margin:0;padding:0;top:0;right:0}
 .im_send_dropbox_wrap{background:#fff;display:none;padding:17px 10px 0;border:1px dashed #999;overflow:hidden;text-align:center;color:#999;position:absolute}
+.im_send_form_dragging .im_send_dropbox_wrap{display:block}
+.im_send_form_dragging .composer_command_btn,.im_send_form_dragging .composer_emoji_insert_btn,.im_send_form_dragging .composer_keyboard_btn,.im_send_form_dragging .composer_progress_icon_wrap,.im_send_form_dragging .composer_rich_textarea,.im_send_form_dragging .im_inline_placeholder_wrap,.im_send_form_dragging .im_message_field{visibility:hidden}
 .im_send_field_wrap{position:relative}
 textarea.im_message_field{font-size:12px;margin-bottom:10px;padding:6px;min-height:50px;height:50px;resize:none}
 .im_inline_placeholder_wrap{color:#9aa2ab;position:absolute;margin-top:2px;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;display:none;width:100%;width:calc(100% - 30px);overflow:hidden}
@@ -1774,6 +1778,16 @@ li.inline_result_gif.composer_autocomplete_option_active a .inline_result_ind,li
 .inline_result_sticker img{object-fit:contain}
 .inline_result_game img{object-fit:cover;width:50px;height:50px}
 .inline_result_gif_http,.inline_result_gif_mtproto,.inline_result_photo_http,.inline_result_photo_mtproto{pointer-events:none}
+.im_voice_recorder_wrap{display:none;z-index:100}
+.im_recorder_indicator,.im_recorder_time{float:left;vertical-align:middle;color:#333}
+.im_recorder_indicator i{background-color:#ff1010;height:10px;width:10px;border-radius:50%;margin-right:5px;vertical-align:baseline;display:inline-block;animation:blinker .5s cubic-bezier(.5,0,1,1) infinite alternate}
+@keyframes blinker{from{opacity:1}
+to{opacity:0}}
+.im_recorder_label{overflow:auto;font-size:12px;text-align:center;vertical-align:middle;color:#3a6d99;transition:color linear .2s}
+.im_recorder_label i{margin-right:5px}
+.im_send_form_hover .im_recorder_label{color:#CCC}
+.im_processing_recording,.im_voice_recording{color:#AAA}
+.im_processing_recording .im_voice_recorder_wrap,.im_voice_recording .im_voice_recorder_wrap{display:block}
 .error_modal_description{color:#999;padding:5px 0;font-size:13px;line-height:160%}
 .md_simple_modal_alert_body .error_modal_description,.md_simple_modal_alert_body .md_simple_header{text-align:center}
 .error_modal_details textarea{display:block;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:10px;line-height:100%;white-space:pre-wrap;padding:4px;margin:10px 0;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;width:100%;text-align:left}

css/badbrowser.css

@@ -1457,6 +1457,8 @@ img.im_message_document_thumb{max-width:100px;max-height:100px;vertical-align:mi
 .audio_player_volume_slider .tg_slider_track_fill{background:#6490b1;height:4px;width:0}
 .audio_player_progress_wrap{overflow:hidden}
 .audio_player_progress_wrap .tg_down_progress{margin-top:5px}
+.audio_player_media{position:absolute;visibility:hidden}
+.audio_player_media canvas{display:none}
 .im_message_download_progress_wrap,.im_message_upload_progress_wrap{margin-top:5px;width:200px}
 .im_message_document_thumbed .im_message_document_actions,.im_message_document_thumbed .im_message_document_name_wrap,.im_message_document_thumbed .im_message_download_progress_wrap,.im_message_document_thumbed .im_message_upload_progress_wrap{width:207px}
 .im_message_document_thumbed .im_message_document_name{max-width:110px}
@@ -1561,6 +1563,8 @@ a.im_message_fwd_photo{position:absolute;margin-top:1px}
 .im_send_form{margin:0 auto;position:absolute;bottom:0}
 .im_attach_input,.im_media_attach_input{cursor:pointer;font-size:120px!important;opacity:.01;position:absolute;z-index:100;margin:0;padding:0;top:0;right:0}
 .im_send_dropbox_wrap{background:#fff;display:none;padding:17px 10px 0;border:1px dashed #999;overflow:hidden;text-align:center;color:#999;position:absolute}
+.im_send_form_dragging .im_send_dropbox_wrap{display:block}
+.im_send_form_dragging .composer_command_btn,.im_send_form_dragging .composer_emoji_insert_btn,.im_send_form_dragging .composer_keyboard_btn,.im_send_form_dragging .composer_progress_icon_wrap,.im_send_form_dragging .composer_rich_textarea,.im_send_form_dragging .im_inline_placeholder_wrap,.im_send_form_dragging .im_message_field{visibility:hidden}
 .im_send_field_wrap{position:relative}
 textarea.im_message_field{font-size:12px;margin-bottom:10px;padding:6px;min-height:50px;height:50px;resize:none}
 .im_inline_placeholder_wrap{color:#9aa2ab;position:absolute;margin-top:2px;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;display:none;width:100%;width:calc(100% - 30px);overflow:hidden}
@@ -1727,6 +1731,16 @@ li.inline_result_gif.composer_autocomplete_option_active a .inline_result_ind,li
 .inline_result_sticker img{object-fit:contain}
 .inline_result_game img{object-fit:cover;width:50px;height:50px}
 .inline_result_gif_http,.inline_result_gif_mtproto,.inline_result_photo_http,.inline_result_photo_mtproto{pointer-events:none}
+.im_voice_recorder_wrap{display:none;z-index:100}
+.im_recorder_indicator,.im_recorder_time{float:left;vertical-align:middle;color:#333}
+.im_recorder_indicator i{background-color:#ff1010;height:10px;width:10px;border-radius:50%;margin-right:5px;vertical-align:baseline;display:inline-block;animation:blinker .5s cubic-bezier(.5,0,1,1) infinite alternate}
+@keyframes blinker{from{opacity:1}
+to{opacity:0}}
+.im_recorder_label{overflow:auto;font-size:12px;text-align:center;vertical-align:middle;color:#3a6d99;transition:color linear .2s}
+.im_recorder_label i{margin-right:5px}
+.im_send_form_hover .im_recorder_label{color:#CCC}
+.im_processing_recording,.im_voice_recording{color:#AAA}
+.im_processing_recording .im_voice_recorder_wrap,.im_voice_recording .im_voice_recorder_wrap{display:block}
 .error_modal_description{color:#999;padding:5px 0;font-size:13px;line-height:160%}
 .md_simple_modal_alert_body .error_modal_description,.md_simple_modal_alert_body .md_simple_header{text-align:center}
 .error_modal_details textarea{display:block;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:10px;line-height:100%;white-space:pre-wrap;padding:4px;margin:10px 0;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;width:100%;text-align:left}

css/desktop.css

@@ -1120,6 +1120,74 @@ a.im_panel_peer_photo .peer_initials {
   background-position: -10px -427px;
   opacity: 1;
 }
+.im_record {
+  display: none;
+  width: 50px;
+  height: 50px;
+  margin: -8px 0 0 -18px;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  padding: 13px 16px 13px 16px;
+  border-radius: 50px;
+  overflow: hidden;
+  background: #fff;
+  transition: background-color linear 0.2s;
+}
+.im_record_supported .im_record {
+  display: block;
+}
+.im_send_form_hover .im_voice_recording .im_record {
+  background: #bfd9ed;
+}
+.icon-mic {
+  display: inline-block;
+  width: 18px;
+  height: 22px;
+  vertical-align: text-top;
+  opacity: 0.8;
+  background-image: url(../img/icons/IconsetW.png);
+  background-repeat: no-repeat;
+  background-position: -12px -285px;
+  background-color: transparent;
+}
+.is_2x .icon-mic {
+  background-image: url(../img/icons/IconsetW_2x.png);
+  background-size: 42px 1171px;
+}
+.im_record:hover .icon-mic {
+  opacity: 1;
+}
+.im_record:active .icon-mic,
+.im_voice_recording .icon-mic {
+  background-position: -12px -705px;
+}
+.im_voice_recorder_wrap {
+  padding: 17px 10px 0;
+  display: none;
+  position: absolute;
+}
+.im_voice_recording .im_voice_recorder_wrap,
+.im_processing_recording .im_voice_recorder_wrap {
+  display: block;
+}
+.im_voice_recording .composer_rich_textarea,
+.im_processing_recording .composer_rich_textarea,
+.im_voice_recording .im_message_field,
+.im_processing_recording .im_message_field,
+.im_voice_recording .composer_emoji_insert_btn,
+.im_processing_recording .composer_emoji_insert_btn,
+.im_voice_recording .composer_progress_icon_wrap,
+.im_processing_recording .composer_progress_icon_wrap,
+.im_voice_recording .composer_command_btn,
+.im_processing_recording .composer_command_btn,
+.im_voice_recording .composer_keyboard_btn,
+.im_processing_recording .composer_keyboard_btn,
+.im_voice_recording .im_inline_placeholder_wrap,
+.im_processing_recording .im_inline_placeholder_wrap {
+  visibility: hidden;
+}
 @media (max-height: 600px) {
   a.im_panel_peer_photo,
   a.im_panel_own_photo {
@@ -1160,6 +1228,9 @@ a.im_panel_peer_photo .peer_initials {
     left: 100%;
     margin: 0 0 0 15px;
   }
+  .im_record_supported .im_send_form_empty .im_submit {
+    display: none;
+  }
   .im_media_attach {
     position: absolute;
     top: -6px;
@@ -1227,6 +1298,18 @@ a.im_panel_peer_photo .peer_initials {
     padding-top: 5px;
     padding-bottom: 5px;
   }
+  .im_record {
+    display: none;
+    position: absolute;
+    top: -4px;
+    right: -56px;
+  }
+  .im_record_supported .im_send_form_empty .im_record {
+    display: block;
+  }
+  .im_voice_recorder_wrap {
+    padding-top: 4px;
+  }
 }
 .im_edit_panel_wrap.im_edit_small_panel_wrap {
   padding-bottom: 8px;

css/mobile.css

@@ -434,6 +434,15 @@ html {
 .audio_player_button {
   margin-right: 8px;
 }
+.audio_player_volume_slider .tg_slider_wrap {
+  display: none;
+}
+.audio_player_seek_slider {
+  width: 100%;
+}
+.audio_player_seek_slider .tg_slider_track {
+  background: rgba(200, 200, 200, 0.6);
+}
 .im_message_body_media .im_message_document,
 .im_message_body_media .im_message_audio {
   padding: 5px;
@@ -1050,6 +1059,10 @@ a.mobile_modal_action .tg_checkbox_label {
 .mobile_modal_section_value {
   font-size: 15px;
   padding: 0 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: inline-block;
+  width: 100%;
 }
 .mobile_modal_section_body {
   padding: 0 12px;
@@ -1117,9 +1130,10 @@ a.mobile_modal_action .tg_checkbox_label {
   background-image: url(../img/icons/IconsetW_2x.png);
   background-size: 42px 1171px;
 }
-.icon-paperclip {
+.icon-paperclip,
+.icon-mic {
   display: inline-block;
-  width: 19px;
+  width: 18px;
   height: 23px;
   vertical-align: text-top;
   opacity: 0.8;
@@ -1127,32 +1141,95 @@ a.mobile_modal_action .tg_checkbox_label {
   background-repeat: no-repeat;
   background-position: -12px -68px;
 }
-.is_2x .icon-paperclip {
+.is_2x .icon-paperclip,
+.is_2x .icon-mic {
   background-image: url(../img/icons/IconsetW_2x.png);
   background-size: 42px 1171px;
 }
+.icon-mic {
+  background-position: -12px -285px;
+}
+.im_voice_recording .icon-mic {
+  background-position: -12px -705px;
+}
 .im_attach {
   cursor: pointer;
-  display: none;
+  display: block;
   overflow: hidden;
   position: absolute;
-  right: 0;
+  left: 0;
   top: 0;
   margin: 0;
   width: 50px;
   height: 32px;
   padding: 3px 13px 4px 16px;
+  right: auto;
 }
 .im_attach:active .icon-paperclip {
   background-position: -12px -100px;
   opacity: 1;
 }
+.im_record {
+  display: none;
+  right: 0;
+  top: -8px;
+  width: 50px;
+  height: 50px;
+  position: absolute;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  padding: 13px 16px 13px 16px;
+  border-radius: 50px;
+  overflow: hidden;
+  background: #fff;
+  transition: background-color linear 0.2s;
+}
+.im_record_supported .im_send_form_empty .im_record {
+  display: block;
+}
+.im_send_form_hover .im_voice_recording .im_record {
+  background: #bfd9ed;
+}
 .im_send_form_empty .im_submit {
+  opacity: 0.4;
+}
+.im_record_supported .im_send_form_empty .im_submit {
   display: none;
 }
-.im_send_form_empty .im_attach {
+.im_voice_recorder_wrap {
+  height: 32px;
+  line-height: 32px;
+  right: 50px;
+  left: 0;
+  padding: 0 0 0 20px;
+}
+.im_recorder_label {
+  padding-right: 48px;
+}
+.im_voice_recording,
+.im_processing_recording {
+  color: #AAA;
+}
+.im_voice_recording .im_voice_recorder_wrap,
+.im_processing_recording .im_voice_recorder_wrap {
   display: block;
 }
+.im_voice_recording .im_send_field_wrap,
+.im_processing_recording .im_send_field_wrap,
+.im_voice_recording .im_submit,
+.im_processing_recording .im_submit,
+.im_voice_recording .im_attach,
+.im_processing_recording .im_attach {
+  display: none;
+}
+.im_processing_recording .im_recorder_indicator i {
+  background-color: green;
+}
+.im_processing_recording .im_record {
+  display: none;
+}
 .icon-emoji {
   display: inline-block;
   width: 22px;
@@ -1169,17 +1246,12 @@ a.mobile_modal_action .tg_checkbox_label {
   background-size: 42px 1171px;
 }
 .composer_emoji_insert_btn {
-  position: absolute;
-  left: 0;
-  top: 0;
-  margin: 0;
-  padding: 3px 13px 4px 13px;
-  width: 48px;
-  height: 32px;
+  top: 3px;
+  right: 5px;
 }
-.composer_emoji_insert_btn.on .icon-emoji,
+.composer_emoji_insert_btn.composer_emoji_insert_btn_on .icon-emoji,
 .composer_emoji_insert_btn:active .icon-emoji,
-.is_1x .composer_emoji_insert_btn.on .icon-emoji,
+.is_1x .composer_emoji_insert_btn.composer_emoji_insert_btn_on .icon-emoji,
 .is_1x .composer_emoji_insert_btn:active .icon-emoji {
   background-position: -10px -803px;
 }
@@ -1213,8 +1285,8 @@ a.mobile_modal_action .tg_checkbox_label {
   content: none;
 }
 .composer_emoji_tooltip {
-  margin-left: 6px;
-  margin-top: -176px;
+  margin-left: -246px;
+  margin-top: -181px;
   z-index: 10000;
 }
 .composer_emoji_tooltip_tab {
@@ -1469,6 +1541,10 @@ a.media_modal_date:hover {
   margin-left: 38px;
   margin-right: 10px;
 }
+.composer_rich_textarea,
+.composer_textarea {
+  padding-right: 28px;
+}
 .im_send_field_wrap_2ndbtn .composer_rich_textarea,
 .im_send_field_wrap_2ndbtn .composer_textarea {
   padding-right: 35px;
@@ -1488,11 +1564,11 @@ a.media_modal_date:hover {
   position: relative;
 }
 .composer_command_btn {
-  right: 10px;
+  right: 35px;
   top: 6px;
 }
 .composer_keyboard_btn {
-  right: 10px;
+  right: 35px;
   top: 6px;
 }
 .im_send_keyboard_wrap {

img/icons/icon.svg

@@ -1,22 +1,22 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="IFTTT_Applet_Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" width="620px" height="620px" viewBox="0 0 620 620" enable-background="new 0 0 620 620" xml:space="preserve">
-<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="311.1667" y1="603.3333" x2="311.1667" y2="19">
-	<stop  offset="0" style="stop-color:#1D93D2"/>
-	<stop  offset="1" style="stop-color:#38B0E3"/>
-</linearGradient>
-<circle fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-width="28" stroke-miterlimit="10" cx="311.167" cy="311.167" r="292.167"/>
-<path fill="#C8DAEA" d="M220.759,338.848l35.363,97.88c0,0,4.42,9.157,9.157,9.157s75.147-73.252,75.147-73.252l78.304-151.24
-	l-196.707,92.197L220.759,338.848z"/>
-<path fill="#A9C6D8" d="M267.646,363.949l-6.788,72.147c0,0-2.842,22.102,19.26,0c22.102-22.102,43.257-39.152,43.257-39.152"/>
-<g>
-	<path fill="#FFFFFF" d="M221.398,342.34l-72.734-23.7c0,0-8.683-3.526-5.894-11.525c0.575-1.65,1.736-3.052,5.21-5.473
-		c16.119-11.234,298.324-112.667,298.324-112.667s7.969-2.683,12.677-0.898c2.152,0.816,3.526,1.737,4.684,5.104
-		c0.421,1.225,0.663,3.83,0.631,6.42c-0.023,1.868-0.253,3.599-0.421,6.315c-1.719,27.732-53.145,234.705-53.145,234.705
-		s-3.076,12.112-14.103,12.524c-4.02,0.15-8.9-0.664-14.734-5.683c-21.635-18.612-96.42-68.87-112.944-79.924
-		c-0.93-0.622-1.197-1.433-1.354-2.222c-0.233-1.165,1.034-2.61,1.034-2.61S398.847,246.957,402.31,234.811
-		c0.268-0.941-0.739-1.406-2.105-1c-8.65,3.182-158.58,97.857-175.126,108.312C224.112,342.734,221.398,342.34,221.398,342.34z"/>
-</g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="IFTTT_Applet_Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	 y="0px" width="620px" height="620px" viewBox="0 0 620 620" enable-background="new 0 0 620 620" xml:space="preserve">
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="311.1667" y1="603.3333" x2="311.1667" y2="19">
+	<stop  offset="0" style="stop-color:#1D93D2"/>
+	<stop  offset="1" style="stop-color:#38B0E3"/>
+</linearGradient>
+<circle fill="url(#SVGID_1_)" stroke="#FFFFFF" stroke-width="28" stroke-miterlimit="10" cx="311.167" cy="311.167" r="292.167"/>
+<path fill="#C8DAEA" d="M220.759,338.848l35.363,97.88c0,0,4.42,9.157,9.157,9.157s75.147-73.252,75.147-73.252l78.304-151.24
+	l-196.707,92.197L220.759,338.848z"/>
+<path fill="#A9C6D8" d="M267.646,363.949l-6.788,72.147c0,0-2.842,22.102,19.26,0c22.102-22.102,43.257-39.152,43.257-39.152"/>
+<g>
+	<path fill="#FFFFFF" d="M221.398,342.34l-72.734-23.7c0,0-8.683-3.526-5.894-11.525c0.575-1.65,1.736-3.052,5.21-5.473
+		c16.119-11.234,298.324-112.667,298.324-112.667s7.969-2.683,12.677-0.898c2.152,0.816,3.526,1.737,4.684,5.104
+		c0.421,1.225,0.663,3.83,0.631,6.42c-0.023,1.868-0.253,3.599-0.421,6.315c-1.719,27.732-53.145,234.705-53.145,234.705
+		s-3.076,12.112-14.103,12.524c-4.02,0.15-8.9-0.664-14.734-5.683c-21.635-18.612-96.42-68.87-112.944-79.924
+		c-0.93-0.622-1.197-1.433-1.354-2.222c-0.233-1.165,1.034-2.61,1.034-2.61S398.847,246.957,402.31,234.811
+		c0.268-0.941-0.739-1.406-2.105-1c-8.65,3.182-158.58,97.857-175.126,108.312C224.112,342.734,221.398,342.34,221.398,342.34z"/>
+</g>
+</svg>

js/background.js

@@ -1,11 +1,12 @@
 /*!
- * Webogram v0.5.7 - messaging web application for MTProto
+ * Webogram v0.6.0 - messaging web application for MTProto
  * https://github.com/zhukov/webogram
  * Copyright (C) 2014 Igor Zhukov <igor.beatle@gmail.com>
  * https://github.com/zhukov/webogram/blob/master/LICENSE
  */
 
 chrome.app.runtime.onLaunched.addListener(function (launchData) {
+  var isWindows = typeof navigator !== 'undefined' && navigator.userAgent && navigator.userAgent.match(/windows/i) ? true : false
   chrome.app.window.create('../index.html', {
     id: 'webogram-chat',
     innerBounds: {
@@ -14,6 +15,6 @@ chrome.app.runtime.onLaunched.addListener(function (launchData) {
     },
     minWidth: 320,
     minHeight: 400,
-    frame: { color: "#5682a3" }
+    frame: isWindows ? { color: '#5682a3' } : 'chrome'
   })
 })

js/lib/bin_utils.js

@@ -1,5 +1,5 @@
 /*!
- * Webogram v0.5.7 - messaging web application for MTProto
+ * Webogram v0.6.0 - messaging web application for MTProto
  * https://github.com/zhukov/webogram
  * Copyright (C) 2014 Igor Zhukov <igor.beatle@gmail.com>
  * https://github.com/zhukov/webogram/blob/master/LICENSE

js/lib/crypto_worker.js

@@ -1,5 +1,5 @@
 /*!
- * Webogram v0.5.7 - messaging web application for MTProto
+ * Webogram v0.6.0 - messaging web application for MTProto
  * https://github.com/zhukov/webogram
  * Copyright (C) 2014 Igor Zhukov <igor.beatle@gmail.com>
  * https://github.com/zhukov/webogram/blob/master/LICENSE

js/locales/en-us.json

@@ -23,6 +23,7 @@
 	"group_modal_menu_delete_group": "Delete and exit",
 	"group_modal_menu_clear_history": "Clear history",
 	"group_modal_delete_group": "Delete group",
+	"group_modal_join": "Join group",
 	"group_modal_settings": "Settings",
 	"group_modal_notifications": "Notifications",
 	"group_modal_menu_share_link": "Invite to group via link",
@@ -40,6 +41,7 @@
 	"channel_modal_description": "Description",
 	"channel_modal_share_link": "Share link",
 	"channel_modal_share_loading": "Loading{dots}",
+	"channel_modal_menu_edit": "Edit channel",
 	"channel_modal_join": "Join channel",
 	"channel_modal_add_member": "Invite members",
 	"channel_modal_leave_channel": "Leave channel",
@@ -456,6 +458,7 @@
 	"head_media_video": "Videos",
 	"head_media_documents": "Files",
 	"head_media_audio": "Voice messages",
+	"head_media_round": "Video messages",
 	"head_media_search": "Search",
 	"head_about": "About",
 	"head_clear_all": "Clear history",
@@ -527,7 +530,8 @@
 	"im_submit_message": "Send",
 	"im_submit_edit_message": "Save",
 	"im_edit_message_title": "Edit message",
-
+  "im_voice_recording_label": "Release outside this form to cancel",
+  "im_voice_processing_label": "Processing{dots}",
 	"login_sign_in": "Sign in",
 	"login_enter_number_description": "Please choose your country and enter your full phone number.",
 	"login_incorrect_number": "Incorrect phone number",

manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Telegram",
   "description": "Telegram Web App.\nMore info & source code here: https://github.com/zhukov/webogram",
-  "version": "0.5.7",
+  "version": "0.6.0",
   "short_name": "Telegram",
   "manifest_version": 2,
   "app": {

manifest.webapp

@@ -1,7 +1,7 @@
 {
   "name": "Telegram",
   "description": "Telegram Web App.\nMore info & source code here: https://github.com/zhukov/webogram",
-  "version": "0.5.7",
+  "version": "0.6.0",
   "type": "privileged",
   "launch_path": "/index.html",
   "developer": {
@@ -44,6 +44,9 @@
     "device-storage:videos": {
     "description": "Required for videos download",
       "access": "createonly"
+    },
+    "audio-capture" : {
+    "description" : "Required to record voice messages"
     }
   },
   "activities": {

webogram.appcache

@@ -1,5 +1,6 @@
 CACHE MANIFEST
 
+
 CACHE:
 favicon.ico
 favicon_unread.ico
@@ -7,6 +8,13 @@ service_worker.js
 css/app.css
 css/desktop.css
 css/mobile.css
+img/Manytabs.png
+img/Manytabs_2x.png
+img/Telegram.png
+img/Telegram.svg
+img/Telegram72.png
+img/Telegram72_2x.png
+img/Telegram_2x.png
 img/blank.gif
 img/emojisprite_0.png
 img/emojisprite_1.png
@@ -16,14 +24,7 @@ img/emojisprite_4.png
 img/iphone_home120.png
 img/iphone_startup.png
 img/logo_share.png
-img/Manytabs.png
-img/Manytabs_2x.png
 img/sound_a.mp3
-img/Telegram.png
-img/Telegram.svg
-img/Telegram72.png
-img/Telegram72_2x.png
-img/Telegram_2x.png
 js/app.js
 nacl/mtproto_crypto.nmf
 nacl/mtproto_crypto.pexe
@@ -32,7 +33,6 @@ img/icons/AboutLogos.png
 img/icons/AboutLogos_2x.png
 img/icons/General.png
 img/icons/General_2x.png
-img/icons/icon.svg
 img/icons/IconsetSmiles.png
 img/icons/IconsetSmiles_2x.png
 img/icons/IconsetW.png
@@ -45,6 +45,7 @@ img/icons/PhotoIcons.png
 img/icons/PhotoIcons_2x.png
 img/icons/ProfileIcons.png
 img/icons/ProfileIcons_2x.png
+img/icons/icon.svg
 img/placeholders/DialogListAvatarSystem@2x.png
 img/placeholders/GroupAvatar1@2x.png
 img/placeholders/GroupAvatar2@2x.png
@@ -77,6 +78,7 @@ vendor/closure/long.js
 vendor/cryptoJS/crypto.js
 vendor/jsbn/jsbn_combined.js
 vendor/leemon_bigint/bigint.js
+vendor/recorderjs/encoder_worker.js
 vendor/rusha/rusha.js
 vendor/angular/i18n/angular-locale_de-de.js
 vendor/angular/i18n/angular-locale_en-us.js
@@ -86,9 +88,10 @@ vendor/angular/i18n/angular-locale_nl-nl.js
 vendor/angular/i18n/angular-locale_pt-br.js
 vendor/angular/i18n/angular-locale_ru-ru.js
 
+
 NETWORK:
 http://*
 https://*
 *
 
-# hash: 82f37209030a3de5453e541ceb1813814967f0c7bb46921e33ce2d6019c8d781
+# hash: 5a2236db269cfd0743f36ef49eec32d715ee8a2706a51fae76b89f00d05aeaa4