سلام, محسن م

##### اسپینرها

اقدامات
`.spinner` عنصر اسپینر برای هر مؤلفه را امکان پذیر می کند.

### نمونه پایه

افزودن کلاس `.spinner`.

                            <div class="spinner"></div>

افزودن `.spinner-track`.

                            <div class="spinner"></div>

استفاده از کلاس `.spinner-left` و `.spinner-right`.

                            <div class="spinner spinner-right"></div>
                            <div class="spinner spinner-left"></div>

افزودن کلاس `.spinner-{color}`.

                            <div class="spinner spinner-primary mr-15"></div>
                            <div class="spinner spinner-success mr-15"></div>
                            <div class="spinner spinner-danger mr-15"></div>
                            <div class="spinner spinner-warning mr-15"></div>
                            <div class="spinner spinner-info mr-15"></div>
                            <div class="spinner spinner-dark mr-15"></div>

                            <div class="spinner spinner-track spinner-primary mr-15"></div>
                            <div class="spinner spinner-track spinner-success mr-15"></div>
                            <div class="spinner spinner-track spinner-danger mr-15"></div>
                            <div class="spinner spinner-track spinner-warning mr-15"></div>
                            <div class="spinner spinner-track spinner-info mr-15"></div>
                            <div class="spinner spinner-track spinner-dark mr-15"></div>

افزودن `.spinner-{sm|lg}`.

                            <div class="spinner spinner-primary spinner-sm mr-15"></div>
                            <div class="spinner spinner-primary mr-15"></div>
                            <div class="spinner spinner-primary spinner-lg mr-15"></div>

                            <div class="spinner spinner-track spinner-primary spinner-sm mr-15"></div>
                            <div class="spinner spinner-track spinner-primary mr-15"></div>
                            <div class="spinner spinner-track spinner-primary spinner-lg mr-15"></div>

### اسپینر روی دکمه

با استفاده از `.btn` اثر اسپینر را روی دکمه ها اضافه کنید و تراز را با کلاس های `.spinner-Right` و `.spinner-left` تنظیم کنید..

                            <button type="button" class="btn btn-primary spinner spinner-white spinner-right">
                                اولیه
                            </button>
                            <button type="button" class="btn btn-secondary spinner spinner-dark spinner-right">
                                ثانویه
                            </button>
                            <button type="button" class="btn btn-light-success spinner spinner-darker-success spinner-left mr-3">
                                موفقیت
                            </button>
                            <button type="button" class="btn btn-outline-danger spinner spinner-darker-danger spinner-left mr-3">
                                هشدار
                            </button>

استفاده `KTUtil.btnWait ()` و `KTUtil.btnRelease ()` برای کنترل حالت بارگیری دکمه با جاوا اسکریپت استفاده کنید.

                                    <button type="button" class="btn btn-primary mr-3" id="kt_btn_1">
                                        اولیه
                                    </button>
                                    <button type="button" class="btn btn-secondary mr-3" id="kt_btn_2">
                                        ثانویه
                                    </button>
                                    <button type="button" class="btn btn-light-success spinner-left mr-3" id="kt_btn_3">
                                        موفقیت
                                    </button>
                                    <button type="button" class="btn btn-outline-danger  spinner-left mr-3" id="kt_btn_4">
                                        هشدار
                                    </button>

                                        // نسخه ی نمایشی 1
                                        var btn = KTUtil.getById("kt_btn_1");

                                        KTUtil.addرویداد(btn, "click", function() {
                                            KTUtil.btnWait(btn, "spinner spinner-right spinner-white pr-15", "Please wait");

                                            setزمانout(function() {
                                                KTUtil.btnRelease(btn);
                                            }, 1000);
                                        });

                                        // نسخه ی نمایشی 2
                                        var btn = KTUtil.getById("kt_btn_2");

                                        KTUtil.addرویداد(btn, "click", function() {
                                            KTUtil.btnWait(btn, "spinner spinner-dark spinner-right pr-15", "Loading");

                                            setزمانout(function() {
                                                KTUtil.btnRelease(btn);
                                            }, 1000);
                                        });

                                        // نسخه ی نمایشی 3
                                        var btn = KTUtil.getById("kt_btn_3");

                                        KTUtil.addرویداد(btn, "click", function() {
                                            KTUtil.btnWait(btn, "spinner spinner-left spinner-darker-success pl-15", "غیرفعال...");

                                            setزمانout(function() {
                                                KTUtil.btnRelease(btn);
                                            }, 1000);
                                        });

                                        // نسخه ی نمایشی 4
                                        var btn = KTUtil.getById("kt_btn_4");

                                        KTUtil.addرویداد(btn, "click", function() {
                                            KTUtil.btnWait(btn, "spinner spinner-left spinner-darker-danger pl-15", "Please wait");

                                            setزمانout(function() {
                                                KTUtil.btnRelease(btn);
                                            }, 1000);
                                        });

### اسپینر روی اینپوت

