Commit bd6b9617 authored by ludovicm67's avatar ludovicm67
Browse files

updated RadioBox

parent 32f27d6f
...@@ -229,13 +229,31 @@ ...@@ -229,13 +229,31 @@
[% IF path_info.match('/data_source$') ~%] [% IF path_info.match('/data_source$') ~%]
<style> <style>
.radiobox { .radiobox > input[type=radio] {
display: none;
}
.radiobox > input[type=radio] + label {
text-transform: uppercase;
margin: 4px;
font-size: 14px;
display: block;
background: #fff;
color: rgba(0, 0, 0, .5);
border-radius: 2px;
padding: 8px;
text-align: center;
user-select: none;
cursor: pointer;
}
.radiobox > input[type=radio]:checked + label {
background: #004b94; background: #004b94;
color: #fff; color: #fff;
} }
.radiobox > input[type=radio] { .radiobox > input[type=radio]:disabled + label {
display: none; opacity: .4;
} }
.caps { .caps {
...@@ -586,9 +604,15 @@ Vue.component('sympa-datasources', { ...@@ -586,9 +604,15 @@ Vue.component('sympa-datasources', {
<div v-if="page === 'new'"> <div v-if="page === 'new'">
<h1>{{ strings.settings.add }}</h1> <h1>{{ strings.settings.add }}</h1>
<h2>{{ strings.settings.ds_destination }}</h2> <h2>{{ strings.settings.ds_destination }}</h2>
<label v-for="(name, value) in strings.categories" class="radiobox"><input type="radio" v-model="new_source.for" :value="value"> {{ name }}</label> <div v-for="(name, value) in strings.categories" class="radiobox">
<input type="radio" :id="'radiobox-dest-' + value" v-model="new_source.for" :value="value">
<label :for="'radiobox-dest-' +value">{{ name }}</label>
</div>
<h2>{{ strings.settings.ds_type }}</h2> <h2>{{ strings.settings.ds_type }}</h2>
<label v-for="(name, value) in strings.sources" class="radiobox"><input type="radio" v-model="new_source.type" :value="value"> {{ name }}</label> <div v-for="(name, value) in strings.sources" class="radiobox">
<input type="radio" :id="'radiobox-type-' + value" v-model="new_source.type" :value="value">
<label :for="'radiobox-type-' + value">{{ name }}</label>
</div>
<button @click="changePage('new/next')">{{ strings.settings.next }}</button> <button @click="changePage('new/next')">{{ strings.settings.next }}</button>
</div> </div>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment