|
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