account.php
3 weeks ago
header.php
3 weeks ago
preferences.php
3 weeks ago
reset-password-modal.php
3 weeks ago
security.php
3 weeks ago
social-accounts.php
3 weeks ago
withdraw.php
3 weeks ago
header.php
122 lines
| 1 | <?php |
| 2 | /** |
| 3 | * Tutor dashboard profile header |
| 4 | * |
| 5 | * @package Tutor\Templates |
| 6 | * @author Themeum <support@themeum.com> |
| 7 | * @link https://themeum.com |
| 8 | * @since 4.0.0 |
| 9 | * |
| 10 | * These variables are inherited from parent templates: |
| 11 | * template: templates/dashboard/account/settings.php |
| 12 | * |
| 13 | * @var string $back_url |
| 14 | */ |
| 15 | |
| 16 | defined( 'ABSPATH' ) || exit; |
| 17 | |
| 18 | use TUTOR\Icon; |
| 19 | use Tutor\Components\Badge; |
| 20 | use Tutor\Components\Button; |
| 21 | use Tutor\Components\Constants\Size; |
| 22 | use Tutor\Components\Constants\Variant; |
| 23 | |
| 24 | ?> |
| 25 | <div class="tutor-profile-header"> |
| 26 | <div |
| 27 | x-data="{ |
| 28 | windowWidth: window.innerWidth, |
| 29 | isDirty: {} |
| 30 | }" |
| 31 | class="tutor-account-container tutor-flex tutor-items-center tutor-justify-between"> |
| 32 | <div |
| 33 | class="tutor-profile-header-left tutor-flex tutor-items-center" |
| 34 | @resize.window="windowWidth = window.innerWidth" |
| 35 | @tutor-form-state-change.document="if ($event.detail.id === `tutor-${activeTab}-form`) isDirty[$event.detail.id] = $event.detail.isDirty" |
| 36 | :style="{ width: isDirty[`tutor-${activeTab}-form`] ? 'auto' : 'calc(100% - 36px)' }" |
| 37 | > |
| 38 | <?php |
| 39 | Button::make() |
| 40 | ->label( __( 'Back', 'tutor' ) ) |
| 41 | ->variant( Variant::GHOST ) |
| 42 | ->size( Size::X_SMALL ) |
| 43 | ->icon( Icon::LEFT, 'left', 20 ) |
| 44 | ->tag( 'a' ) |
| 45 | ->icon_only() |
| 46 | ->flip_rtl() |
| 47 | ->attr( 'href', esc_url( $back_url ) ) |
| 48 | ->render(); |
| 49 | ?> |
| 50 | <h4 |
| 51 | class="tutor-profile-header-title tutor-text-h4 tutor-font-semibold tutor-ml-4 tutor-my-none" |
| 52 | x-text="windowWidth <= 768 ? (activeTab === 'none' ? '<?php esc_html_e( 'Settings', 'tutor' ); ?>' : tabs.find(tab => tab.id == activeTab).label) : '<?php esc_html_e( 'Settings', 'tutor' ); ?>'" |
| 53 | ></h4> |
| 54 | |
| 55 | <?php |
| 56 | Badge::make() |
| 57 | ->variant( Variant::SECONDARY ) |
| 58 | ->rounded() |
| 59 | ->label( __( 'Unsaved changes', 'tutor' ) ) |
| 60 | ->attr( 'x-show', 'activeTab !== "none" && isDirty[`tutor-${activeTab}-form`]' ) |
| 61 | ->attr( 'x-cloak', '' ) |
| 62 | ->attr( 'class', 'tutor-ml-5 tutor-md-hidden' ) |
| 63 | ->render(); |
| 64 | ?> |
| 65 | </div> |
| 66 | <div class="tutor-profile-header-right tutor-flex tutor-items-center"> |
| 67 | <div x-show="activeTab !== 'none' && isDirty[`tutor-${activeTab}-form`]" x-cloak> |
| 68 | <?php |
| 69 | Button::make() |
| 70 | ->label( __( 'Discard', 'tutor' ) ) |
| 71 | ->variant( Variant::SECONDARY ) |
| 72 | ->size( Size::X_SMALL ) |
| 73 | ->attr( 'type', 'button' ) |
| 74 | ->attr( '@click', 'TutorCore.form.reset(`tutor-${activeTab}-form`)' ) |
| 75 | ->render(); |
| 76 | |
| 77 | Button::make() |
| 78 | ->label( __( 'Save', 'tutor' ) ) |
| 79 | ->size( Size::X_SMALL ) |
| 80 | ->attr( 'type', 'submit' ) |
| 81 | ->attr( 'class', 'tutor-ml-4' ) |
| 82 | ->attr( 'x-bind:form', 'activeTab === "none" ? "" : `tutor-${activeTab}-form`' ) |
| 83 | ->attr( ':class', '{ \'tutor-btn-loading\': saveBillingInfoMutation?.isPending || saveWithdrawMethodMutation?.isPending || updateProfileMutation?.isPending || saveSocialProfileMutation?.isPending || handleUpdateNotification?.isPending || savePreferencesMutation?.isPending }' ) |
| 84 | ->render(); |
| 85 | ?> |
| 86 | </div> |
| 87 | <div |
| 88 | class="tutor-profile-header-close tutor-md-hidden" |
| 89 | x-show="!isDirty[`tutor-${activeTab}-form`]" |
| 90 | > |
| 91 | <?php |
| 92 | Button::make() |
| 93 | ->label( __( 'Close', 'tutor' ) ) |
| 94 | ->variant( Variant::GHOST ) |
| 95 | ->icon( Icon::CROSS, 'left', 20 ) |
| 96 | ->icon_only() |
| 97 | ->size( Size::X_SMALL ) |
| 98 | ->attr( 'type', 'button' ) |
| 99 | ->attr( '@click', 'handleClose()' ) |
| 100 | ->render(); |
| 101 | ?> |
| 102 | </div> |
| 103 | <div |
| 104 | class="tutor-profile-header-close tutor-hidden tutor-md-flex" |
| 105 | x-show="activeTab === 'none' || !isDirty[`tutor-${activeTab}-form`]" |
| 106 | > |
| 107 | <?php |
| 108 | Button::make() |
| 109 | ->label( __( 'Close', 'tutor' ) ) |
| 110 | ->variant( Variant::GHOST ) |
| 111 | ->icon( Icon::CROSS, 'left', 20 ) |
| 112 | ->icon_only() |
| 113 | ->size( Size::X_SMALL ) |
| 114 | ->attr( 'type', 'button' ) |
| 115 | ->attr( '@click', 'handleClose()' ) |
| 116 | ->render(); |
| 117 | ?> |
| 118 | </div> |
| 119 | </div> |
| 120 | </div> |
| 121 | </div> |
| 122 |