|
20 | 20 | <div class="form-group"> |
21 | 21 | <div class="py-1.5 px-2 text-sm w-full rounded-md bg-yellow border border-yellow-dark mb-3" role="alert" v-if="hasDuplicates(summary.pages)"> |
22 | 22 | Duplicate items found |
23 | | - <span class="text-xs ml-2">(<a @click.prevent="uncheckDuplicates(summary.pages)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
| 23 | + <span class="text-xs ml-1">(<a @click.prevent="uncheckDuplicates(summary.pages)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
24 | 24 | </div> |
25 | 25 |
|
26 | 26 | <label>Entries</label> |
|
30 | 30 | <a @click="showAllPages = false" v-else>Hide</a> |
31 | 31 | </p> |
32 | 32 |
|
33 | | - <table class="w-full mt-2 mb-4" v-if="showAllPages"> |
34 | | - <thead> |
35 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1"></th> |
36 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">URL</th> |
37 | | - </thead> |
38 | | - <tbody class="border-t border-grey-60"> |
39 | | - <tr v-for="(page, i) in summary.pages"> |
40 | | - <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': page.exists }"> |
41 | | - <input type="checkbox" v-model="page._checked" id="page-@{{ i }}" /> |
42 | | - <label for="page-@{{ i }}"></label> |
43 | | - </td> |
44 | | - <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': page.exists }">@{{ page.url }}</td> |
45 | | - </tr> |
46 | | - </tbody> |
47 | | - </table> |
| 33 | + <div v-show="showAllPages"> |
| 34 | + <a @click.prevent="uncheckAll(summary.pages)" href="#" class="text-xs text-blue hover:underline">Uncheck all</a> / <a @click.prevent="checkAll(summary.pages)" href="#" class="text-xs text-blue hover:underline">Check all</a> |
| 35 | + <table class="w-full mt-2 mb-4"> |
| 36 | + <thead> |
| 37 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1"></th> |
| 38 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">URL</th> |
| 39 | + </thead> |
| 40 | + <tbody class="border-t border-grey-60"> |
| 41 | + <tr v-for="(page, i) in summary.pages"> |
| 42 | + <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': page.exists }"> |
| 43 | + <input type="checkbox" v-model="page._checked" id="page-@{{ i }}" /> |
| 44 | + <label for="page-@{{ i }}"></label> |
| 45 | + </td> |
| 46 | + <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': page.exists }">@{{ page.url }}</td> |
| 47 | + </tr> |
| 48 | + </tbody> |
| 49 | + </table> |
| 50 | + </div> |
48 | 51 | </div> |
49 | 52 | </div> |
50 | 53 |
|
|
57 | 60 | <div class="form-group"> |
58 | 61 | <div class="py-1.5 px-2 text-sm w-full rounded-md bg-yellow border border-yellow-dark mb-3" role="alert" v-if="hasDuplicates(collection.entries)"> |
59 | 62 | Duplicate items found |
60 | | - <span class="text-xs ml-2">(<a @click.prevent="uncheckDuplicates(collection.entries)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
| 63 | + <span class="text-xs ml-1">(<a @click.prevent="uncheckDuplicates(collection.entries)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
61 | 64 | </div> |
62 | 65 |
|
63 | 66 | <label>Entries</label> |
|
67 | 70 | <a href="#" @click.prevent="hideCollection(collectionName)" v-else>Hide</a> |
68 | 71 | </p> |
69 | 72 |
|
70 | | - <table class="w-full mt-2 mb-4" v-show="shouldShowCollection(collectionName)"> |
71 | | - <thead> |
72 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1"></th> |
73 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">Slug</th> |
74 | | - </thead> |
75 | | - <tbody class="border-t border-grey-60"> |
76 | | - <tr v-for="(entry, slug) in collection.entries"> |
77 | | - <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': entry.exists }"> |
78 | | - <input type="checkbox" v-model="entry._checked" id="c-@{{ collectionName }}-@{{ slug }}" /> |
79 | | - <label for="c-@{{ collectionName }}-@{{ slug }}"></label> |
80 | | - </td> |
81 | | - <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': entry.exists }">@{{ entry.slug }}</td> |
82 | | - </tr> |
83 | | - </tbody> |
84 | | - </table> |
| 73 | + <div v-show="shouldShowCollection(collectionName)"> |
| 74 | + <a @click.prevent="uncheckAll(collection.entries)" href="#" class="text-xs text-blue hover:underline">Uncheck all</a> / <a @click.prevent="checkAll(collection.entries)" href="#" class="text-xs text-blue hover:underline">Check all</a> |
| 75 | + <table class="w-full mt-2 mb-4"> |
| 76 | + <thead> |
| 77 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1"></th> |
| 78 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">Slug</th> |
| 79 | + </thead> |
| 80 | + <tbody class="border-t border-grey-60"> |
| 81 | + <tr v-for="(entry, slug) in collection.entries"> |
| 82 | + <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': entry.exists }"> |
| 83 | + <input type="checkbox" v-model="entry._checked" id="c-@{{ collectionName }}-@{{ slug }}" /> |
| 84 | + <label for="c-@{{ collectionName }}-@{{ slug }}"></label> |
| 85 | + </td> |
| 86 | + <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': entry.exists }">@{{ entry.slug }}</td> |
| 87 | + </tr> |
| 88 | + </tbody> |
| 89 | + </table> |
| 90 | + </div> |
85 | 91 | </div> |
86 | 92 | </div> |
87 | 93 |
|
|
94 | 100 | <div class="form-group"> |
95 | 101 | <div class="py-1.5 px-2 text-sm w-full rounded-md bg-yellow border border-yellow-dark mb-3" role="alert" v-if="hasDuplicates(taxonomy.terms)"> |
96 | 102 | Duplicate items found |
97 | | - <span class="text-xs ml-2">(<a @click.prevent="uncheckDuplicates(taxonomy.terms)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
| 103 | + <span class="text-xs ml-1">(<a @click.prevent="uncheckDuplicates(taxonomy.terms)" href="#" class="text-blue hover:underline">Uncheck duplicates</a>)</span> |
98 | 104 | </div> |
99 | 105 | <label>Terms</label> |
100 | 106 | <p> |
|
103 | 109 | <a href="#" @click.prevent="hideTaxonomy(taxonomyName)" v-else>Hide</a> |
104 | 110 | </p> |
105 | 111 |
|
106 | | - <table class="w-full mt-2 mb-4" v-if="shouldShowTaxonomy(taxonomyName)"> |
107 | | - <thead> |
108 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1 w-4"></th> |
109 | | - <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">Slug</th> |
110 | | - </thead> |
111 | | - <tbody class="border-t border-grey-60"> |
112 | | - <tr v-for="(term, slug) in taxonomy.terms"> |
113 | | - <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': term.exists }"> |
114 | | - <input type="checkbox" v-model="term._checked" id="t-@{{ taxonomyName }}-@{{ slug }}" /> |
115 | | - <label for="t-@{{ taxonomyName }}-@{{ slug }}"></label> |
116 | | - </td> |
117 | | - <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': term.exists }">@{{ term.slug }}</td> |
118 | | - </tr> |
119 | | - </tbody> |
120 | | - </table> |
| 112 | + <div v-show="shouldShowTaxonomy(taxonomyName)"> |
| 113 | + <a @click.prevent="uncheckAll(taxonomy.terms)" href="#" class="text-xs text-blue hover:underline">Uncheck all</a> / <a @click.prevent="checkAll(taxonomy.terms)" href="#" class="text-xs text-blue hover:underline">Check all</a> |
| 114 | + <table class="w-full mt-2 mb-4"> |
| 115 | + <thead> |
| 116 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1 w-4"></th> |
| 117 | + <th class="text-left uppercase text-grey-60 text-xs px-2 py-1">Slug</th> |
| 118 | + </thead> |
| 119 | + <tbody class="border-t border-grey-60"> |
| 120 | + <tr v-for="(term, slug) in taxonomy.terms"> |
| 121 | + <td class="px-2 py-1 w-4" :class="{ 'bg-yellow': term.exists }"> |
| 122 | + <input type="checkbox" v-model="term._checked" id="t-@{{ taxonomyName }}-@{{ slug }}" /> |
| 123 | + <label for="t-@{{ taxonomyName }}-@{{ slug }}"></label> |
| 124 | + </td> |
| 125 | + <td class="px-2 py-1 text-xs" :class="{ 'bg-yellow': term.exists }">@{{ term.slug }}</td> |
| 126 | + </tr> |
| 127 | + </tbody> |
| 128 | + </table> |
| 129 | + </div> |
121 | 130 | </div> |
122 | 131 | </div> |
123 | 132 |
|
|
0 commit comments