آشنایی با کنترل Input در انگولار متریال ۷ یکی از دستورالعمل ه | سورس سرا | مرجع آموزش برنامه نویسی

آشنایی با کنترل Input در انگولار متریال ۷

یکی از دستورالعمل های انگولار است که به منظور ایجاد کنترل های و

در داخل کنترل <mat-form-field> استفاده می شود.<br><br>  اطلاعات بیشتر در لینک زیر:   <br><br>  لینک دسترسی (اینجا کلیک کنید)
                        </div>
                    </div>
                </div>
                <div class="row">

<div class="col-sm-6">
                                                    <a href="https://ir.telegram-store.com/catalog/channels/sourcesara/591"
                               class="button wc-button-green update-product-transitions product-popup-btn single-ga-static button-in-messages">
                                پیام بعدی                            </a>
                                            </div>
                </div>
                <div class="row">
                    <div class="col-sm-offset-1 col-sm-10">
                        <a href="https://ir.telegram-store.com/catalog/channels/sourcesara"
                           class="button wc-button-blue update-product-transitions product-popup-btn single-ga-static button-in-messages"
                           rel="next">
                            برو تو کانال سورس سرا | مرجع آموزش برنامه نویسی
                        </a>
                    </div>

</div>
                <div class="row">
                    <div class="col-lg-12 col-xl-12 col-sm-12">
                                            </div>
                </div>
                <div class="messages">
                    <div class="row">
                        <div class="col-sm-12">
                            <div id="next_messages">

</div>
                        </div>
                    </div>
                </div>

</div>

<a href="https://ir.telegram-store.com/catalog/channels/sourcesara"
           class="woocommerce-LoopProduct-link main_channel_header" target="_blank" itemprop="url">
            <span itemprop="name">سورس سرا | مرجع آموزش برنامه نویسی</span>
        </a>

</div>
                    <div class="channel_meta">
                سورس سرا | مرجع آموزش برنامه نویسی. https://SourceSara.com. SourceSara.info@gmail.com. انجمن برنامه نویسی:. https://SourceSara.com/forum. آیدی مدیر:....
            </div>

</div>
        
    </div>

</li>
            </ul>
        </div>

</div>

<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-sm-3 col-xs-12">
                <div class="footer__copy">telegram-store.com © 2016-2024
                </div>
                <div class="footer__copy creator">Non official site about Telegram</div>
            </div>

<li id="nav-menu-item-201535"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                    <a href="https://ir.telegram-store.com/catalog/channels" class="menu-link sub-menu-link">
                                        کانال ها                                    </a>
                                </li>
                            
                                                            <li id="nav-menu-item-201535"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                    <a href="https://ir.telegram-store.com/catalog/chats" class="menu-link sub-menu-link">
                                        چت های تلگرام                                    </a>
                                </li>
                            
                                                            <li id="nav-menu-item-201535"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                    <a href="https://ir.telegram-store.com/catalog/stickers/type" class="menu-link sub-menu-link">
                                        استیکرها                                    </a>
                                </li>
                            
                            <li id="nav-menu-item-201535"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                <a href="https://ir.telegram-store.com/catalog/bots"
                                   class="menu-link sub-menu-link">
                                    ربات ها                                </a>
                            </li>
                            <li id="nav-menu-item-201535"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                <a href="https://ir.telegram-store.com/html-sitemap"
                                   class="menu-link sub-menu-link">
                                    Sitemap                                </a>
                            </li>

</ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
            <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-3 col-xs-12">

</div>

<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                    <a href="/privacy-policy" class="menu-link sub-menu-link" target="_blank">
                                        سیاست حفظ حریم خصوصی                                    </a>
                                </li>

<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children">
                                    <a href="/terms-of-service" class="menu-link sub-menu-link" target="_blank">
                                        Terms of Service                                    </a>
                                </li>

</ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="footer-ownership">
                    تمامی حقوق محفوظ است. کپی و استفاده از مطالب کامل ممنوع است، نقل قول جزئی فقط با لینک به سایت telegram-store.com امکان پذیر است.                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal-for-login mfp-ready" style="display:none;"></div>
<div class="modal-for-login-container mfp-s-ready mfp-inline-holder" style="display:none;">
    <div class="mfp-content">
        <div class="login-popup">
            <h2>Login</h2>
            <div id="telegram_auth"></div>
            <script type="text/javascript">
                function onTelegramAuth(user) {
                    jQuery.ajax({
                        url: "https://ir.telegram-store.com/telegram/auth",
                        method: "POST",
                        data: user,
                        dataType: "json",
                        headers: {
                            'X-CSRF-TOKEN': "dqqDzyemPheDizhAdp2yLKpRJKDg2aPI8rpssEz7"
                        },
                        success: function () {
                            location.reload();
                            return false;
                        },
                        error: function (data) {
                            alert(data.responseJSON.error);
                        }
                    });
                }
            </script>
            <div class="products_block_clearfix"></div>
            <button title="Close (Esc)" type="button" class="login-modal-close">×</button>
        </div>
    </div>
</div>
<script>
    function open_modal() {
        document.querySelector('.modal-for-login').style.display = 'block';
        document.querySelector('.modal-for-login-container').style.display = 'block';

let script = document.createElement('script');
        script.setAttribute('type', 'text/javascript');
        script.setAttribute('src', 'https://telegram.org/js/telegram-widget.js?15');
        script.setAttribute('data-telegram-login', 'TeleStoreAuthIrBot');
        script.setAttribute('data-size', 'medium');
        script.setAttribute('data-radius', '0');
        script.setAttribute('data-onauth', 'onTelegramAuth(user)');
        script.setAttribute('data-request-access', 'write');
        document.getElementById('telegram_auth').appendChild(script);
    }

