Skip to content

D
doodle
Commit 386e04d1 by Simon
Options

Yolo ça marche

parent cfc1c73c
Showing with 33 additions and 11 deletions
assets/lib/doodle/css/doodle.css
...@@ -3,7 +3,6 @@ ...@@ -3,7 +3,6 @@
table { table {
border-collapse:collapse; border-collapse:collapse;
width: 100%; width: 100%;
table-layout: fixed;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
...@@ -13,6 +12,7 @@ table thead tr th{ ...@@ -13,6 +12,7 @@ table thead tr th{
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
border-bottom: 1px solid #f3f3f3 !important;
} }
table thead tr th:nth-child(2) { table thead tr th:nth-child(2) {
...@@ -44,19 +44,25 @@ table tr td:first-child { ...@@ -44,19 +44,25 @@ table tr td:first-child {
} }
table thead tr th { table thead tr th {
border-top: none; border-top: none !important;
border-left: none; border-left: none;
border-right: none; border-right: none;
} }
table tbody tr td:first-child {
min-width: 90px;
}
table tbody tr td { table tbody tr td {
color: #6d5cae; color: #6d5cae;
padding: 0; padding: 0 !important;
line-height: 1.2; line-height: 1.2;
text-transform: uppercase; text-transform: uppercase;
font-size: 12px; font-size: 12px;
min-height: 50px; min-height: 50px;
min-width: 80px;
height: 50px; height: 50px;
vertical-align: middle !important;
} }
tr:nth-child(2n) { tr:nth-child(2n) {
...@@ -168,3 +174,9 @@ label.label_input{ ...@@ -168,3 +174,9 @@ label.label_input{
/******************************************************* /*******************************************************
***********************END INPUT*********************** ***********************END INPUT***********************
*******************************************************/ *******************************************************/
@media screen and (min-width: 768px){
table{
table-layout: fixed;
}
}
\ No newline at end of file
index.html
...@@ -60,7 +60,11 @@ ...@@ -60,7 +60,11 @@
<!-- Example row of columns --> <!-- Example row of columns -->
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<div class="doodle" data-json="json/data.json"></div> <!--<div class="doodle table-responsive"></div>
<input type="hidden" id="inputVal" value='{"19/01/2018":["10","11","12"],"20/01/2018":["10","11","12"],"21/01/2018":["10","11","12"],"22/01/2018":["10","11","12"],"23/01/2018":["10","11","12"],"24/01/2018":["10","11:15","12"]}'>-->
<div class="doodle table-responsive" data-json="json/data.json"></div>
<input type="hidden" id="inputVal" value='' />
</div> </div>
</div> </div>
......
js/app.js
$( document ).ready(function() { $( document ).ready(function() {
$('.doodle').Doodle({ $('.doodle').Doodle({
editMode: false editMode: false,
output: '#inputVal',
input: '#inputVal'
}); });
}); });
\ No newline at end of file
json/data.json
{ {
"19/01/2018": ["10", "11", "12", "18"], "19/01/2018": ["10", "11", "12"],
"20/01/2018": ["13", "14", "15"], "20/01/2018": ["10", "11", "12"],
"21/01/2018": ["10", "14", "16", "17"], "21/01/2018": ["10", "11", "12"],
"24/01/2018": ["10", "15", "17"], "22/01/2018": ["10", "11", "12"],
"26/01/2018": ["10", "10", "13" ,"18"], "23/01/2018": ["10", "11", "12"],
"20/02/2018": ["10", "10", "13" ,"18"] "24/01/2018": ["10", "11:15", "12"],
"25/01/2018": ["10", "11:15", "12", "15"]
} }
\ No newline at end of file
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