mirror of
https://github.com/MarshalX/telegram-crawler.git
synced 2024-12-29 07:52:37 +01:00
Update content of files
This commit is contained in:
GitHub Action
parent
e9f64966a4
commit
c8654d2669
3 changed files with 817 additions and 244 deletions
|
|
@ -2,12 +2,12 @@
|
||||||
<html class="">
|
<html class="">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>account.getAllSecureValues</title>
|
<title>sendMessageRecordAudioAction</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<meta property="description" content="Get all saved Telegram Passport documents, for more info see the passport docs »">
|
<meta property="description" content="User is recording a voice message.">
|
||||||
<meta property="og:title" content="account.getAllSecureValues">
|
<meta property="og:title" content="sendMessageRecordAudioAction">
|
||||||
<meta property="og:image" content="">
|
<meta property="og:image" content="">
|
||||||
<meta property="og:description" content="Get all saved Telegram Passport documents, for more info see the passport docs »">
|
<meta property="og:description" content="User is recording a voice message.">
|
||||||
<link rel="shortcut icon" href="/favicon.ico?4" type="image/x-icon" />
|
<link rel="shortcut icon" href="/favicon.ico?4" type="image/x-icon" />
|
||||||
|
|
||||||
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
|
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
|
||||||
|
|
@ -26,9 +26,9 @@
|
||||||
<li><a href="//telegram.org/">Home</a></li>
|
<li><a href="//telegram.org/">Home</a></li>
|
||||||
<li class="hidden-xs"><a href="//telegram.org/faq">FAQ</a></li>
|
<li class="hidden-xs"><a href="//telegram.org/faq">FAQ</a></li>
|
||||||
<li class="hidden-xs"><a href="//telegram.org/apps">Apps</a></li>
|
<li class="hidden-xs"><a href="//telegram.org/apps">Apps</a></li>
|
||||||
<li class="active"><a href="/api">API</a></li>
|
<li class=""><a href="/api">API</a></li>
|
||||||
<li class=""><a href="/mtproto">Protocol</a></li>
|
<li class=""><a href="/mtproto">Protocol</a></li>
|
||||||
<li class=""><a href="/schema">Schema</a></li>
|
<li class="active"><a href="/schema">Schema</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -36,10 +36,10 @@
|
||||||
<div class="container clearfix">
|
<div class="container clearfix">
|
||||||
<div class="dev_page">
|
<div class="dev_page">
|
||||||
<div id="dev_page_content_wrap" class=" ">
|
<div id="dev_page_content_wrap" class=" ">
|
||||||
<div class="dev_page_bread_crumbs"><ul class="breadcrumb clearfix"><li><a href="/api" >API</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/methods" >All Methods</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/method/account.getAllSecureValues" >account.getAllSecureValues</a></li></ul></div>
|
<div class="dev_page_bread_crumbs"><ul class="breadcrumb clearfix"><li><a href="/api" >API</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/schema" >TL-schema</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/constructor/sendMessageRecordAudioAction" >sendMessageRecordAudioAction</a></li></ul></div>
|
||||||
<h1 id="dev_page_title">account.getAllSecureValues</h1>
|
<h1 id="dev_page_title">sendMessageRecordAudioAction</h1>
|
||||||
|
|
||||||
<div id="dev_page_content"><p>Get all saved <a href="/passport">Telegram Passport</a> documents, <a href="/passport/encryption#encryption">for more info see the passport docs »</a></p>
|
<div id="dev_page_content"><p>User is recording a voice message.</p>
|
||||||
<p><div class="clearfix">
|
<p><div class="clearfix">
|
||||||
<ul class="dev_layer_select slightly-pull-right nav nav-pills">
|
<ul class="dev_layer_select slightly-pull-right nav nav-pills">
|
||||||
<li class="dropdown">
|
<li class="dropdown">
|
||||||
|
|
@ -52,15 +52,11 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<pre class="page_scheme"><code>---functions---
|
<pre class="page_scheme"><code><a href="/constructor/sendMessageRecordAudioAction" class="current_page_link" >sendMessageRecordAudioAction</a>#d52f73f7 = <a href="/type/SendMessageAction" >SendMessageAction</a>;</code></pre></p>
|
||||||
<a href="/method/account.getAllSecureValues" class="current_page_link" >account.getAllSecureValues</a>#b288bc7d = <a href="/type/Vector%20t" >Vector</a><<a href="/type/SecureValue" >SecureValue</a>>;</code></pre></p>
|
|
||||||
<h3><a class="anchor" href="#parameters" id="parameters" name="parameters"><i class="anchor-icon"></i></a>Parameters</h3>
|
<h3><a class="anchor" href="#parameters" id="parameters" name="parameters"><i class="anchor-icon"></i></a>Parameters</h3>
|
||||||
<p>This constructor does not require any parameters.</p>
|
<p>This constructor does not require any parameters.</p>
|
||||||
<h3><a class="anchor" href="#result" id="result" name="result"><i class="anchor-icon"></i></a>Result</h3>
|
<h3><a class="anchor" href="#type" id="type" name="type"><i class="anchor-icon"></i></a>Type</h3>
|
||||||
<p><a href="/type/Vector%20t">Vector</a><<a href="/type/SecureValue">SecureValue</a>></p>
|
<p><a href="/type/SendMessageAction">SendMessageAction</a></p></div>
|
||||||
<h3><a class="anchor" href="#related-pages" id="related-pages" name="related-pages"><i class="anchor-icon"></i></a>Related pages</h3>
|
|
||||||
<h4><a class="anchor" href="#telegram-passport-manual" id="telegram-passport-manual" name="telegram-passport-manual"><i class="anchor-icon"></i></a><a href="/passport">Telegram Passport Manual</a></h4>
|
|
||||||
<h4><a class="anchor" href="#telegram-passport-encryption-details" id="telegram-passport-encryption-details" name="telegram-passport-encryption-details"><i class="anchor-icon"></i></a><a href="/passport/encryption">Telegram Passport Encryption Details</a></h4></div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
@ -1,228 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html class="">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<title>SendMessageAction</title>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<meta property="description" content="User actions. Use this to provide users with detailed info about their chat partners' actions: typing or sending attachments of all kinds.">
|
|
||||||
<meta property="og:title" content="SendMessageAction">
|
|
||||||
<meta property="og:image" content="">
|
|
||||||
<meta property="og:description" content="User actions. Use this to provide users with detailed info about their chat partners' actions: typing or sending attachments of all kinds.">
|
|
||||||
<link rel="shortcut icon" href="/favicon.ico?4" type="image/x-icon" />
|
|
||||||
|
|
||||||
<link href="/css/bootstrap.min.css?3" rel="stylesheet">
|
|
||||||
|
|
||||||
<link href="/css/telegram.css?215" rel="stylesheet" media="screen">
|
|
||||||
<style>
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body class="preload">
|
|
||||||
<div class="dev_page_wrap">
|
|
||||||
<div class="dev_page_head navbar navbar-static-top navbar-tg">
|
|
||||||
<div class="navbar-inner">
|
|
||||||
<div class="container clearfix">
|
|
||||||
<ul class="nav navbar-nav navbar-right hidden-xs"><li class="navbar-twitter"><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)"><i class="icon icon-twitter"></i><span> Twitter</span></a></li></ul>
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
<li><a href="//telegram.org/">Home</a></li>
|
|
||||||
<li class="hidden-xs"><a href="//telegram.org/faq">FAQ</a></li>
|
|
||||||
<li class="hidden-xs"><a href="//telegram.org/apps">Apps</a></li>
|
|
||||||
<li class=""><a href="/api">API</a></li>
|
|
||||||
<li class=""><a href="/mtproto">Protocol</a></li>
|
|
||||||
<li class="active"><a href="/schema">Schema</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="container clearfix">
|
|
||||||
<div class="dev_page">
|
|
||||||
<div id="dev_page_content_wrap" class=" ">
|
|
||||||
<div class="dev_page_bread_crumbs"><ul class="breadcrumb clearfix"><li><a href="/api" >API</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/schema" >TL-schema</a></li><i class="icon icon-breadcrumb-divider"></i><li><a href="/type/SendMessageAction" >SendMessageAction</a></li></ul></div>
|
|
||||||
<h1 id="dev_page_title">SendMessageAction</h1>
|
|
||||||
|
|
||||||
<div id="dev_page_content"><p>User actions. Use this to provide users with detailed info about their chat partners' actions: typing or sending attachments of all kinds.</p>
|
|
||||||
<p><div class="clearfix">
|
|
||||||
<ul class="dev_layer_select slightly-pull-right nav nav-pills">
|
|
||||||
<li class="dropdown">
|
|
||||||
<a class="dropdown-toggle" onclick="return dropdownClick(this, event)" href="#">Layer 137 <b class="caret"></b></a>
|
|
||||||
<ul class="dropdown-menu">
|
|
||||||
<li><a href="?layer=1">1 – Base layer</a></li><li><a href="?layer=2">2 – New userpic notifications</a></li><li><a href="?layer=3">3 – Send message can trigger link change</a></li><li><a href="?layer=4">4 – Check-in chats</a></li><li><a href="?layer=5">5 – Localized SMS, localized notifications</a></li><li><a href="?layer=6">6 – Foursquare integration</a></li><li><a href="?layer=7">7 – Added wallPaperSolid</a></li><li><a href="?layer=8">8 – Added end-to-end encryption</a></li><li><a href="?layer=9">9 – Improved big files upload perfomance</a></li><li><a href="?layer=10">10 – Improved chat participants updates</a></li><li><a href="?layer=11">11 – Improved secret chats</a></li><li><a href="?layer=12">12 – New dynamic support</a></li><li><a href="?layer=13">13 – Audio, video MIME; contacts import retry; new secret actions</a></li><li><a href="?layer=14">14 – Notify settings sync, blacklist sync</a></li><li><a href="?layer=15">15 – Modified getHistory offset behaviour</a></li><li><a href="?layer=16">16 – Split sendCode into 2 parts</a></li><li><a href="?layer=17">17 – Added custom typing, introduced message flags</a></li><li><a href="?layer=18">18 – Added usernames</a></li><li><a href="?layer=23">23 – Stickers for secret chats</a></li><li><a href="?layer=105">105 – Scheduled messages, Cloud themes</a></li><li><a href="?layer=108">108 – Login with QR code</a></li><li><a href="?layer=109">109 – Polls v2</a></li><li><a href="?layer=110">110 – People Nearby 2.0, Bank card entity</a></li><li><a href="?layer=111">111 – Folders, Broadcast Stats</a></li><li><a href="?layer=112">112 – Old featured stickers, generic dice, poll timer, poll solution</a></li><li><a href="?layer=113">113 – PSA</a></li><li><a href="?layer=114">114 – Video thumbs for GIFs</a></li><li><a href="?layer=115">115 – Peek Channel Invite</a></li><li><a href="?layer=116">116 – Group Stats, Profile Videos</a></li><li><a href="?layer=117">117 – WebRTC Phone Calls</a></li><li><a href="?layer=118">118 – Callback with 2FA, Countries list</a></li><li><a href="?layer=119">119 – Comments in channels, Threads, Anonymous Admins</a></li><li><a href="?layer=120">120 – Multipins, Message Stats, GeoLive v2</a></li><li><a href="?layer=121">121 – SVG-based Outlines for Stickers</a></li><li><a href="?layer=122">122 – Voice Chats</a></li><li><a href="?layer=123">123 – Voice Chat improvements</a></li><li><a href="?layer=124">124 – Expiring Invite links</a></li><li><a href="?layer=125">125 – Voice Chats in Broadcasts</a></li><li><a href="?layer=126">126 – Ban channels in channels</a></li><li><a href="?layer=127">127 – Payments in channels</a></li><li><a href="?layer=128">128 – Microthumbs for User/Chat profile photos</a></li><li><a href="?layer=129">129 – Video Chats</a></li><li><a href="?layer=130">130 – Custom placeholder for bot reply keyboards</a></li><li><a href="?layer=131">131 – Reset 2FA Password after a week</a></li><li><a href="?layer=132">132 – Chat themes</a></li><li><a href="?layer=133">133 – 64-bit IDs for User/Chat</a></li><li><a href="?layer=137"><strong>137 – reactions</strong></a></li>
|
|
||||||
<li class="divider"></li>
|
|
||||||
<li><a href="/api/layers">More...</a></li>
|
|
||||||
</ul>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<pre class="page_scheme"><code><a href="/constructor/sendMessageTypingAction" >sendMessageTypingAction</a>#16bf744e = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageCancelAction" >sendMessageCancelAction</a>#fd5ec8f5 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageRecordVideoAction" >sendMessageRecordVideoAction</a>#a187d66f = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageUploadVideoAction" >sendMessageUploadVideoAction</a>#e9763aec progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageRecordAudioAction" >sendMessageRecordAudioAction</a>#d52f73f7 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageUploadAudioAction" >sendMessageUploadAudioAction</a>#f351d7ab progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageUploadPhotoAction" >sendMessageUploadPhotoAction</a>#d1d34a26 progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageUploadDocumentAction" >sendMessageUploadDocumentAction</a>#aa0cd9e4 progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageGeoLocationAction" >sendMessageGeoLocationAction</a>#176f8ba1 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageChooseContactAction" >sendMessageChooseContactAction</a>#628cbc6f = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageGamePlayAction" >sendMessageGamePlayAction</a>#dd6a8f48 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageRecordRoundAction" >sendMessageRecordRoundAction</a>#88f27fbc = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageUploadRoundAction" >sendMessageUploadRoundAction</a>#243e1c66 progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/speakingInGroupCallAction" >speakingInGroupCallAction</a>#d92c2285 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageHistoryImportAction" >sendMessageHistoryImportAction</a>#dbda9246 progress:<a href="/type/int" >int</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageChooseStickerAction" >sendMessageChooseStickerAction</a>#b05ac6b1 = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageEmojiInteraction" >sendMessageEmojiInteraction</a>#25972bcb emoticon:<a href="/type/string" >string</a> msg_id:<a href="/type/int" >int</a> interaction:<a href="/type/DataJSON" >DataJSON</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;
|
|
||||||
<a href="/constructor/sendMessageEmojiInteractionSeen" >sendMessageEmojiInteractionSeen</a>#b665902e emoticon:<a href="/type/string" >string</a> = <a href="/type/SendMessageAction" class="current_page_link" >SendMessageAction</a>;</code></pre></p>
|
|
||||||
<h3><a class="anchor" href="#constructors" id="constructors" name="constructors"><i class="anchor-icon"></i></a>Constructors</h3>
|
|
||||||
<table class="table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Constructor</th>
|
|
||||||
<th>Description</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageTypingAction">sendMessageTypingAction</a></td>
|
|
||||||
<td>User is typing.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageCancelAction">sendMessageCancelAction</a></td>
|
|
||||||
<td>Invalidate all previous action updates. E.g. when user deletes entered text or aborts a video upload.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageRecordVideoAction">sendMessageRecordVideoAction</a></td>
|
|
||||||
<td>User is recording a video.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageUploadVideoAction">sendMessageUploadVideoAction</a></td>
|
|
||||||
<td>User is uploading a video.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageRecordAudioAction">sendMessageRecordAudioAction</a></td>
|
|
||||||
<td>User is recording a voice message.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageUploadAudioAction">sendMessageUploadAudioAction</a></td>
|
|
||||||
<td>User is uploading a voice message.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageUploadPhotoAction">sendMessageUploadPhotoAction</a></td>
|
|
||||||
<td>User is uploading a photo.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageUploadDocumentAction">sendMessageUploadDocumentAction</a></td>
|
|
||||||
<td>User is uploading a file.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageGeoLocationAction">sendMessageGeoLocationAction</a></td>
|
|
||||||
<td>User is selecting a location to share.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageChooseContactAction">sendMessageChooseContactAction</a></td>
|
|
||||||
<td>User is selecting a contact to share.</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageGamePlayAction">sendMessageGamePlayAction</a></td>
|
|
||||||
<td>User is playing a game</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageRecordRoundAction">sendMessageRecordRoundAction</a></td>
|
|
||||||
<td>User is recording a round video to share</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageUploadRoundAction">sendMessageUploadRoundAction</a></td>
|
|
||||||
<td>User is uploading a round video</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/speakingInGroupCallAction">speakingInGroupCallAction</a></td>
|
|
||||||
<td>User is currently speaking in the group call</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageHistoryImportAction">sendMessageHistoryImportAction</a></td>
|
|
||||||
<td>Chat history is being imported</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageChooseStickerAction">sendMessageChooseStickerAction</a></td>
|
|
||||||
<td>User is choosing a sticker</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageEmojiInteraction">sendMessageEmojiInteraction</a></td>
|
|
||||||
<td>User has clicked on an animated emoji, triggering a reaction</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td><a href="/constructor/sendMessageEmojiInteractionSeen">sendMessageEmojiInteractionSeen</a></td>
|
|
||||||
<td>User has seen the reaction generated by another user</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="footer_wrap">
|
|
||||||
<div class="footer_columns_wrap footer_desktop">
|
|
||||||
<div class="footer_column footer_column_telegram">
|
|
||||||
<h5>Telegram</h5>
|
|
||||||
<div class="footer_telegram_description"></div>
|
|
||||||
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/faq">About</a></h5>
|
|
||||||
<ul>
|
|
||||||
<li><a href="//telegram.org/faq">FAQ</a></li>
|
|
||||||
<li><a href="//telegram.org/blog">Blog</a></li>
|
|
||||||
<li><a href="//telegram.org/jobs">Jobs</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/apps#mobile-apps">Mobile Apps</a></h5>
|
|
||||||
<ul>
|
|
||||||
<li><a href="//telegram.org/dl/ios">iPhone/iPad</a></li>
|
|
||||||
<li><a href="//telegram.org/dl/android">Android</a></li>
|
|
||||||
<li><a href="//telegram.org/dl/wp">Windows Phone</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/apps#desktop-apps">Desktop Apps</a></h5>
|
|
||||||
<ul>
|
|
||||||
<li><a href="//desktop.telegram.org/">PC/Mac/Linux</a></li>
|
|
||||||
<li><a href="//macos.telegram.org/">macOS</a></li>
|
|
||||||
<li><a href="//telegram.org/dl/web">Web-browser</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column footer_column_platform">
|
|
||||||
<h5><a href="/">Platform</a></h5>
|
|
||||||
<ul>
|
|
||||||
<li><a href="/api">API</a></li>
|
|
||||||
<li><a href="//translations.telegram.org/">Translations</a></li>
|
|
||||||
<li><a href="//instantview.telegram.org/">Instant View</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="footer_columns_wrap footer_mobile">
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/faq">About</a></h5>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/blog">Blog</a></h5>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="//telegram.org/apps">Apps</a></h5>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="/">Platform</a></h5>
|
|
||||||
</div>
|
|
||||||
<div class="footer_column">
|
|
||||||
<h5><a href="https://twitter.com/telegram" target="_blank" data-track="Follow/Twitter" onclick="trackDlClick(this, event)">Twitter</a></h5>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<script src="/js/main.js?43"></script>
|
|
||||||
|
|
||||||
<script>backToTopInit("Go up");
|
|
||||||
removePreloadInit();
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
805
data/themes.telegram.org/js/themes.js
Normal file
805
data/themes.telegram.org/js/themes.js
Normal file
|
|
@ -0,0 +1,805 @@
|
||||||
|
(function($) {
|
||||||
|
$.fn.redraw = function() {
|
||||||
|
return this.map(function(){ this.offsetTop; return this; });
|
||||||
|
};
|
||||||
|
$.fn.prepareSlideX = function(callback) {
|
||||||
|
return this.map(function(){
|
||||||
|
$(this).css({width: this.scrollWidth, overflow: 'hidden'});
|
||||||
|
return this;
|
||||||
|
}).one('transitionend', function(){
|
||||||
|
$(this).css({width: '', overflow: ''});
|
||||||
|
callback && callback.call(this);
|
||||||
|
}).redraw();
|
||||||
|
};
|
||||||
|
$.fn.prepareSlideY = function(callback) {
|
||||||
|
return this.map(function(){
|
||||||
|
$(this).css({height: this.scrollHeight, overflow: 'hidden'});
|
||||||
|
return this;
|
||||||
|
}).one('transitionend', function(){
|
||||||
|
$(this).css({height: '', overflow: ''});
|
||||||
|
callback && callback.call(this);
|
||||||
|
}).redraw();
|
||||||
|
};
|
||||||
|
$.fn.animOff = function(this_el) {
|
||||||
|
if (this_el) {
|
||||||
|
return this.css('transition', 'none').redraw();
|
||||||
|
}
|
||||||
|
return this.addClass('no-transition').redraw();
|
||||||
|
};
|
||||||
|
$.fn.animOn = function(this_el) {
|
||||||
|
if (this_el) {
|
||||||
|
return this.redraw().css('transition', '');
|
||||||
|
}
|
||||||
|
return this.redraw().removeClass('no-transition');
|
||||||
|
};
|
||||||
|
$.fn.fadeShow = function() {
|
||||||
|
return this.removeClass('ohide');
|
||||||
|
};
|
||||||
|
$.fn.fadeHide = function() {
|
||||||
|
return this.addClass('ohide');
|
||||||
|
};
|
||||||
|
$.fn.isFadeHidden = function() {
|
||||||
|
return this.hasClass('ohide');
|
||||||
|
};
|
||||||
|
$.fn.isFixed = function() {
|
||||||
|
return this.parents().map(function(){ return $(this).css('position'); }).get().indexOf('fixed') != -1;
|
||||||
|
};
|
||||||
|
$.fn.focusAndSelectAll = function() {
|
||||||
|
var range = document.createRange(), field, sel;
|
||||||
|
if (field = this.get(0)) {
|
||||||
|
field.focus();
|
||||||
|
range.selectNodeContents(field);
|
||||||
|
sel = window.getSelection();
|
||||||
|
sel.removeAllRanges();
|
||||||
|
sel.addRange(range);
|
||||||
|
}
|
||||||
|
return this;
|
||||||
|
};
|
||||||
|
$.fn.fadeToggle = function(state) {
|
||||||
|
if (state === true || state === false) {
|
||||||
|
state = !state;
|
||||||
|
}
|
||||||
|
return this.toggleClass('ohide', state);
|
||||||
|
};
|
||||||
|
$.fn.slideShow = function(callback) {
|
||||||
|
return this.prepareSlideY(callback).removeClass('shide');
|
||||||
|
};
|
||||||
|
$.fn.slideHide = function(callback) {
|
||||||
|
if (callback == 'remove') {
|
||||||
|
callback = function(){ $(this).remove(); };
|
||||||
|
}
|
||||||
|
return this.prepareSlideY(callback).addClass('shide');
|
||||||
|
};
|
||||||
|
$.fn.slideXShow = function(callback) {
|
||||||
|
return this.prepareSlideX(callback).removeClass('sxhide');
|
||||||
|
};
|
||||||
|
$.fn.slideXHide = function(callback) {
|
||||||
|
if (callback == 'remove') {
|
||||||
|
callback = function(){ $(this).remove(); };
|
||||||
|
}
|
||||||
|
return this.prepareSlideX(callback).addClass('sxhide');
|
||||||
|
};
|
||||||
|
$.fn.isSlideHidden = function() {
|
||||||
|
return this.hasClass('shide');
|
||||||
|
};
|
||||||
|
$.fn.slideToggle = function(state, callback) {
|
||||||
|
if (state === true || state === false) {
|
||||||
|
state = !state;
|
||||||
|
}
|
||||||
|
return this.prepareSlideY(callback).toggleClass('shide', state);
|
||||||
|
};
|
||||||
|
$.fn.highlight = function(delay) {
|
||||||
|
var $this = this;
|
||||||
|
$this.addClass('highlight');
|
||||||
|
setTimeout(function() { $this.removeClass('highlight'); }, delay);
|
||||||
|
return $this;
|
||||||
|
};
|
||||||
|
$.fn.hasField = function(name) {
|
||||||
|
return this.first().map(function() {
|
||||||
|
if (this.tagName == 'FORM') {
|
||||||
|
if (this[name]) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return $('.input[data-name]', this).filter(function() {
|
||||||
|
return ($(this).attr('data-name') == name);
|
||||||
|
}).size() > 0;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}).get(0) || false;
|
||||||
|
};
|
||||||
|
$.fn.field = function(name) {
|
||||||
|
return this.first().map(function() {
|
||||||
|
if (this.tagName == 'FORM') {
|
||||||
|
if (this[name]) {
|
||||||
|
return this[name];
|
||||||
|
}
|
||||||
|
return $('.input[data-name]', this).filter(function() {
|
||||||
|
return ($(this).attr('data-name') == name);
|
||||||
|
}).get(0);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
$.fn.reset = function(val) {
|
||||||
|
return this.each(function() {
|
||||||
|
if (this.tagName == 'FORM') {
|
||||||
|
this.reset();
|
||||||
|
$('.input[data-name]', this).each(function() {
|
||||||
|
$(this).text($(this).attr('data-value')).trigger('input');
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
$.fn.defaultValue = function(val) {
|
||||||
|
if (typeof val !== 'undefined') {
|
||||||
|
return this.each(function() {
|
||||||
|
if (this.tagName == 'TEXTAREA' || this.tagName == 'INPUT') {
|
||||||
|
this.defaultValue = val;
|
||||||
|
} else {
|
||||||
|
$(this).attr('data-value', val);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return this.first().map(function() {
|
||||||
|
if (this.tagName == 'TEXTAREA' || this.tagName == 'INPUT') {
|
||||||
|
return this.defaultValue || '';
|
||||||
|
} else {
|
||||||
|
return $(this).attr('data-value') || '';
|
||||||
|
}
|
||||||
|
}).get(0) || '';
|
||||||
|
};
|
||||||
|
$.fn.value = function(val) {
|
||||||
|
if (typeof val !== 'undefined') {
|
||||||
|
return this.each(function() {
|
||||||
|
if (this.tagName == 'TEXTAREA' || this.tagName == 'INPUT') {
|
||||||
|
this.value = val;
|
||||||
|
} else {
|
||||||
|
$(this).text(val).trigger('input');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
return this.first().map(function() {
|
||||||
|
if (this.tagName == 'TEXTAREA' || this.tagName == 'INPUT') {
|
||||||
|
return this.value || '';
|
||||||
|
} else {
|
||||||
|
return $(this).text() || '';
|
||||||
|
}
|
||||||
|
}).get(0) || '';
|
||||||
|
};
|
||||||
|
$.fn.values = function(val) {
|
||||||
|
if (typeof val !== 'undefined') {
|
||||||
|
return this.value(val);
|
||||||
|
}
|
||||||
|
return this.map(function() {
|
||||||
|
if (this.tagName == 'TEXTAREA' || this.tagName == 'INPUT') {
|
||||||
|
return this.value || '';
|
||||||
|
} else {
|
||||||
|
return $(this).text() || '';
|
||||||
|
}
|
||||||
|
}).get() || [];
|
||||||
|
};
|
||||||
|
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
|
function getBR() {
|
||||||
|
if (window._brHTML) return window._brHTML;
|
||||||
|
return window._brHTML = $('<div><br/></div>').html();
|
||||||
|
}
|
||||||
|
function cleanHTML(value) {
|
||||||
|
return value.replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/\n/g, getBR());
|
||||||
|
}
|
||||||
|
function cleanRE(value) {
|
||||||
|
return value.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
|
||||||
|
}
|
||||||
|
|
||||||
|
function wrapHighlight(value, highlight, wrap_tag, prefix_only) {
|
||||||
|
value = cleanHTML(value);
|
||||||
|
if (highlight) {
|
||||||
|
var pattern = cleanRE(cleanHTML(highlight));
|
||||||
|
if (prefix_only) {
|
||||||
|
pattern = '^' + pattern;
|
||||||
|
}
|
||||||
|
value = value.replace(new RegExp(pattern, 'gi'), '<strong>$&<\/strong>');
|
||||||
|
}
|
||||||
|
if (wrap_tag) {
|
||||||
|
value = value.replace(TOKEN_REGEX, '<mark>$&</mark>');
|
||||||
|
}
|
||||||
|
return value;
|
||||||
|
}
|
||||||
|
function wrapSize(size) {
|
||||||
|
if (size < 1024) {
|
||||||
|
return size + ' B';
|
||||||
|
} else if (size < 1048576) {
|
||||||
|
return (Math.round(size * 10 / 1024.0) / 10) + ' KB';
|
||||||
|
} else if (size < 1073741824) {
|
||||||
|
return (Math.round(size * 10 / 1048576.0) / 10) + ' MB';
|
||||||
|
} else {
|
||||||
|
return (Math.round(size * 10 / 1073741824.0) / 10) + ' GB';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
function dataUrlToBlob(url) {
|
||||||
|
try {
|
||||||
|
var match = null;
|
||||||
|
if (match = url.match(/^data:(image\/gif|image\/jpe?g|image\/png|video\/mp4);base64,(.*)$/)) {
|
||||||
|
var type = match[1], b64 = match[2];
|
||||||
|
var binary = atob(b64);
|
||||||
|
var array = [];
|
||||||
|
for(var i = 0; i < binary.length; i++) {
|
||||||
|
array.push(binary.charCodeAt(i));
|
||||||
|
}
|
||||||
|
return new Blob([new Uint8Array(array)], {type: type});
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
function urlToDataUrl(url, callback) {
|
||||||
|
var img = new Image();
|
||||||
|
img.crossOrigin = 'anonymous';
|
||||||
|
img.onload = function() {
|
||||||
|
try {
|
||||||
|
var canvas = document.createElement('canvas');
|
||||||
|
canvas.width = this.naturalWidth;
|
||||||
|
canvas.height = this.naturalHeight;
|
||||||
|
canvas.getContext('2d').drawImage(this, 0, 0);
|
||||||
|
callback(canvas.toDataURL());
|
||||||
|
} catch (e) {
|
||||||
|
callback(false);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
img.onerror = function() {
|
||||||
|
callback(false);
|
||||||
|
};
|
||||||
|
img.src = url;
|
||||||
|
}
|
||||||
|
function parseStr(value) {
|
||||||
|
var arr = value.split('&'), kv, str, result = {};
|
||||||
|
for (var i = 0; i < arr.length; i++) {
|
||||||
|
kv = arr[i].split('=');
|
||||||
|
result[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
function validateSlug(value) {
|
||||||
|
if (value.match(/[A-Za-z0-9\-_=]{16,32}/)) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
function stopImmediatePropagation(e) {
|
||||||
|
e.stopImmediatePropagation();
|
||||||
|
}
|
||||||
|
function preventDefault(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
}
|
||||||
|
|
||||||
|
var Editor = {
|
||||||
|
init: function(options) {
|
||||||
|
Aj.onLoad(function(state) {
|
||||||
|
state.fileContent = options.content;
|
||||||
|
state.thumbKeys = options.thumb_keys || {};
|
||||||
|
state.builtinSlug = options.builtin_slug || '';
|
||||||
|
state.canEdit = options.can_edit || false;
|
||||||
|
state.options = options;
|
||||||
|
var mac = /Mac/.test(navigator.platform) ||
|
||||||
|
/AppleWebKit/.test(navigator.userAgent) &&
|
||||||
|
/Mobile\/\w+/.test(navigator.userAgent);
|
||||||
|
$source_code = $('.th-theme-source-code');
|
||||||
|
state.editor = CodeMirror.fromTextArea($source_code.get(0), {
|
||||||
|
tabSize: 2,
|
||||||
|
lineWrapping: true,
|
||||||
|
styleActiveLine: {nonEmpty: true},
|
||||||
|
viewportMargin: Infinity,
|
||||||
|
readOnly: !state.canEdit,
|
||||||
|
cursorBlinkRate: state.canEdit ? 530 : -1,
|
||||||
|
colorpicker: {
|
||||||
|
mode: state.canEdit ? 'edit' : 'view',
|
||||||
|
hideDelay: 5000,
|
||||||
|
outputFormat: 'hex',
|
||||||
|
included_token: ['valcol', 'val'],
|
||||||
|
colorSets: [
|
||||||
|
{ name : 'Custom', edit: true, colors: options.colorset },
|
||||||
|
]
|
||||||
|
},
|
||||||
|
extraKeys: mac ? {
|
||||||
|
'Cmd-S': Editor.cmSave,
|
||||||
|
'Tab': Editor.cmTab,
|
||||||
|
'Shift-Tab': Editor.cmShiftTab
|
||||||
|
} : {
|
||||||
|
'Ctrl-S': Editor.cmSave,
|
||||||
|
'Tab': Editor.cmTab,
|
||||||
|
'Shift-Tab': Editor.cmShiftTab
|
||||||
|
}
|
||||||
|
});
|
||||||
|
state.editor.setValue(options.content);
|
||||||
|
state.editor.on('changes', Editor.onContentChange);
|
||||||
|
$('.th-theme-source-code-wrap').fadeShow();
|
||||||
|
$('.th-theme-save-btn').on('click', Editor.eSaveTheme);
|
||||||
|
$('.th-theme-create-btn').on('click', Editor.eCreateThemeFormat);
|
||||||
|
$(document).on('click.curPage', '.th-theme-import-btn', Editor.eImportFile);
|
||||||
|
$(document).on('click.curPage', '.file-upload', stopImmediatePropagation);
|
||||||
|
$(document).on('change.curPage', '.file-upload', Editor.eSelectImportFile);
|
||||||
|
Aj.onBeforeUnload(function (e) {
|
||||||
|
if (!Aj.state.editor) return false;
|
||||||
|
var fileContent = Aj.state.editor.getValue();
|
||||||
|
if (Aj.state.fileContent !== false &&
|
||||||
|
Aj.state.fileContent != fileContent) {
|
||||||
|
return 'You have unsaved changes, you really want to leave this page?';
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
});
|
||||||
|
Editor.onContentChange();
|
||||||
|
$(window).on('scroll', Editor.onScroll);
|
||||||
|
});
|
||||||
|
Aj.onUnload(function(state) {
|
||||||
|
state.editor.off('changes', Editor.onContentChange);
|
||||||
|
$('.th-theme-save-btn').off('click', Editor.eSaveTheme);
|
||||||
|
$('.th-theme-create-btn').off('click', Editor.eCreateThemeFormat);
|
||||||
|
$(window).off('scroll', Editor.onScroll);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
cmSave: function(cm) {
|
||||||
|
Editor.saveTheme();
|
||||||
|
},
|
||||||
|
cmTab: function(cm) {
|
||||||
|
var cursor = cm.getCursor('to'), line = cursor.line, ch = cursor.ch;
|
||||||
|
var looped = false;
|
||||||
|
while (true) {
|
||||||
|
var str = cm.getLine(line).split('//')[0];
|
||||||
|
var match = /:(\s*)(.*\S|)\s*$/.exec(str), val_index = null, val_len = 0;
|
||||||
|
if (match) {
|
||||||
|
val_index = match.index + 1 + match[1].length;
|
||||||
|
val_len = match[2].length;
|
||||||
|
if (ch < val_index || ch == val_index && val_len > 0) {
|
||||||
|
cm.doc.setSelection({line: line, ch: val_index + val_len}, {line: line, ch: val_index});
|
||||||
|
if (Aj.state.canEdit) {
|
||||||
|
var val = match[2], col_val = Editor.parseColor(val);
|
||||||
|
if (col_val) {
|
||||||
|
cm.state.colorpicker.popup_color_picker();
|
||||||
|
} else {
|
||||||
|
cm.state.colorpicker.close_color_picker();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
++line; ch = 0;
|
||||||
|
if (line >= cm.lineCount()) {
|
||||||
|
if (looped) break;
|
||||||
|
looped = true;
|
||||||
|
line = 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
cmShiftTab: function(cm) {
|
||||||
|
var cursor = cm.getCursor('from'), line = cursor.line, ch = cursor.ch;
|
||||||
|
var looped = false;
|
||||||
|
while (true) {
|
||||||
|
var str = cm.getLine(line).split('//')[0];
|
||||||
|
var match = /:(\s*)(.*\S|)\s*$/.exec(str), val_index = null, val_len = 0;
|
||||||
|
if (match) {
|
||||||
|
val_index = match.index + 1 + match[1].length;
|
||||||
|
val_len = match[2].length;
|
||||||
|
if (ch > val_index + val_len || ch == val_index + val_len && val_len > 0) {
|
||||||
|
cm.doc.setSelection({line: line, ch: val_index + val_len}, {line: line, ch: val_index});
|
||||||
|
if (Aj.state.canEdit) {
|
||||||
|
var val = match[2], col_val = Editor.parseColor(val);
|
||||||
|
if (col_val) {
|
||||||
|
cm.state.colorpicker.popup_color_picker();
|
||||||
|
} else {
|
||||||
|
cm.state.colorpicker.close_color_picker();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
--line; ch = Infinity;
|
||||||
|
if (line < 0) {
|
||||||
|
if (looped) break;
|
||||||
|
looped = true;
|
||||||
|
line = cm.lineCount() - 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onScroll: function() {
|
||||||
|
var scrollTop = $(window).scrollTop();
|
||||||
|
$('body').toggleClass('header-btn-oshow', scrollTop > 50);
|
||||||
|
},
|
||||||
|
onContentChange: function() {
|
||||||
|
Editor.redrawThumb($('.th-theme-thumb'));
|
||||||
|
Editor.updateColumns();
|
||||||
|
},
|
||||||
|
updateColumns: function() {
|
||||||
|
var key_max_len = 30, key_max_el = null;
|
||||||
|
$('.cm-keycol').each(function() {
|
||||||
|
var key_len = $(this).text().length;
|
||||||
|
if (key_len > key_max_len) {
|
||||||
|
key_max_len = key_len;
|
||||||
|
key_max_el = this;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (key_max_el) {
|
||||||
|
key_max_el.style.minWidth = '0px';
|
||||||
|
key_max_width = key_max_el.offsetWidth;
|
||||||
|
key_max_el.style.minWidth = '';
|
||||||
|
} else {
|
||||||
|
key_max_width = 230;
|
||||||
|
}
|
||||||
|
var old_style = $('#th-content-style').html();
|
||||||
|
var new_style = '.cm-keycol{min-width:' + key_max_width + 'px}';
|
||||||
|
if (new_style != old_style) {
|
||||||
|
$('#th-content-style').html(new_style);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
parseColor: function(color_value) {
|
||||||
|
if ($.isArray(color_value)) {
|
||||||
|
return color_value;
|
||||||
|
}
|
||||||
|
var color_val = $.trim(color_value), match, r, g, b, a = 1;
|
||||||
|
if (match = color_val.match(/^(rgba?)\(\s*(\d+)\s*,\s*(\d+)\s*\s*,\s*(\d+)\s*(?:,\s*((?:0?\.)?\d+)\s*)?\)/)) {
|
||||||
|
r = parseInt(match[2]);
|
||||||
|
g = parseInt(match[3]);
|
||||||
|
b = parseInt(match[4]);
|
||||||
|
if (match[1] == 'rgba' && match[5]) {
|
||||||
|
a = parseFloat(match[5]);
|
||||||
|
}
|
||||||
|
return [r, g, b, a, match[0]];
|
||||||
|
} else if (match = color_val.match(/^#?([0-9a-f]{3,8})(?::((?:0?\.)?\d+))?/i)) {
|
||||||
|
var val = match[1], val_len = val.length, sr, sg, sb, sa;
|
||||||
|
if (val_len == 3 || val_len == 4) {
|
||||||
|
sr = val.substr(0, 1); r = parseInt(sr + sr, 16);
|
||||||
|
sg = val.substr(1, 1); g = parseInt(sg + sg, 16);
|
||||||
|
sb = val.substr(2, 1); b = parseInt(sb + sb, 16);
|
||||||
|
if (val_len == 4) {
|
||||||
|
sa = val.substr(3, 1); $a = parseInt(sa + sa, 16) / 255;
|
||||||
|
}
|
||||||
|
} else if (val_len == 6 || val_len == 8) {
|
||||||
|
sr = val.substr(0, 2); r = parseInt(sr, 16);
|
||||||
|
sg = val.substr(2, 2); g = parseInt(sg, 16);
|
||||||
|
sb = val.substr(4, 2); b = parseInt(sb, 16);
|
||||||
|
if (val_len == 8) {
|
||||||
|
sa = val.substr(6, 2); a = parseInt(sa, 16) / 255;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if ((val_len == 3 || val_len == 6) && match[2]) {
|
||||||
|
a = parseFloat(match[2]);
|
||||||
|
}
|
||||||
|
return [r, g, b, a, match[0]];
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
formatColor: function(color_value) {
|
||||||
|
var color_arr = Editor.parseColor(color_value);
|
||||||
|
if (!color_arr) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
if (color_arr[3] < 1) {
|
||||||
|
return 'rgba(' + color_arr[0] + ',' + color_arr[1] + ',' + color_arr[2] + ',' + color_arr[3] + ')';
|
||||||
|
}
|
||||||
|
var color_int = ((color_arr[0] & 255) << 16) | ((color_arr[1] & 255) << 8) | (color_arr[2] & 255);
|
||||||
|
return '#' + ('000000' + color_int.toString(16)).substr(-6);
|
||||||
|
},
|
||||||
|
parseWallpaperValue(value) {
|
||||||
|
var match, bg_slug, options, arr, result = {};
|
||||||
|
if (!value) {
|
||||||
|
return result;
|
||||||
|
}
|
||||||
|
if (value == 'builtin') {
|
||||||
|
result.slug = Aj.state.builtinSlug;
|
||||||
|
} else if (match = value.match(/^(?:https?:\/\/)?t\.me\/bg\/(\S+)/i)) {
|
||||||
|
arr = match[1].split('?');
|
||||||
|
if (match = arr[0].match(/^[0-9a-f]{6}-[0-9a-f]{6}$/i)) {
|
||||||
|
result.gradient = arr[0].split('-');
|
||||||
|
for (var k = 0; k < result.gradient.length; k++) {
|
||||||
|
result.gradient[k] = Editor.formatColor(result.gradient[k]);
|
||||||
|
}
|
||||||
|
options = arr[1] ? parseStr(arr[1]) : {};
|
||||||
|
if (options.rotation) {
|
||||||
|
var rot = parseInt(options.rotation);
|
||||||
|
if (rot && rot < 360 && !(rot % 45)) {
|
||||||
|
result.rotation = parseInt(options.rotation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (match = arr[0].match(/^[0-9a-f]{6}(~[0-9a-f]{6}){1,3}$/i)) {
|
||||||
|
result.gradient = arr[0].split('~');
|
||||||
|
for (var k = 0; k < result.gradient.length; k++) {
|
||||||
|
result.gradient[k] = Editor.formatColor(result.gradient[k]);
|
||||||
|
}
|
||||||
|
options = arr[1] ? parseStr(arr[1]) : {};
|
||||||
|
if (options.rotation) {
|
||||||
|
var rot = parseInt(options.rotation);
|
||||||
|
if (rot && rot < 360 && !(rot % 45)) {
|
||||||
|
result.rotation = parseInt(options.rotation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (validateSlug(arr[0])) {
|
||||||
|
result.slug = arr[0];
|
||||||
|
options = arr[1] ? parseStr(arr[1]) : {};
|
||||||
|
if (options.bg_color) {
|
||||||
|
if (match = options.bg_color.match(/^[0-9a-f]{6}-[0-9a-f]{6}$/i)) {
|
||||||
|
result.gradient = options.bg_color.split('-');
|
||||||
|
for (var k = 0; k < result.gradient.length; k++) {
|
||||||
|
result.gradient[k] = Editor.formatColor(result.gradient[k]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
else if (match = options.bg_color.match(/^[0-9a-f]{6}(~[0-9a-f]{6}){1,3}$/i)) {
|
||||||
|
result.gradient = options.bg_color.split('~');
|
||||||
|
for (var k = 0; k < result.gradient.length; k++) {
|
||||||
|
result.gradient[k] = Editor.formatColor(result.gradient[k]);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result.color = Editor.formatColor(options.bg_color);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (options.intensity) {
|
||||||
|
result.intensity = parseInt(options.intensity);
|
||||||
|
}
|
||||||
|
if (options.rotation) {
|
||||||
|
var rot = parseInt(options.rotation);
|
||||||
|
if (rot && rot < 360 && !(rot % 45)) {
|
||||||
|
result.rotation = parseInt(options.rotation);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (options.mode) {
|
||||||
|
result.mode = options.mode;
|
||||||
|
}
|
||||||
|
} else if (arr[0]) {
|
||||||
|
result.color = Editor.formatColor(arr[0]);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
result.color = Editor.formatColor(value);
|
||||||
|
}
|
||||||
|
return result;
|
||||||
|
},
|
||||||
|
formatWallpaperUrl(bg_slug) {
|
||||||
|
return bg_slug ? location.origin + '/bg/' + bg_slug : '';
|
||||||
|
},
|
||||||
|
getContentValue: function(content, key) {
|
||||||
|
if (!key) return null;
|
||||||
|
var re = new RegExp('\\b' + cleanRE(key) + '\\s*:\\s*(.*)(?:\n|$)', 'i');
|
||||||
|
var match = content.match(re);
|
||||||
|
return match && match[1] || null;
|
||||||
|
},
|
||||||
|
redrawThumb: function($parent, callback) {
|
||||||
|
var fileContent = Aj.state.editor.getValue();
|
||||||
|
var wallpaper = Editor.parseWallpaperValue(Editor.getContentValue(fileContent, Aj.state.thumbKeys.bg));
|
||||||
|
var bg_url = Editor.formatWallpaperUrl(wallpaper.slug);
|
||||||
|
var bg_color_val = Editor.formatColor(Editor.getContentValue(fileContent, Aj.state.thumbKeys.bg_color)) || '#6ea8f3';
|
||||||
|
var bubble_in_val = Editor.formatColor(Editor.getContentValue(fileContent, Aj.state.thumbKeys.bubble_in)) || '#fff';
|
||||||
|
var bubble_out_val = Editor.formatColor(Editor.getContentValue(fileContent, Aj.state.thumbKeys.bubble_out)) || '#d4f1ff';
|
||||||
|
if (wallpaper.color) {
|
||||||
|
bg_color_val = wallpaper.color;
|
||||||
|
} else if (wallpaper.gradient) {
|
||||||
|
var bg_grad = $('#bg_gradient', $parent).get(0);
|
||||||
|
if (bg_grad) {
|
||||||
|
bg_grad.setAttribute('gradientTransform', 'rotate(' + (wallpaper.rotation || 0) + ' 0.5 0.5)');
|
||||||
|
}
|
||||||
|
$('#bg_gradient_color1', $parent).attr('stop-color', wallpaper.gradient[0]);
|
||||||
|
$('#bg_gradient_color2', $parent).attr('stop-color', wallpaper.gradient[1]);
|
||||||
|
bg_color_val = "url('#bg_gradient')";
|
||||||
|
}
|
||||||
|
if (wallpaper.intensity) {
|
||||||
|
var opacity = Math.max(10, Math.min(wallpaper.intensity, 100));
|
||||||
|
$('#thumb_bg_image', $parent).attr('opacity', opacity / 100);
|
||||||
|
} else {
|
||||||
|
$('#thumb_bg_image', $parent).attr('opacity', 1);
|
||||||
|
}
|
||||||
|
if (/\bblur\b/i.test(wallpaper.mode || '')) {
|
||||||
|
$('#thumb_bg_image', $parent).attr('filter', 'url(\'#thumb_blur\')');
|
||||||
|
} else {
|
||||||
|
$('#thumb_bg_image', $parent).attr('filter', '');
|
||||||
|
}
|
||||||
|
$('#thumb_bg_image', $parent).attr('xlink:href', bg_url);
|
||||||
|
$('#thumb_bg_color', $parent).attr('fill', bg_color_val);
|
||||||
|
$('#thumb_bubble_in', $parent).attr('fill', bubble_in_val);
|
||||||
|
$('#thumb_bubble_out', $parent).attr('fill', bubble_out_val);
|
||||||
|
if (callback) {
|
||||||
|
urlToDataUrl(bg_url, function(bg_url) {
|
||||||
|
if (bg_url) {
|
||||||
|
$('#thumb_bg_image', $parent).attr('xlink:href', bg_url);
|
||||||
|
}
|
||||||
|
callback();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
prepareThumb: function(callback) {
|
||||||
|
var $svg = $('<div><svg height="46" viewBox="0 0 74 46" width="74" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="thumb_blur"><feGaussianBlur stdDeviation="3" /></filter><defs><linearGradient id="bg_gradient" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" id="bg_gradient_color1" /><stop offset="100%" id="bg_gradient_color2" /></linearGradient><pattern id="thumb_bg" patternUnits="userSpaceOnUse" width="74" height="46"><rect id="thumb_bg_color" fill="" width="100%" height="100%"/><image id="thumb_bg_image" xlink:href="" x="-5" y="-5" width="84" height="56" preserveAspectRatio="xMidYMid slice" /></pattern></defs><g fill="none" fill-rule="evenodd"><rect fill="url(\'#thumb_bg\')" height="46" width="74"/><rect id="thumb_bubble_in" fill="" height="12" rx="3" width="40" x="8" y="8"/><rect id="thumb_bubble_out" fill="" height="12" rx="3" width="40" x="26" y="26"/></g></svg></div>');
|
||||||
|
Editor.redrawThumb($svg, function() {
|
||||||
|
callback($svg.html());
|
||||||
|
});
|
||||||
|
},
|
||||||
|
generateThumb: function(callback) {
|
||||||
|
Editor.prepareThumb(function(svg) {
|
||||||
|
var image = document.createElement('img');
|
||||||
|
image.src = 'data:image/svg+xml,' + encodeURIComponent(svg);
|
||||||
|
image.addEventListener('load', function imgLoaded() {
|
||||||
|
image.removeEventListener('load', imgLoaded);
|
||||||
|
try {
|
||||||
|
var canvas = document.createElement('canvas'), blob;
|
||||||
|
canvas.width = 296;
|
||||||
|
canvas.height = 184;
|
||||||
|
var ctx = canvas.getContext('2d');
|
||||||
|
ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
|
||||||
|
if (canvas.toBlob) {
|
||||||
|
canvas.toBlob(callback, 'image/jpeg', 0.92);
|
||||||
|
} else {
|
||||||
|
callback(dataUrlToBlob(canvas.toDataURL('image/jpeg', 0.92)));
|
||||||
|
}
|
||||||
|
} catch (e) {}
|
||||||
|
});
|
||||||
|
image.addEventListener('error', function imgFailed() {
|
||||||
|
callback(null);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
eCreateThemeFormat: function(e) {
|
||||||
|
$('.th-container').removeClass('th-no-content');
|
||||||
|
},
|
||||||
|
eImportFile: function(e) {
|
||||||
|
if (!Aj.state.canEdit) return;
|
||||||
|
e && e.stopImmediatePropagation();
|
||||||
|
e && e.preventDefault();
|
||||||
|
$('<input type="file" class="file-upload hide">').appendTo(this).click();
|
||||||
|
},
|
||||||
|
eSelectImportFile: function(e) {
|
||||||
|
if (!Aj.state.canEdit) return;
|
||||||
|
var input = this;
|
||||||
|
var $import_btn = $('.th-theme-import-btn');
|
||||||
|
var theme_raw = $import_btn.attr('data-theme-raw');
|
||||||
|
var format = $import_btn.attr('data-format');
|
||||||
|
var data = new FormData();
|
||||||
|
var fileContent = Aj.state.editor.getValue();
|
||||||
|
var theme_name = Editor.getContentValue(fileContent, 'name') || '';
|
||||||
|
var theme_shortname = Editor.getContentValue(fileContent, 'shortname') || '';
|
||||||
|
data.append('method', 'importFile');
|
||||||
|
data.append('theme_name', theme_name);
|
||||||
|
data.append('theme_shortname', theme_shortname);
|
||||||
|
data.append('format', format);
|
||||||
|
data.append('file', input.files[0]);
|
||||||
|
$import_btn.prop('disabled', true);
|
||||||
|
$.ajax(Aj.apiUrl, {
|
||||||
|
type: 'POST',
|
||||||
|
enctype: 'multipart/form-data',
|
||||||
|
data: data,
|
||||||
|
processData: false,
|
||||||
|
contentType: false,
|
||||||
|
cache: false,
|
||||||
|
dataType: 'json',
|
||||||
|
xhrFields: {
|
||||||
|
withCredentials: true
|
||||||
|
},
|
||||||
|
success: function(result) {
|
||||||
|
$import_btn.prop('disabled', false);
|
||||||
|
if (result._dlog) {
|
||||||
|
$('#dlog').append(result._dlog);
|
||||||
|
}
|
||||||
|
if (result.error) {
|
||||||
|
return showAlert(result.error);
|
||||||
|
}
|
||||||
|
if (result.content) {
|
||||||
|
Aj.state.editor.setValue(result.content);
|
||||||
|
Editor.onContentChange();
|
||||||
|
$('.th-container').removeClass('th-no-content');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function(xhr) {
|
||||||
|
if (xhr.status == 401) {
|
||||||
|
location.href = '/auth';
|
||||||
|
} else {
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
eSaveTheme: function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
Editor.saveTheme();
|
||||||
|
},
|
||||||
|
saveTheme: function() {
|
||||||
|
var $save_btn = $('.th-theme-save-btn');
|
||||||
|
if (Aj.state.saving) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var content = Aj.state.editor.getValue();
|
||||||
|
if (!content) {
|
||||||
|
Aj.state.editor.focus();
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var file = new Blob([content], {type: 'text/plain'});
|
||||||
|
$save_btn.prop('disabled', true);
|
||||||
|
Aj.state.saving = true;
|
||||||
|
Aj.state.savingContent = content;
|
||||||
|
Editor.generateThumb(function (thumb) {
|
||||||
|
Editor.saveThemeRequest(file, thumb);
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
saveThemeRequest: function(file, thumb, payload) {
|
||||||
|
var $save_btn = $('.th-theme-save-btn');
|
||||||
|
var theme_raw = $save_btn.attr('data-theme-raw');
|
||||||
|
var format = $save_btn.attr('data-format');
|
||||||
|
var data = new FormData();
|
||||||
|
data.append('method', 'saveTheme');
|
||||||
|
data.append('theme_raw', theme_raw);
|
||||||
|
data.append('format', format);
|
||||||
|
data.append('content', file, 'content');
|
||||||
|
data.append('thumb', thumb, 'thumb');
|
||||||
|
if (payload) {
|
||||||
|
data.append('payload', payload);
|
||||||
|
}
|
||||||
|
$.ajax(Aj.apiUrl, {
|
||||||
|
type: 'POST',
|
||||||
|
enctype: 'multipart/form-data',
|
||||||
|
data: data,
|
||||||
|
processData: false,
|
||||||
|
contentType: false,
|
||||||
|
cache: false,
|
||||||
|
dataType: 'json',
|
||||||
|
xhrFields: {
|
||||||
|
withCredentials: true
|
||||||
|
},
|
||||||
|
success: function(result) {
|
||||||
|
if (result._dlog) {
|
||||||
|
$('#dlog').append(result._dlog);
|
||||||
|
}
|
||||||
|
if (result.need_pack) {
|
||||||
|
return Editor.packFile(result.need_pack, thumb, result.payload);
|
||||||
|
}
|
||||||
|
$save_btn.prop('disabled', false);
|
||||||
|
Aj.state.saving = false;
|
||||||
|
if (result.error) {
|
||||||
|
return showAlert(result.error);
|
||||||
|
}
|
||||||
|
Aj.state.fileContent = Aj.state.savingContent;
|
||||||
|
var cur_loc = Aj.location();
|
||||||
|
if (result.slug && cur_loc.pathname != '/theme/' + result.slug) {
|
||||||
|
cur_loc.pathname = '/theme/' + result.slug;
|
||||||
|
return Aj.location(cur_loc.href);
|
||||||
|
}
|
||||||
|
if (result.title) {
|
||||||
|
$('.js-theme-title').html(result.title);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function(xhr) {
|
||||||
|
if (xhr.status == 401) {
|
||||||
|
location.href = '/auth';
|
||||||
|
} else {
|
||||||
|
location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
packFile: function(files, thumb, payload) {
|
||||||
|
for (var i = 0; i < files.length; i++) {
|
||||||
|
var file = files[i];
|
||||||
|
if (file.url) {
|
||||||
|
return JSZipUtils.getBinaryContent(file.url, function(err, data) {
|
||||||
|
if (err) {
|
||||||
|
$('.th-theme-save-btn').prop('disabled', false);
|
||||||
|
Aj.state.saving = false;
|
||||||
|
return showAlert('Can\'t fetch file');
|
||||||
|
}
|
||||||
|
file.content = data;
|
||||||
|
delete file.url;
|
||||||
|
Editor.packFile(files, thumb, payload);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var zip = new JSZip();
|
||||||
|
for (var i = 0; i < files.length; i++) {
|
||||||
|
var file = files[i];
|
||||||
|
zip.file(file.name, file.content, {binary: file.binary});
|
||||||
|
}
|
||||||
|
zip.generateAsync({
|
||||||
|
type: 'blob',
|
||||||
|
compression: 'DEFLATE'
|
||||||
|
}).then(function (zip_file) {
|
||||||
|
Editor.saveThemeRequest(zip_file, thumb, payload);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
Loading…
Reference in a new issue