I am making a scheduling application and am getting fairly close.
I have it displaying a charts relative to the size of screen.
The data configured in the controller and built on the screen with only
html and css.
But I have a few issues.
I need to create a date that I can add one day to another over and over
to get the day and date and most of all be able to print it to the
screen. Do I really need to do that all before I get to the view
without importing datetime in both the controller and the view?
This view will mark across the screen with tick marks representing each
day.
I can get each day, but I can't get the date for each day.
I need this and then be able to mark when ever there is a saturday and
sunday. (As the business will be closed. Any idea how this could be
best done?
Enclosed is the view I am using for it...
I also have encloded my css so you get the idea of how it would look.
Hope you can help out.
--
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/web2py?hl=en.
{{extend 'layout.html'}}
{{=day}}
{{color_count = 0}}
{{=start_date.strftime(date_format)}}
{{=end_date.strftime(date_format)}}
{{for item in range(days):}}
M
{{pass}}
{{for bar in bars:}}
{{pass}}
@charset "UTF-8";
* {
margin: 0 0;
}
body {
background:url("images/content_bg.png");
background-repeat: repeat;
}
a img{
border:0px;
}
.error {
background:orange;
}
.bar_chart {
width:950px;
height:13px;
background:white;
margin-top:4px;
}
.bar_chart a{
display:block;
background:pink;
height:13px;
float:left;
font-size:8px;
text-align:center;
overflow:hidden;
padding-bottom:1px;
text-decoration:none;
color:black;
}
a.percent {
display:block;
background:pink;
height:13px;
float:left;
font-size:11px;
text-align:center;
overflow:hidden;
padding-bottom:1px;
text-decoration:none;
}
#index_content {
width:400px;
height:350px;
}
a#checkout {
background:url("images/checkout_button.png") right top;
}
a#customer {
background:url("images/customer_button.png") right top;
}
a#table {
background:url("images/table_button.png") right top;
}
a#sales {
background:url("images/sales_button.png") right top;
}
a#report {
background:url("images/report_button.png") right top;
}
a#feedback {
background:url("images/feedback_button.png") right top;
}
a#mail {
background:url("images/mail_button.png") right top;
}
a#administration {
background:url("images/administration_button.png") right top;
}
a#exit {
background:url("images/exit_button.png") right top;
}
a#checkout:hover {
background:url("images/checkout_button.png") right bottom;
}
a#customer:hover {
background:url("images/customer_button.png") right bottom;
}
a#table:hover {
background:url("images/table_button.png") right bottom;
}
a#sales:hover {
background:url("images/sales_button.png") right bottom;
}
a#report:hover {
background:url("images/report_button.png") right bottom;
}
a#feedback:hover {
background:url("images/feedback_button.png") right bottom;
}
a#mail:hover {
background:url("images/mail_button.png") right bottom;
}
a#administration:hover {
background:url("images/administration_button.png") right bottom;
}
a#exit:hover {
background:url("images/exit_button.png") right bottom;
}
#start_date {
float:left;
font-size:11px;
}
#end_date {
float:right;
font-size:11px;
}
a.index_item {
display:block;
width:125px;
height:31px;
float:left;
font-size:11px;
text-align:center;
padding-top:82px;
text-decoration:none;
color:grey;
}
a.index_item:hover {
color:black;
}
#header {
width:100%;
height:100px;;
float:left;
}
#header h1 {
font-size:80px;
}
#header_content {
float:left;
height:100%;
}
#footer {
width:100%;
float:left;
text-align:center;
font-size:11px;
}
#logo {
height:100%;
width:210px;
float:left;
}
#navigation {
width:160px;
float:left;
margin-top:5px;
margin-left:15px;
}
#navigation a {
display:block;
width:154px;
height:27px;
background:url('images/button.png');
overflow:hidden;
background-position:bottom left;
text-align:center;
padding-top:5px;
font-family: Verdana,Arial,sans-serif;
font-size:18px;
text-decoration: none;
float:left;
margin-top:5px;
color:#555555;
}
#navigation a:hover {
background-position:top left;
color:#000000;
}
#add_item {
float:left;
width:300px;
}
#customer_order {
float:right;
width:35%;
margin-right:5%;
background:#E7E7E7;
padding:10px;
min-width:200px;
}
#address_info {
font-size:12px;
float:left;
}
#order_number {
font-size:12px;
float:right;
margin-top:3em;
}
#order_items {
font-size:12px;
float:left;
margin-top:10px;
}
#order_total {
float:right;
background:#204A87;
color:white;
font-weight:bold;
margin-top:10px;
margin-right:10%;
padding:5px;
}
tr.even{
background:#CECECE;
}
td.cost {
text-align:right;
}
#content {
float:left;
width:70%;
min-height:200px;
}
#tabbed_content {
overflow:auto;
min-width:913px;
}
.flash {
float:right;
width:153px;
text-align:center;
background:url('images/flash_bg.png');
background-repeat:repeat-y;
margin-right:25px;
padding-top:30px;
}
.flash a {
display:block;
background:url('images/close_flash_button.png');
width:153px;
height:24px;
text-align:center;
font-family: Verdana,Arial,sans-serif;
text-decoration: none;
color:#555555;
padding-top:3px;
margin-top:10px;
}
.flash a:hover {
color:#000000;
}
.details tr, .details th, .details td{
border:1px solid;
}
.details tr:hover {
background:#E4E2DE;
}
