vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add type="button"

pull/146/head
cagataycivici 2020-01-13 13:06:08 +03:00
parent 18dffa5a89
commit 5244372d72
16 changed files with 28 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/carousel/Carousel.vue
View File

@ -5,7 +5,7 @@
</div> </div>
<div :class="contentClasses"> <div :class="contentClasses">
<div :class="containerClasses"> <div :class="containerClasses">
<button :class="['p-carousel-prev p-button', {'p-disabled': backwardIsDisabled}]" :disabled="backwardIsDisabled" @click="navBackward"> <button :class="['p-carousel-prev p-button', {'p-disabled': backwardIsDisabled}]" :disabled="backwardIsDisabled" @click="navBackward" type="button">
<span :class="['p-carousel-prev-icon pi', {'pi-chevron-left': !isVertical(),'pi-chevron-up': isVertical()}]"></span> <span :class="['p-carousel-prev-icon pi', {'pi-chevron-left': !isVertical(),'pi-chevron-up': isVertical()}]"></span>
</button> </button>
@ -36,13 +36,13 @@
</div> </div>
</div> </div>
<button :class="['p-carousel-next p-button', {'p-disabled': forwardIsDisabled}]" :disabled="forwardIsDisabled" @click="navForward"> <button :class="['p-carousel-next p-button', {'p-disabled': forwardIsDisabled}]" :disabled="forwardIsDisabled" @click="navForward" type="button">
<span :class="['p-carousel-prev-icon pi', {'pi-chevron-right': !isVertical(),'pi-chevron-down': isVertical()}]"></span> <span :class="['p-carousel-prev-icon pi', {'pi-chevron-right': !isVertical(),'pi-chevron-down': isVertical()}]"></span>
</button> </button>
</div> </div>
<ul :class="dotsContentClasses"> <ul :class="dotsContentClasses">
<li v-for="(totalDot, i) of totalDots" :key="'p-carousel-dot-' + i" :class="['p-carousel-dot-item', {'p-highlight': d_page === i}]"> <li v-for="(totalDot, i) of totalDots" :key="'p-carousel-dot-' + i" :class="['p-carousel-dot-item', {'p-highlight': d_page === i}]">
<button class="p-link" @click="onDotClick($event, i)"> <button class="p-link" @click="onDotClick($event, i)" type="button">
<span :class="['p-carousel-dot-icon pi', {'pi-circle-on': d_page === i, 'pi-circle-off': !(d_page === i)}]"></span> <span :class="['p-carousel-dot-icon pi', {'pi-circle-on': d_page === i, 'pi-circle-off': !(d_page === i)}]"></span>
</button> </button>
</li> </li>

6
src/components/datatable/BodyCell.vue
View File

@ -15,13 +15,13 @@
</button> </button>
</template> </template>
<template v-else-if="editMode === 'row' && column.rowEditor"> <template v-else-if="editMode === 'row' && column.rowEditor">
<button class="p-row-editor-init p-link" v-if="!d_editing" @click="onRowEditInit"> <button class="p-row-editor-init p-link" v-if="!d_editing" @click="onRowEditInit" type="button">
<span class="p-row-editor-init-icon pi pi-fw pi-pencil p-clickable"></span> <span class="p-row-editor-init-icon pi pi-fw pi-pencil p-clickable"></span>
</button> </button>
<button class="p-row-editor-save p-link" v-if="d_editing" @click="onRowEditSave"> <button class="p-row-editor-save p-link" v-if="d_editing" @click="onRowEditSave" type="button">
<span class="p-row-editor-save-icon pi pi-fw pi-check p-clickable"></span> <span class="p-row-editor-save-icon pi pi-fw pi-check p-clickable"></span>
</button> </button>
<button class="p-row-editor-cancel p-link" v-if="d_editing" @click="onRowEditCancel"> <button class="p-row-editor-cancel p-link" v-if="d_editing" @click="onRowEditCancel" type="button">
<span class="p-row-editor-cancel-icon pi pi-fw pi-times p-clickable"></span> <span class="p-row-editor-cancel-icon pi pi-fw pi-times p-clickable"></span>
</button> </button>
</template> </template>

2
src/components/datatable/TableBody.vue
View File