با استفاده از `.form-control` برای افزودن اثر اسپینر به فرم ورودی ها و تنظیم تراز اسپینر با کلاسهای `.spinner-Right` و `.spinner-left` .

                            <div class="spinner spinner-primary spinner-left">
                                <input class="form-control mb-5"/>
                            </div>

                            <div class="spinner spinner-success spinner-right">
                                <input class="form-control"/>
                            </div>

### پروفایل کاربر 12 پیام

محسن برومند
توسعه اپلیکیشن
jm@softplus.com خروج
پروفایل من
تنظیمات اکانت بروزرسانی
پیام های من
صندوق پیام ها و کارها
فعالیت های من
لاگ ها و اعلان ها
کارهای من
اخرین کارها و پروژه ها

##### آخرین اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%

#### سبد خرید

iBlender بهترین وسایل آشپزخانه در سال 2020
دلار 350 5
پاک کننده هوشمند ابزار هوشمند برای پخت و پز
650دلار 4
دوربین دوربین حرفه ای برای عکس
150دلار 3
چاپگر 4D ساخت اشیاء منحصر به فرد
دلار 1450 7
موشن ابزار انیمیشن ایده آل
650دلار 7

##### پیام های سیستم

نویسندگان برتر موفق ترین ها
+82دلار
نویسندگان محبوب موفق ترین ها
+280دلار
کاربران جدید موفق ترین ها
+4500دلار
فعال مشتریان موفق ترین ها
+4500دلار
تم پرفروش موفق ترین ها
+4500دلار

##### اعلان ها

اهداف دیگر موعد 2 روز
+28%
برای مردم خواهد بود موعد 2 روز
+50%
هدف این خواهد بود که ترغیب شود موعد 2 روز
-27%
بهترین محصول موعد 2 روز
+8%
5 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
2 موارد جدید ارسال شد
توسط محمد رضایی
فایل های ایجاد شده
گزارش ها بر اساس فروش
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است
3 هشدارهای دفاعی
هفته گذشته 40٪ هشدار کمتری دارد
میانگین 4 پست وبلاگ برای هر نویسنده
12 بار ارسال شده است
هفته گذشته 16 نویسنده پیوستند
طراح
2 مورد جدید ارسال شده است
توسط محمد رضایی
حجم دانلودها 2 گیگ
مفاهیم بنیادی
دلار2900 ارزش محصولات فروخته شده
جمع آوری 234 مورد
7 گزارش تولید شده توسط کاربر جدید
گزارش ها بر اساس فروش
میانگین زمان پاسخگویی 4.5 ساعت
فاستوست باری است

##### مراقبت از مشتری

فعال کردن اعلان ها:
فعال کردن ردیابی:
پرتال پشتیبانی

##### گزارشات

گزارش عمومیات:
فعال سازی خروچی گزارش
اجازه جمع آوری داده ها:

##### اعضا

فعال سازی عضویت اعضا
اجازه نظر دهی
فعال کردن پرتال مشتری
محسن برومند
فعال
محسن برومند 2 ساعت
چقدر احتمال دارید که شرکت ما را توصیه کنید به دوستان و خانواده خود؟
3 دقیقه شما
سلام در آنجا ، ما فقط می نویسیم تا به شما اطلاع دهیم که در مخزن گیت هاب مشترک شده اید.
محسن برومند 40 ثانیه
باشه ، فهمیدم
همین الان شما
برای همه مشکلات اعلان دریافت خواهید کرد ، درخواستها را بکشید!
محسن برومند 40 ثانیه
شما می توانید با کلیک بر روی این مخزن بلافاصله از حالت انتخاب خارج شوید:https://github.com
همین الان شما
آموزش رو دیدم.
محسن برومند 40 ثانیه
بیشترین دوره های تجاری خریداری شده در این فروش!
همین الان شما
شرکت BBQ برای جشن گرفتن دستاوردها و اهداف سه ماهه آخر. غذا و نوشیدنی تهیه شده

#### انتخاب نسخه ی نمایشی

##### نسخه ی نمایشی 1

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 2

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 3

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 4

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 5

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 6

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 7

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 8

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 9

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 10

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 11

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 12

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 13

پیش فرض نسخه راست چین

##### نسخه ی نمایشی 14

به زودی

##### نسخه ی نمایشی 15

به زودی

##### نسخه ی نمایشی 16

به زودی

##### نسخه ی نمایشی 17

به زودی

##### نسخه ی نمایشی 18

به زودی

##### نسخه ی نمایشی 19

به زودی

##### نسخه ی نمایشی 20

به زودی

##### نسخه ی نمایشی 21

به زودی

##### نسخه ی نمایشی 22

به زودی

##### نسخه ی نمایشی 23

به زودی

##### نسخه ی نمایشی 24

به زودی

##### نسخه ی نمایشی 25

به زودی

##### نسخه ی نمایشی 26

به زودی

##### نسخه ی نمایشی 27

به زودی

##### نسخه ی نمایشی 28

به زودی

##### نسخه ی نمایشی 29

به زودی

##### نسخه ی نمایشی 30

به زودی