| @@ -9,7 +9,41 @@ | ||
| 9 | 9 | * @version 4.0.0 |
| 10 | 10 | */ |
| 11 | 11 | |
| 12 | 12 | defined( 'ABSPATH' ) || exit(); |
| 13 | +$profile = LP_Profile::instance(); | |
| 14 | +if ( ! $profile ) { | |
| 15 | + return; | |
| 16 | +} | |
| 17 | +$image_url = $profile->get_upload_profile_src(); | |
| 13 | 18 | ?> |
| 14 | 19 | |
| 15 | -<div id="learnpress-avatar-upload"></div> | |
| 20 | +<div id="learnpress-avatar-upload"> | |
| 21 | + <div class="learnpress_avatar"> | |
| 22 | + <div class="learnpress_avatar__cropper <?php echo esc_attr( $image_url ? '' : 'lp-hidden' ); ?>"> | |
| 23 | + <img class="learnpress-avatar-image" src="<?php echo esc_attr( $image_url ); ?>" alt=""> | |
| 24 | + <div> | |
| 25 | + <button class="learnpress_avatar__button lp-button learnpress_avatar__button--replace"><?php esc_html_e( 'Replace', 'learnpress' ); ?></button> | |
| 26 | + <button class="learnpress_avatar__button lp-button learnpress_avatar__button--remove "><?php esc_html_e( 'Remove', 'learnpress' ); ?></button> | |
| 27 | + <button class="learnpress_avatar__button lp-button learnpress_avatar__button--save <?php echo esc_attr( $image_url ? 'lp-hidden' : '' ); ?>"><?php esc_html_e( 'Save', 'learnpress' ); ?></button> | |
| 28 | + <button class="learnpress_avatar__button lp-button learnpress_avatar__button--cancel <?php echo esc_attr( $image_url ? 'lp-hidden' : '' ); ?>"><?php esc_html_e( 'Cancel', 'learnpress' ); ?></button> | |
| 29 | + </div> | |
| 30 | + </div> | |
| 31 | + <form class="learnpress-avatar-form <?php echo esc_attr( $image_url ? 'lp-hidden' : '' ); ?>"> | |
| 32 | + <div class="learnpress_avatar__form"> | |
| 33 | + <div class="learnpress_avatar__form-group"> | |
| 34 | + <label for="avatar-file"> | |
| 35 | + <div class="learnpress_avatar__form__upload"> | |
| 36 | + <div><span><svg viewBox="64 64 896 896" focusable="false" data-icon="plus" width="1em" height="1em" fill="currentColor" aria-hidden="true"> | |
| 37 | + <path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"></path> | |
| 38 | + <path d="M176 474h672q8 0 8 8v60q0 8-8 8H176q-8 0-8-8v-60q0-8 8-8z"></path> | |
| 39 | + </svg></span> | |
| 40 | + <div><?php esc_html_e( 'Upload', 'learnpress' ); ?></div> | |
| 41 | + </div> | |
| 42 | + </div> | |
| 43 | + <input type="file" id="avatar-file" accept="image/*"> | |
| 44 | + </label> | |
| 45 | + </div> | |
| 46 | + </div> | |
| 47 | + </form> | |
| 48 | + </div> | |
| 49 | +</div> | |
