week days and copy button is ready

css/bts_timesheet.css

@@ -4,6 +4,10 @@ body {
     overflow: hidden;
 }
 
+.bts_hidden{
+	z-index: -1;
+}
+
 .titlebar_gradient {
     /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6e6b4+0,ed9017+100 */
     background: rgb(246,230,180); /* Old browsers */
@@ -324,6 +328,8 @@ div.prevweek {
 div.prevweek span:hover,
 div.nextweek span:hover {
     box-shadow: 1px 1px 10px black;
+	border-radius: 20px;
+	color: black;
 }
 
 div.nextweek {
@@ -369,9 +375,16 @@ div.weekly div.weekname.next {
     z-index: 1;
 }
 
+div.weekly >div.weekname:hover,
+div.weekly >div.copyprogress:hover,
+div.weekly div[name='copyschedule']:hover
+{
+	cursor: pointer;
+	box-shadow: 0px 0px 10px red;
+}
+
 div.weekly div.copyprogress {
     position: absolute;
-    top: 0px;
     display: inline-block;
     width: calc(100% - 80px);
     height: 15px;
@@ -379,19 +392,18 @@ div.weekly div.copyprogress {
     top: 0px;
     border-radius: 2px;
     box-shadow: inset 1px 1px 2px black;
+    text-align:center;
 }
 
 div.copyprogress div[name='copyschedule'] {
-    position: absolute;
-    color: white;
+    position: relative;
     top: 0px;
-    left: 200px;
     width: 100px;
     height: 15px;
     padding: 0px;
     border-radius: 10px;
-    text-align: center;
     background-color: black;
+    margin:auto;
 }
 
 div.weekdays {
@@ -415,6 +427,7 @@ div.week2 {
     padding-right: 10px;
 }
 
+
 div.week1:after,
 div.week2:after {
     content: '';
@@ -441,6 +454,14 @@ div.week2 > div {
     color: white;
     margin-top: 5px;
     font-weight: bolder;
+	border-radius: 10px;
+}
+
+div.week1 div:hover,
+div.week2 div:hover
+{
+	cursor:pointer;
+	box-shadow: 0px 0px 10px red;
 }
 
 div.week1 > div {

js/bts_timesheet.js

@@ -396,17 +396,32 @@
 
 		//modal box
 		function set_modal_title(selector, title){
-			var s = 'div.'+ selector +' .ult_modal-title';
+			var s = 'div.bts_'+ selector +' .ult_modal-title';
 			$(s).html(title);
 		}
 
 		function set_modal_content(selector, content){
-			var s = 'div.'+ selector +' div.ult_modal-body.ult-html';
+			var s = 'div.bts_'+ selector +' div.ult_modal-body.ult-html';
 			$(s).html(content);
 		}
 		
-		set_modal_title('abcdefg', 'suck title');
-		set_modal_content('abcdefg', 'fucking details');
+		function open_modal (selector){
+			var s='div.bts_'+selector+'_button'; 
+			$(s).trigger('click');	
+		}
+		
+		setTimeout(function(){
+			set_modal_title('warning', 'suck title');
+			set_modal_content('warning', 'fucking details');
+			open_modal('warning');
+		}, 1000);
+
+		setTimeout(function(){
+			set_modal_title('error', 'error title');
+			set_modal_content('error', 'error details');
+			open_modal('error');
+		}, 5000);
+		
 
 /*________________________________________________________________________*/    	
     });