ADA
ada ada2 Filters Corrections labels Document
This commit is contained in:
@@ -2,8 +2,8 @@
|
||||
<div class="container py-2">
|
||||
<div class="row"></div>
|
||||
<div class="comments col-md-12" id="comments">
|
||||
<p>
|
||||
<b>{{ data.title }}</b>
|
||||
<p class="commentTitle">
|
||||
{{ data.title }}
|
||||
</p>
|
||||
<div v-for="item in data.items" :key="item.date">
|
||||
<case-comment
|
||||
@@ -45,6 +45,7 @@
|
||||
ref="comment"
|
||||
cols="80"
|
||||
rows="5"
|
||||
aria-label="comments"
|
||||
></textarea>
|
||||
</div>
|
||||
</div>
|
||||
@@ -52,7 +53,7 @@
|
||||
</div>
|
||||
<div class="comment mb-2 row float-right">
|
||||
<div class="form-check v-check-comment">
|
||||
<input type="checkbox" class="form-check-input" ref="send" />
|
||||
<input id="sendEmail" type="checkbox" class="form-check-input" ref="send" />
|
||||
<label class="form-check-label" for="sendEmail">
|
||||
{{ $t("ID_SEND_EMAIL_CASE_PARTICIPANTS") }}</label
|
||||
>
|
||||
@@ -216,4 +217,7 @@ export default {
|
||||
font-size: 32px;
|
||||
color: antiquewhite;
|
||||
}
|
||||
.commentTitle {
|
||||
font-weight: bolder;
|
||||
}
|
||||
</style>
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="IFrameCaseHistory"
|
||||
title="IFrameCaseHistory"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="IFrameChangeLog"
|
||||
title="IFrameChangeLog"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="IFrameSummaryForm"
|
||||
title="IFrameSummaryForm"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="IFrameProcessMap"
|
||||
title="IFrameProcessMap"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="my-container">
|
||||
<div :id="`menu-${item.id}`">
|
||||
<div
|
||||
v-if="item.header && !isItemHidden"
|
||||
class="vsm--header"
|
||||
|
||||
@@ -23,7 +23,7 @@
|
||||
</div>
|
||||
</template>
|
||||
<template v-slot:body>
|
||||
<b-form-group>
|
||||
<b-form-group label-for="advancedFilter">
|
||||
<b-form-checkbox-group
|
||||
v-model="selected"
|
||||
:options="filterItems"
|
||||
@@ -82,7 +82,9 @@
|
||||
<b-form-group
|
||||
:state="caseNumberState"
|
||||
:invalid-feedback="$t('ID_INVALID_APPLICATION_NUMBER')"
|
||||
label-for="caseNumber"
|
||||
>
|
||||
<label for="case-number-input"></label>
|
||||
<b-form-input
|
||||
id="case-number-input"
|
||||
v-model="caseNumber"
|
||||
@@ -90,6 +92,7 @@
|
||||
:placeholder="$t('ID_CASE_NUMBER_CAPITALIZED')"
|
||||
required
|
||||
type="number"
|
||||
aria-label="case_number"
|
||||
></b-form-input>
|
||||
</b-form-group>
|
||||
</form>
|
||||
@@ -147,6 +150,7 @@
|
||||
variant="outline-secondary"
|
||||
class="pull-right"
|
||||
@click="onSearch"
|
||||
aria-label="search"
|
||||
>
|
||||
<b-icon icon="search"></b-icon>
|
||||
</b-button>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
:title="addSearchTitle"
|
||||
>
|
||||
<template v-slot:body>
|
||||
<b-form-group>
|
||||
<b-form-group label-for="casesFilter">
|
||||
<b-form-radio-group
|
||||
v-model="selected"
|
||||
:options="criteriaItems"
|
||||
@@ -15,7 +15,7 @@
|
||||
name="flavour-2a"
|
||||
stacked
|
||||
></b-form-radio-group>
|
||||
<b-form-group> </b-form-group>
|
||||
<p></p>
|
||||
<b-form-checkbox
|
||||
id="checkbox-2"
|
||||
v-model="byProcessCategory"
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
:title="addSearchTitle"
|
||||
>
|
||||
<template v-slot:body>
|
||||
<b-form-group>
|
||||
<b-form-group label-for="customFilter">
|
||||
<b-form-radio-group
|
||||
v-model="selectedRadio"
|
||||
:options="getFilterColletion('radio')"
|
||||
@@ -15,7 +15,7 @@
|
||||
name="flavour-2a"
|
||||
stacked
|
||||
></b-form-radio-group>
|
||||
<b-form-group> </b-form-group>
|
||||
<p></p>
|
||||
<b-form-checkbox-group
|
||||
id="checkbox-custom-filter"
|
||||
v-model="selectedCheckbox"
|
||||
|
||||
@@ -6,8 +6,7 @@
|
||||
:title="addSearchTitle"
|
||||
>
|
||||
<template v-slot:body>
|
||||
|
||||
<b-form-group>
|
||||
<b-form-group label-for="myCasesFilter">
|
||||
<b-form-radio-group
|
||||
v-model="selected"
|
||||
:options="filterItems"
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
>
|
||||
<span
|
||||
v-html="tab.header"
|
||||
:aria-controls="tab.hash"
|
||||
:aria-label="tab.hash"
|
||||
:aria-selected="tab.isActive"
|
||||
@click="selectTab(tab.hash, $event)"
|
||||
class="tabs-component-tab-a"
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
<span>{{ item.label }}</span>
|
||||
</span>
|
||||
</li>
|
||||
<div
|
||||
<li
|
||||
v-for="item in settings"
|
||||
:key="item.id"
|
||||
class="vp-bread-crumbs-settings vp-float-right vp-inline-block"
|
||||
@@ -29,7 +29,7 @@
|
||||
>
|
||||
<i :class="formatClass(item)"></i>
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ol>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
@@ -23,6 +23,7 @@
|
||||
:key="item.name"
|
||||
variant="outline-info"
|
||||
@click="executeFunction(item.fn)"
|
||||
:aria-label="item.name"
|
||||
>
|
||||
<i class="custom-icon" :class="item.icon" v-bind:style="{color: item.color}"></i>
|
||||
</b-button>
|
||||
|
||||
@@ -8,36 +8,32 @@
|
||||
@show="onshow"
|
||||
>
|
||||
<template #title>{{ $t("ID_COLUMNS").toUpperCase() }}</template>
|
||||
|
||||
<div>
|
||||
<div class="input-group input-group-sm mb-3">
|
||||
<span class="input-group-text" id="inputGroup-sizing-sm"
|
||||
><i class="fas fa-search"></i
|
||||
></span>
|
||||
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
aria-describedby="inputGroup-sizing-sm"
|
||||
aria-label="inputGroup-sizing-sm"
|
||||
@keyup="search"
|
||||
v-model="text"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-check border-bottom">
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
v-model="allColumns"
|
||||
@change="toogleAllColumns"
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
{{ $t("ID_ALL") }}
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<b-form-group>
|
||||
<b-form-group label-for="settingsPopover">
|
||||
<b-form-checkbox-group
|
||||
v-model="localSelected"
|
||||
:options="options"
|
||||
@@ -48,13 +44,11 @@
|
||||
stacked
|
||||
></b-form-checkbox-group>
|
||||
</b-form-group>
|
||||
|
||||
<div class="v-popover-footer">
|
||||
<div class="float-right">
|
||||
<b-button @click="onClose" size="sm" variant="danger">
|
||||
{{ $t("ID_CANCEL") }}</b-button
|
||||
>
|
||||
|
||||
<b-button @click="onSave" size="sm" variant="success">{{
|
||||
$t("ID_SAVE")
|
||||
}}</b-button>
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="xIFrame"
|
||||
title="xIFrame"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -2,6 +2,7 @@
|
||||
<div
|
||||
id="home"
|
||||
:class="[{ collapsed: collapsed }, { onmobile: isOnMobile }]"
|
||||
role="main"
|
||||
>
|
||||
<div class="demo">
|
||||
<b-alert
|
||||
|
||||
@@ -7,6 +7,7 @@
|
||||
:src="pageUri"
|
||||
:height="height"
|
||||
allowfullscreen
|
||||
title="xIFrame"
|
||||
></iframe>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="xIFrame"
|
||||
title="xIFrame"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -19,20 +19,21 @@
|
||||
aria-describedby="inputGroup-sizing-sm"
|
||||
@keyup="search"
|
||||
v-model="text"
|
||||
aria-label="search"
|
||||
/>
|
||||
</div>
|
||||
<div class="form-check border-bottom">
|
||||
</div> <div class="form-check border-bottom">
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
v-model="allColumns"
|
||||
@change="toogleAllColumns"
|
||||
id="flexCheckDefault"
|
||||
/>
|
||||
<label class="form-check-label" for="flexCheckDefault">
|
||||
{{ $t("ID_ALL") }}
|
||||
</label>
|
||||
</div>
|
||||
<b-form-group>
|
||||
<b-form-group label-for="casesFilter">
|
||||
<b-form-checkbox-group
|
||||
v-model="localSelected"
|
||||
:options="results"
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div class="p-1 v-flex">
|
||||
<h6 class="v-search-title">
|
||||
{{ $t("ID_DRILL_DOWN_NUMBER_TASKS_PROCESS") }}
|
||||
@@ -70,13 +70,13 @@
|
||||
</div>
|
||||
</b-popover>
|
||||
<div class="vp-inline-block vp-right vp-padding-r40">
|
||||
<h4
|
||||
<span
|
||||
class="v-search-title"
|
||||
@click="showProcessesPopover"
|
||||
id="pm-task-process"
|
||||
>
|
||||
<i class="fas fa-cog"></i>
|
||||
</h4>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="v-search-info">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div class="p-1 v-flex">
|
||||
<h6 class="v-search-title">
|
||||
{{ $t("ID_DRILL_DOWN_RISK_MATRIX") }}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div class="p-1 v-flex">
|
||||
<h6 class="v-search-title">
|
||||
{{ $t("ID_DRILL_DOWN_NUMBER_TASKS_PROCESS_BY_TASK") }}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
|
||||
<div class="p-1 v-flex">
|
||||
<h6 class="v-search-title">{{ $t("ID_DRILL_DOWN_NUMBER_TASKS") }}</h6>
|
||||
<BreadCrumb :options="dataBreadcrumbs" :settings="settingsBreadcrumbs" />
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="xIFrame"
|
||||
title="xIFrame"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -3,6 +3,7 @@
|
||||
<iframe
|
||||
:width="width"
|
||||
ref="xIFrame"
|
||||
title="xIFrame"
|
||||
frameborder="0"
|
||||
:src="path"
|
||||
:height="height"
|
||||
|
||||
@@ -26,12 +26,13 @@
|
||||
ref="comment"
|
||||
cols="80"
|
||||
rows="5"
|
||||
aria-label="commentsCancelCase"
|
||||
></textarea>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12 ml-auto">
|
||||
<input type="checkbox" class="" ref="send" />
|
||||
<label class="form-check-label" for="sendEmail">
|
||||
<input id="sendEmailCancelCase" type="checkbox" class="" ref="send" />
|
||||
<label class="form-check-label" for="sendEmailCancelCase">
|
||||
Send email to participants</label
|
||||
>
|
||||
</div>
|
||||
|
||||
@@ -21,13 +21,14 @@
|
||||
</b-alert>
|
||||
<b-row class="my-1">
|
||||
<b-col sm="3">
|
||||
<label for="pauseDate">{{ $t('ID_PAUSE_DATE') }}</label>
|
||||
<label aria-label="pauseDate">{{ $t('ID_PAUSE_DATE') }}</label>
|
||||
</b-col>
|
||||
<b-col sm="5">
|
||||
<b-form-datepicker
|
||||
disabled
|
||||
id="pauseDate"
|
||||
class="mb-2"
|
||||
aria-controls="pauseDate"
|
||||
v-model="pauseData.pauseDate"
|
||||
:locale="locale"
|
||||
:date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
|
||||
@@ -40,12 +41,13 @@
|
||||
|
||||
<b-row class="my-1">
|
||||
<b-col sm="3">
|
||||
<label for="unpauseDate">{{ $t('ID_UNPAUSE_DATE') }}</label>
|
||||
<label aria-label="unpauseDate">{{ $t('ID_UNPAUSE_DATE') }}</label>
|
||||
</b-col>
|
||||
<b-col sm="5">
|
||||
<b-form-datepicker
|
||||
id="unpauseDate"
|
||||
class="mb-2"
|
||||
aria-controls="unpauseDate"
|
||||
v-model="pauseData.unpauseDate"
|
||||
:locale="locale"
|
||||
:min="minDate"
|
||||
|
||||
@@ -21,10 +21,10 @@
|
||||
<b-container fluid>
|
||||
<b-row class="my-1">
|
||||
<b-col sm="3">
|
||||
<label for="selectUser">{{ $t('ID_SELECT_USER') }}</label>
|
||||
<label aria-label="selectUser">{{ $t('ID_SELECT_USER') }}</label>
|
||||
</b-col>
|
||||
<b-col sm="9">
|
||||
<b-form-select v-model="userSelected" :options="users"></b-form-select>
|
||||
<b-form-select id="selectUser" v-model="userSelected" :options="users" aria-label="selectUser"></b-form-select>
|
||||
</b-col>
|
||||
</b-row>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user