Subversion Repositories SmartDukaan

Rev

Rev 26318 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
30522 tejbeer 1 
<style>
2 
* {box-sizing: border-box;}
3 
ul {list-style-type: none;}
26318 tejbeer 4 
 
30522 tejbeer 5 
.weekdays {
6 
  margin: 0;
7 
  padding: 10px 0;
8 
  background-color: #ddd;
9 
}
10 
 
11 
.weekdays li {
12 
  display: inline-block;
13 
  width: 13.6%;
14 
  color: #666;
15 
  text-align: center;
16 
}
17 
 
18 
.days {
19 
  padding: 10px 0;
20 
  background: #eee;
21 
  margin: 0;
22 
}
23 
 
24 
.days li {
25 
  list-style-type: none;
26 
  display: inline-block;
27 
  width: 13.6%;
28 
  text-align: center;
29 
  margin-bottom: 5px;
30 
  font-size:12px;
31 
  color: #777;
32 
}
33 
 
34 
.days li .active {
35 
  padding: 5px;
36 
  background: #1abc9c;
37 
  color: white !important
38 
}
39 
 
40 
/* Add media queries for smaller screens */
41 
@media screen and (max-width:720px) {
42 
  .weekdays li, .days li {width: 13.1%;}
43 
}
44 
 
45 
@media screen and (max-width: 420px) {
46 
  .weekdays li, .days li {width: 12.5%;}
47 
  .days li .active {padding: 2px;}
48 
}
49 
 
50 
@media screen and (max-width: 290px) {
51 
  .weekdays li, .days li {width: 12.2%;}
52 
}
53 
</style>
54 
 
55 
 
56 
 
57 
<ul class="weekdays">
58 
  <li>Mo</li>
59 
  <li>Tu</li>
60 
  <li>We</li>
61 
  <li>Th</li>
62 
  <li>Fr</li>
63 
  <li>Sa</li>
64 
  <li>Su</li>
65 
</ul>
66 
 
67 
<ul class="days">
68 
 
69 
#foreach ($i in [0..$spaces])
70 
  <li></li>
71 
 #end
72 
 
73 
#foreach ($i in [1..$days[$month]])
74 
 <li>
75 
 
76 
 #if($franchiseeVisitMap.get($i))
77 
 #foreach ($franchiseeVisit in$franchiseeVisitMap.get($i))
78 
 
79 
 #if($franchiseeVisit.getStatus()== "CLOSE")
80 
 <div style = "color:green" class="franchisee-detail" data-visitid ="$franchiseeVisit.getId()" data-toggle="modal" data-target="#franchisee-visit-detail">
81 
 $franchiseeVisit.getPartnerName() <br> ($franchiseeVisit.getCreatedTimestamp().format($dateTimeFormatter))
82 
 
83 
 </div>
84 
 #else
85 
 <div style = "color:yellow" class="franchisee-detail" data-visitid ="$franchiseeVisit.getId()"  data-toggle="modal" data-target="#franchisee-visit-detail">
86 
 $franchiseeVisit.getPartnerName() <br> ($franchiseeVisit.getCreatedTimestamp().format($dateTimeFormatter))
87 
 
88 
 </div>
89 
 #end
90 
 
91 
 
92 
 #end
93 
  #end
94 
  $i
95 
 
96 
 
97 
 </li>
98 
 
99 
#end
100 
</ul>
101 
 
102 
 
103 
 
104 
 
105 
  <div id="franchisee-visit-detail" class="modal" role="dialog">
106 
	  <div class="modal-dialog">
107 
	    <div class="modal-content">
108 
 
109 
    </div>
110 
   </div>
111 
 </div>
112 
 
113 
 
114 
 
115 
 
116 
 
117 
 
26318 tejbeer 118 
 
30522 tejbeer 119