Lines 2-34
Link Here
|
2 |
<div class="dialog message" v-if="message" v-html="message"></div> |
2 |
<div class="dialog message" v-if="message" v-html="message"></div> |
3 |
<div class="dialog alert" v-if="error" v-html="error"></div> |
3 |
<div class="dialog alert" v-if="error" v-html="error"></div> |
4 |
<div class="dialog alert modal" v-if="warning"> |
4 |
<div class="dialog alert modal" v-if="warning"> |
5 |
<span v-html="warning"></span> |
5 |
<h1 v-html="warning"></h1> |
6 |
<a |
6 |
<button id="close_modal" class="approve" @click="removeMessages"> |
7 |
id="close_modal" |
7 |
<i class="fa fa-fw fa-check"></i> |
8 |
class="btn btn-default btn-xs" |
8 |
{{ $__("Close") }} |
9 |
role="button" |
9 |
</button> |
10 |
@click="removeMessages" |
|
|
11 |
>{{ $__("Close") }}</a |
12 |
> |
13 |
</div> |
10 |
</div> |
14 |
<div class="modal_centered" v-if="confirmation"> |
11 |
<div class="modal_centered" v-if="confirmation"> |
15 |
<div class="dialog alert confirmation"> |
12 |
<div class="dialog alert confirmation"> |
16 |
<span v-html="confirmation"></span> |
13 |
<h1 v-html="confirmation"></h1> |
17 |
<a |
14 |
<button |
18 |
v-if="accept" |
15 |
v-if="accept" |
19 |
id="close_modal" |
16 |
id="accept_modal" |
20 |
class="btn btn-primary btn-xs" |
17 |
class="approve" |
21 |
role="button" |
|
|
22 |
@click="accept" |
18 |
@click="accept" |
23 |
>{{ $__("Accept") }}</a |
|
|
24 |
> |
25 |
<a |
26 |
id="close_modal" |
27 |
class="btn btn-default btn-xs" |
28 |
role="button" |
29 |
@click="removeMessages" |
30 |
>{{ $__("Close") }}</a |
31 |
> |
19 |
> |
|
|
20 |
<i class="fa fa-fw fa-check"></i> |
21 |
{{ $__("Accept") }} |
22 |
</button> |
23 |
<button id="close_modal" class="deny" @click="removeMessages"> |
24 |
<i class="fa fa-fw fa-remove"></i> |
25 |
{{ $__("Close") }} |
26 |
</button> |
32 |
</div> |
27 |
</div> |
33 |
</div> |
28 |
</div> |
34 |
<!-- Must be styled differently --> |
29 |
<!-- Must be styled differently --> |
Lines 83-89
export default {
Link Here
|
83 |
transition: all 0.3s ease; |
78 |
transition: all 0.3s ease; |
84 |
} |
79 |
} |
85 |
#close_modal { |
80 |
#close_modal { |
86 |
float: right; |
|
|
87 |
cursor: pointer; |
81 |
cursor: pointer; |
88 |
} |
82 |
} |
89 |
|
83 |
|
Lines 110-116
export default {
Link Here
|
110 |
top: 25%; |
104 |
top: 25%; |
111 |
left: 40%; |
105 |
left: 40%; |
112 |
|
106 |
|
113 |
display: flex; |
|
|
114 |
width: 50%; |
107 |
width: 50%; |
115 |
min-height: 10%; |
108 |
min-height: 10%; |
116 |
margin: auto; |
109 |
margin: auto; |
117 |
- |
|
|