@ -4,7 +4,7 @@
<template v-for="(rowData, index) of value"> <template v-for="(rowData, index) of value">
<tr class="p-rowgroup-header" v-if="rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, index)" :key="getRowKey(rowData, index) + '_subheader'"> <tr class="p-rowgroup-header" v-if="rowGroupMode === 'subheader' && shouldRenderRowGroupHeader(value, rowData, index)" :key="getRowKey(rowData, index) + '_subheader'">
<td :colspan="columns.length - 1"> <td :colspan="columns.length - 1">
<button class="p-row-toggler p-link" @click="onRowGroupToggle($event, rowData)" v-if="expandableRowGroups"> <button class="p-row-toggler p-link" @click="onRowGroupToggle($event, rowData)" v-if="expandableRowGroups" type="button">
<span :class="rowGroupTogglerIcon(rowData)"></span> <span :class="rowGroupTogglerIcon(rowData)"></span>
</button> </button>
<DTRowExpansionTemplate :template="templates['groupheader']" :data="rowData" :index="index" /> <DTRowExpansionTemplate :template="templates['groupheader']" :data="rowData" :index="index" />

4
src/components/dataviewlayoutoptions/DataViewLayoutOptions.vue
View File

@ -1,10 +1,10 @@
<template> <template>
<div class="p-dataview-layout-options p-selectbutton p-buttonset"> <div class="p-dataview-layout-options p-selectbutton p-buttonset">
<button :class="buttonListClass" @click="changeLayout('list')"> <button :class="buttonListClass" @click="changeLayout('list')" type="button">
<i class="pi pi-bars p-button-icon-left"></i> <i class="pi pi-bars p-button-icon-left"></i>
<span class="p-button-text p-clickable">p-btn</span> <span class="p-button-text p-clickable">p-btn</span>
</button> </button>
<button :class="buttonGridClass" @click="changeLayout('grid')"> <button :class="buttonGridClass" @click="changeLayout('grid')" type="button">
<i class="pi pi-th-large p-button-icon-left"></i> <i class="pi pi-th-large p-button-icon-left"></i>
<span class="p-button-text p-clickable">p-btn</span> <span class="p-button-text p-clickable">p-btn</span>
</button> </button>

2
src/components/dialog/Dialog.vue
View File

@ -7,7 +7,7 @@
<span :id="ariaLabelledById" class="p-dialog-title" v-if="header" >{{header}}</span> <span :id="ariaLabelledById" class="p-dialog-title" v-if="header" >{{header}}</span>
</slot> </slot>
<div class="p-dialog-titlebar-icons"> <div class="p-dialog-titlebar-icons">
<button class="p-dialog-titlebar-icon p-dialog-titlebar-close p-link" @click="close" v-if="closable" :aria-label="ariaCloseLabel"> <button class="p-dialog-titlebar-icon p-dialog-titlebar-close p-link" @click="close" v-if="closable" :aria-label="ariaCloseLabel" type="button">
<span class="p-dialog-titlebar-close-icon pi pi-times"></span> <span class="p-dialog-titlebar-close-icon pi pi-times"></span>
</button> </button>
</div> </div>

16
src/components/editor/Editor.vue
View File

@ -15,17 +15,17 @@
</select> </select>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-bold"></button> <button class="ql-bold" type="button"></button>
<button class="ql-italic"></button> <button class="ql-italic" type="button"></button>
<button class="ql-underline"></button> <button class="ql-underline" type="button"></button>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<select class="ql-color"></select> <select class="ql-color"></select>
<select class="ql-background"></select> <select class="ql-background"></select>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-list" value="ordered"></button> <button class="ql-list" value="ordered" type="button"></button>
<button class="ql-list" value="bullet"></button> <button class="ql-list" value="bullet" type="button"></button>
<select class="ql-align"> <select class="ql-align">
<option defaultValue></option> <option defaultValue></option>
<option value="center"></option> <option value="center"></option>
@ -34,9 +34,9 @@
</select> </select>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-link"></button> <button class="ql-link" type="button"></button>
<button class="ql-image"></button> <button class="ql-image" type="button"></button>
<button class="ql-code-block"></button> <button class="ql-code-block" type="button"></button>
</span> </span>
<span class="ql-formats"> <span class="ql-formats">
<button class="ql-clean"></button> <button class="ql-clean"></button>

2
src/components/message/Message.vue
View File

@ -6,7 +6,7 @@
<div class="p-messages-text"> <div class="p-messages-text">
<slot></slot> <slot></slot>
</div> </div>
<button class="p-messages-close p-link" @click="visible = false" v-if="closable"> <button class="p-messages-close p-link" @click="visible = false" v-if="closable" type="button">
<i class="p-messages-close-icon pi pi-times"></i> <i class="p-messages-close-icon pi pi-times"></i>
</button> </button>
</div> </div>

2
src/components/multiselect/MultiSelect.vue
View File