document.querySelector('.login-modal-close').onclick = function () {
        document.querySelector('.modal-for-login').style.display = 'none';
        document.querySelector('.modal-for-login-container').style.display = 'none';
    }
</script>

<style>

.login-modal-close {
        overflow: visible;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
        display: block;
        outline: none;
        z-index: 2046;
        box-shadow: none;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        width: 44px;
        height: 44px;
        line-height: 44px;
        position: absolute;
        right: 0;
        top: 0;
        text-decoration: none;
        text-align: center;
        opacity: 1;
        padding: 0 0 18px 10px;
        color: #000000;
        font-style: normal;
        font-size: 28px;
    }

.modal-for-login {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1040;
        overflow: hidden;
        position: fixed;
        background: #0b0b0b;
        opacity: 0.8;
    }

.modal-for-login-container, .pop_channels_popup {
        text-align: center;
        position: fixed;
        width: 100%;
        z-index: 1044;
        height: initial;
        left: 0;
        top: 13%;
        padding: 0 8px;
        box-sizing: border-box;
    }

.pop_channels_popup {
        top: 2%;
    }

.modal-open {
        text-decoration: underline;
        cursor: pointer;
        color: #337ab7;
    }

.login-popup {
        text-align: center;
        padding: 73px;
        height: 30%;
        width: 90%;
        border-radius: 5px;
        background-color: #fff;
        position: relative;
        margin: 0 auto;
    }

@media screen and (min-width: 320px) and (max-width: 720px) {
        .login-popup {
            width: 90%;
            top: 20px;
            padding: 5px;
        }
    }
</style>

$('.video_placeholder').click(function () {
                window.open($(this).parent('.message_parsed').data('href'), '_blank');
            })

$('.photo_placeholder_group').click(function () {
                window.open($(this).parent('.message_parsed').data('href'), '_blank');
            })

$(window).scroll(function () {
                let next_messages = $('#next_messages');
                if ($(document).height() <= $(window).scrollTop() + $(window).height() + 750) {
                    if (!next_messages.data("loading")) {
                        let message_id = next_messages.data('id');
                        $.ajax({
                            url: "/catalog/api/v1/messages/sourcesara/" + message_id,
                            type: "get",
                            beforeSend: function (xhr) {
                                next_messages.data("loading", true);
                            },
                            success: function (data) {
                                let newDiv = $('<div/>')
                                    .addClass('messages__one')
                                    .addClass('message_parsed')
                                    .html(data.result.message.text)

next_messages.data('id', data.result.message.id)
                                next_messages.append(newDiv);
                                next_messages.removeData("loading");

$('.video_placeholder').click(function () {
                                    window.open($(this).parent('.message_parsed').data('href'), '_blank');
                                })
                                lazyload();
                            }
                        });
                    }
                }
            });
        });

</script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            $('#vote__for_channel__inactive_333140').click(function () {
                event.preventDefault();
                $('#errors__voting_333140').html('😱 شما باید وارد شوید برای رای دادن.').css('display', 'block');
            });

$('#vote__for_channel_333140').click(function () {
                event.preventDefault();
                $('#vote__for_channel_333140').html('⌛');
                $.ajax({
                    url: "https://ir.telegram-store.com/catalog/api/v1/vote/333140",
                    headers: {
                        "X-CSRF-TOKEN": "dqqDzyemPheDizhAdp2yLKpRJKDg2aPI8rpssEz7",
                                            },
                    type: 'post',
                    success: function (data) {
                        $('#vote__for_channel_333140').html('▲ ' + data.rating);
                    },
                    error: function () {
                        $('#errors__voting_333140').html("😱 شما قبلاً در 24 ساعت گذشته به این کانال رای داده اید. فردا برگرد!").css('display', 'block');
                    }

});

});
        })

</script>
    <style>
        .video_placeholder {
            cursor: pointer;
        }

.message_parsed {
            font-size: 16px;
            line-height: 26px;
        }

.message_header {
            display: none;
        }

.tgme_widget_message_poll_question {
            font-weight: bold;
        }

.tgme_widget_message_poll_type {
            font-size: 14px;
            font-style: italic;
        }

.tgme_widget_message_poll_option_percent, .tgme_widget_message_poll_option_value {
            display: inline-block;
        }

.accent_bg {
            background: #0099de;
            height: 3px;
        }

.copyonly {
            margin-right: 10px;
        }

.tgme_widget_message_info {
            display: none;
        }

.message_parsed {
            border-radius: 0;
            box-shadow: initial;
        }

.photo_placeholder_group {
            margin-bottom: 10px;
        }

.show_only_on_mobile {
            display: none;
            background: #ddd;
        }

.show_only_on_desktop {
            display: block;
        }

@media screen and (max-width: 760px) {
            .show_only_on_mobile {
                display: block;
            }

.show_only_on_desktop {
                display: none;
            }
        }

.messages__one {
            border: 1px solid #ddd;
            background: #fff;
        }
    </style>
</body>
</html>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'89b32c9c5b092bbf',t:'MTcxOTYzNTM1My4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="a5cc6e1fe8d85f1a05469db9-|49" defer></script>