| @@ -1,62 +1,62 @@ | ||
| 1 | -<div class="lp-box-data-content"> | |
| 2 | - <div class="learn-press-question"> | |
| 3 | - <div class="content-editable" contenteditable="true" @mouseup="canInsertBlank" @mousedown="activeBlank" @keyup="updateAnswer"></div> | |
| 4 | - <div class="description"> | |
| 5 | - <p><?php _e( 'Select a word in the passage above and click <strong>\'Insert a new blank\'</strong> to make that word a blank for filling.', 'learnpress' ); ?></p> | |
| 6 | - </div> | |
| 7 | - <p> | |
| 8 | - <button class="button" type="button" @click="insertBlank" :disabled="!canInsertNewBlank"><?php esc_html_e( 'Insert a new blank', 'learnpress' ); ?></button> | |
| 9 | - <button class="button" type="button" @click="clearBlanks" :disabled="blanks.length == 0"><?php esc_html_e( 'Remove all blanks', 'learnpress' ); ?></button> | |
| 10 | - <button class="button" type="button" @click="clearContent"><?php esc_html_e( 'Clear content', 'learnpress' ); ?></button> | |
| 11 | - </p> | |
| 12 | - | |
| 13 | - <table class="fib-blanks"> | |
| 14 | - <tbody v-for="blank in blanks" :data-id="'fib-blank-' + blank.id" class="fib-blank" :class="{ invalid: !blank.fill, open: blank.open }"> | |
| 15 | - <tr> | |
| 16 | - <td class="blank-position" width="50">#{{blank.index}}</td> | |
| 17 | - <td class="blank-fill"> | |
| 18 | - <input type="text" :id="'fib-blank-' + blank.id" v-model="blank.fill" @keyup="updateBlank" @change="updateBlank"> | |
| 19 | - </td> | |
| 20 | - <td class="blank-actions"> | |
| 21 | - <span class="blank-status"></span> | |
| 22 | - | |
| 23 | - <a class="button" href="" @click="toggleOptions($event, blank.id)"><?php esc_html_e( 'Options', 'learnpress' ); ?></a> | |
| 24 | - <a class="delete button" href="" @click="removeBlank($event, blank.id)"><?php esc_html_e( 'Delete', 'learnpress' ); ?></a> | |
| 25 | - </td> | |
| 26 | - </tr> | |
| 27 | - <tr class="blank-options"> | |
| 28 | - <td width="50"></td> | |
| 29 | - <td colspan="2"> | |
| 30 | - <ul> | |
| 31 | - <li> | |
| 32 | - <label> | |
| 33 | - <input type="checkbox" v-model="blank.match_case" @click="updateAnswerMatchCase($event, blank)"> | |
| 34 | - <?php esc_html_e( 'Match case', 'learnpress' ); ?></label> | |
| 35 | - <p class="description"><?php esc_html_e( 'Match two words in case sensitive.', 'learnpress' ); ?></p> | |
| 36 | - </li> | |
| 37 | - <li><h4><?php esc_html_e( 'Comparison', 'learnpress' ); ?></h4></li> | |
| 38 | - <li> | |
| 39 | - <label> | |
| 40 | - <input type="radio" value="" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 41 | - <?php esc_html_e( 'Equal', 'learnpress' ); ?></label> | |
| 42 | - <p class="description"><?php esc_html_e( 'Match two words are equality.', 'learnpress' ); ?></p> | |
| 43 | - </li> | |
| 44 | - <li> | |
| 45 | - <label> | |
| 46 | - <input type="radio" value="range" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 47 | - <?php esc_html_e( 'Range', 'learnpress' ); ?></label> | |
| 48 | - <p class="description"><?php _e( 'Match any number in a range. Use <code>100, 200</code> to match any value from 100 to 200.', 'learnpress' ); ?></p> | |
| 49 | - </li> | |
| 50 | - <li> | |
| 51 | - <label> | |
| 52 | - <input type="radio" value="any" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 53 | - <?php esc_html_e( 'Any', 'learnpress' ); ?></label> | |
| 54 | - <p class="description"><?php _e( 'Match any value in a set of words. Use <code>fill, blank, or question</code> to match any value in the set.', 'learnpress' ); ?></p> | |
| 55 | - </li> | |
| 56 | - </ul> | |
| 57 | - </td> | |
| 58 | - </tr> | |
| 59 | - </tbody> | |
| 60 | - </table> | |
| 61 | - </div> | |
| 62 | -</div> | |
| 1 | +<div class="lp-box-data-content"> | |
| 2 | + <div class="learn-press-question"> | |
| 3 | + <div class="content-editable" contenteditable="true" @mouseup="canInsertBlank" @mousedown="activeBlank" @keyup="updateAnswer"></div> | |
| 4 | + <div class="description"> | |
| 5 | + <p><?php _e( 'Select a word in the passage above and click <strong>\'Insert a new blank\'</strong> to make that word a blank for filling.', 'learnpress' ); ?></p> | |
| 6 | + </div> | |
| 7 | + <p> | |
| 8 | + <button class="button" type="button" @click="insertBlank" :disabled="!canInsertNewBlank"><?php esc_html_e( 'Insert a new blank', 'learnpress' ); ?></button> | |
| 9 | + <button class="button" type="button" @click="clearBlanks" :disabled="blanks.length == 0"><?php esc_html_e( 'Remove all blanks', 'learnpress' ); ?></button> | |
| 10 | + <button class="button" type="button" @click="clearContent"><?php esc_html_e( 'Clear content', 'learnpress' ); ?></button> | |
| 11 | + </p> | |
| 12 | + | |
| 13 | + <table class="fib-blanks"> | |
| 14 | + <tbody v-for="blank in blanks" :data-id="'fib-blank-' + blank.id" class="fib-blank" :class="{ invalid: !blank.fill, open: blank.open }"> | |
| 15 | + <tr> | |
| 16 | + <td class="blank-position" width="50">#{{blank.index}}</td> | |
| 17 | + <td class="blank-fill"> | |
| 18 | + <input type="text" :id="'fib-blank-' + blank.id" v-model="blank.fill" @keyup="updateBlank" @change="updateBlank"> | |
| 19 | + </td> | |
| 20 | + <td class="blank-actions"> | |
| 21 | + <span class="blank-status"></span> | |
| 22 | + | |
| 23 | + <a class="button" href="" @click="toggleOptions($event, blank.id)"><?php esc_html_e( 'Options', 'learnpress' ); ?></a> | |
| 24 | + <a class="delete button" href="" @click="removeBlank($event, blank.id)"><?php esc_html_e( 'Delete', 'learnpress' ); ?></a> | |
| 25 | + </td> | |
| 26 | + </tr> | |
| 27 | + <tr class="blank-options"> | |
| 28 | + <td width="50"></td> | |
| 29 | + <td colspan="2"> | |
| 30 | + <ul> | |
| 31 | + <li> | |
| 32 | + <label> | |
| 33 | + <input type="checkbox" v-model="blank.match_case" @click="updateAnswerMatchCase($event, blank)"> | |
| 34 | + <?php esc_html_e( 'Match case', 'learnpress' ); ?></label> | |
| 35 | + <p class="description"><?php esc_html_e( 'Match two words in case sensitive.', 'learnpress' ); ?></p> | |
| 36 | + </li> | |
| 37 | + <li><h4><?php esc_html_e( 'Comparison', 'learnpress' ); ?></h4></li> | |
| 38 | + <li> | |
| 39 | + <label> | |
| 40 | + <input type="radio" value="" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 41 | + <?php esc_html_e( 'Equal', 'learnpress' ); ?></label> | |
| 42 | + <p class="description"><?php esc_html_e( 'Match two words are equality.', 'learnpress' ); ?></p> | |
| 43 | + </li> | |
| 44 | + <li> | |
| 45 | + <label> | |
| 46 | + <input type="radio" value="range" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 47 | + <?php esc_html_e( 'Range', 'learnpress' ); ?></label> | |
| 48 | + <p class="description"><?php _e( 'Match any number in a range. Use <code>100, 200</code> to match any value from 100 to 200.', 'learnpress' ); ?></p> | |
| 49 | + </li> | |
| 50 | + <li> | |
| 51 | + <label> | |
| 52 | + <input type="radio" value="any" v-model="blank.comparison" @click="updateAnswerBlank($event, blank)"> | |
| 53 | + <?php esc_html_e( 'Any', 'learnpress' ); ?></label> | |
| 54 | + <p class="description"><?php _e( 'Match any value in a set of words. Use <code>fill, blank, or question</code> to match any value in the set.', 'learnpress' ); ?></p> | |
| 55 | + </li> | |
| 56 | + </ul> | |
| 57 | + </td> | |
| 58 | + </tr> | |
| 59 | + </tbody> | |
| 60 | + </table> | |
| 61 | + </div> | |
| 62 | +</div> | |