@ -29,7 +29,7 @@
<input type="text" v-model="filterValue" class="p-multiselect-filter p-component p-inputtext p-component" :placeholder="filterPlaceholder"> <input type="text" v-model="filterValue" class="p-multiselect-filter p-component p-inputtext p-component" :placeholder="filterPlaceholder">
<span class="p-multiselect-filter-icon pi pi-search"></span> <span class="p-multiselect-filter-icon pi pi-search"></span>
</div> </div>
<button class="p-multiselect-close p-link" @click="onCloseClick"> <button class="p-multiselect-close p-link" @click="onCloseClick" type="button">
<span class="p-multiselect-close-icon pi pi-times" /> <span class="p-multiselect-close-icon pi pi-times" />
</button> </button>
</div> </div>

2
src/components/overlaypanel/OverlayPanel.vue
View File

@ -4,7 +4,7 @@
<div class="p-overlaypanel-content"> <div class="p-overlaypanel-content">
<slot></slot> <slot></slot>
</div> </div>
<button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel"> <button class="p-overlaypanel-close p-link" @click="hide" v-if="showCloseIcon" :aria-label="ariaCloseLabel" type="button">
<span class="p-overlaypanel-close-icon pi pi-times"></span> <span class="p-overlaypanel-close-icon pi pi-times"></span>
</button> </button>
</div> </div>

2
src/components/paginator/FirstPageLink.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<button :class="containerClass" v-on="$listeners"> <button :class="containerClass" v-on="$listeners" type="button">
<span class="p-paginator-icon pi pi-step-backward"></span> <span class="p-paginator-icon pi pi-step-backward"></span>
</button> </button>
</template> </template>

2
src/components/paginator/LastPageLink.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<button :class="containerClass" v-on="$listeners"> <button :class="containerClass" v-on="$listeners" type="button">
<span class="p-paginator-icon pi pi-step-forward"></span> <span class="p-paginator-icon pi pi-step-forward"></span>
</button> </button>
</template> </template>

2
src/components/paginator/NextPageLink.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<button :class="containerClass" v-on="$listeners"> <button :class="containerClass" v-on="$listeners" type="button">
<span class="p-paginator-icon pi pi-caret-right"></span> <span class="p-paginator-icon pi pi-caret-right"></span>
</button> </button>
</template> </template>

2
src/components/paginator/PageLinks.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<span class="p-paginator-pages"> <span class="p-paginator-pages">
<button v-for="pageLink of value" :key="pageLink" :class="['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === page)}]" <button v-for="pageLink of value" :key="pageLink" :class="['p-paginator-page p-paginator-element p-link', {'p-highlight': ((pageLink - 1) === page)}]" type="button"
@click="onPageLinkClick($event, pageLink)">{{pageLink}}</button> @click="onPageLinkClick($event, pageLink)">{{pageLink}}</button>
</span> </span>
</template> </template>

2
src/components/paginator/PrevPageLink.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<button :class="containerClass" v-on="$listeners"> <button :class="containerClass" v-on="$listeners" type="button">
<span class="p-paginator-icon pi pi-caret-left"></span> <span class="p-paginator-icon pi pi-caret-left"></span>
</button> </button>
</template> </template>

2
src/components/sidebar/Sidebar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<transition name="p-sidebar" @enter="onEnter" @leave="onLeave"> <transition name="p-sidebar" @enter="onEnter" @leave="onLeave">
<div :class="containerClass" v-if="visible" ref="container" role="complementary" :aria-modal="modal"> <div :class="containerClass" v-if="visible" ref="container" role="complementary" :aria-modal="modal">
<button class="p-sidebar-close p-link" @click="hide" :aria-label="ariaCloseLabel" v-if="showCloseIcon"> <button class="p-sidebar-close p-link" @click="hide" :aria-label="ariaCloseLabel" v-if="showCloseIcon" type="button">
<span class="p-sidebar-close-icon pi pi-times" /> <span class="p-sidebar-close-icon pi pi-times" />
</button> </button>
<slot></slot> <slot></slot>

2
src/components/toast/ToastMessage.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="containerClass"> <div :class="containerClass">
<div class="p-toast-item" role="alert" aria-live="assertive" aria-atomic="true"> <div class="p-toast-item" role="alert" aria-live="assertive" aria-atomic="true">
<button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="message.closable !== false"> <button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="message.closable !== false" type="button">
<span class="p-toast-icon-close-icon pi pi-times"></span> <span class="p-toast-icon-close-icon pi pi-times"></span>
</button> </button>
<span :class="iconClass"></span> <span :class="iconClass"></span>