accessibility-settings.html
1 year ago
color-picker.html
1 year ago
color-picker.scss
1 year ago
css-settings.html
1 year ago
display-settings.html
1 year ago
display-settings.scss
1 year ago
filter-settings.html
1 year ago
font-awesome-button-settings.html
1 year ago
font-awesome-button-settings.scss
1 year ago
help-icon.html
1 year ago
help-icon.scss
1 year ago
image-button-settings.html
1 year ago
image-button-settings.scss
1 year ago
index.php
1 year ago
location-settings.html
1 year ago
posts-filter-selection.html
1 year ago
posts-filter-selection.scss
1 year ago
text-button-settings.html
1 year ago
image-button-settings.html
36 lines
| 1 | <div class="button-options image" v-if="data.button_style === 'image'"> |
| 2 | <div class="icons-container"> |
| 3 | <div v-for="(url, name) in icons_list" :class="{ selected: data.image === name }"> |
| 4 | <input :id="'img' + name.replace('.', '-')" name="wpfront-scroll-top-options-image" type="radio" :value="name" v-model="data.image"> |
| 5 | <label :for="'img' + name.replace('.', '-')"> |
| 6 | <img :src="url" :alt="name"> |
| 7 | </label> |
| 8 | </div> |
| 9 | </div> |
| 10 | <div> |
| 11 | <input id="custom" name="wpfront-scroll-top-options-image" type="radio" value="custom" v-model="data.image"> |
| 12 | <label for="custom"> |
| 13 | {{ labels.custom_url }} |
| 14 | <input type="url" class="regular-text url" id="custom_url" v-model="data.custom_url"> |
| 15 | <input type="button" class="button" id="media_library_button" :value="labels.media_library_button" @click="mediaLibrary()"> |
| 16 | </label> |
| 17 | </div> |
| 18 | <table class="form-table" role="presentation"> |
| 19 | <tbody> |
| 20 | <tr> |
| 21 | <th scope="row">{{ labels.image_alt }} </th> |
| 22 | <td> |
| 23 | <input type="text" class="regular-text altText" id="image_alt" v-model="data.image_alt"> |
| 24 | <help-icon :help-text="help.image_alt"></help-icon> |
| 25 | </td> |
| 26 | </tr> |
| 27 | <tr> |
| 28 | <th scope="row">{{ labels.image_title }} </th> |
| 29 | <td> |
| 30 | <input type="text" class="regular-text titleText" id="image_title" v-model="data.image_title"> |
| 31 | <help-icon :help-text="help.image_title"></help-icon> |
| 32 | </td> |
| 33 | </tr> |
| 34 | </tbody> |
| 35 | </table> |
| 36 | </div> |