Browse Source

begin calendar

tags/1.0.0
Robin Thoni 8 years ago
parent
commit
ee8caef702
3 changed files with 44 additions and 3 deletions
  1. 1
    0
      app/controllers/home.controller.js
  2. 38
    1
      app/less/app.less
  3. 5
    2
      app/views/home.html

+ 1
- 0
app/controllers/home.controller.js View File

@@ -4,6 +4,7 @@ angular.module('app')
4 4
 
5 5
             $scope.DataShareBusiness = DataShareBusiness;
6 6
             $scope.courses = null;
7
+            $scope.days = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"];
7 8
 
8 9
             $scope.getSheetCount = function()
9 10
             {

+ 38
- 1
app/less/app.less View File

@@ -46,4 +46,41 @@ footer {
46 46
 
47 47
 .welcome-message {
48 48
   font-size: large;
49
-}
49
+}
50
+
51
+@media (min-width: 768px){
52
+  .seven-cols .col-xs-1,
53
+  .seven-cols .col-sm-1,
54
+  .seven-cols .col-md-1,
55
+  .seven-cols .col-sm-1,
56
+  .seven-cols .col-lg-1  {
57
+    width: 100%;
58
+    *width: 100%;
59
+  }
60
+}
61
+
62
+@media (min-width: 992px) {
63
+  .seven-cols .col-xs-1,
64
+  .seven-cols .col-sm-1,
65
+  .seven-cols .col-md-1,
66
+  .seven-cols .col-sm-1,
67
+  .seven-cols .col-lg-1 {
68
+    width: 14.285714285714285714285714285714%;
69
+    *width: 14.285714285714285714285714285714%;
70
+  }
71
+}
72
+
73
+/**
74
+ *  The following is not really needed in this case
75
+ *  Only to demonstrate the usage of @media for large screens
76
+ */
77
+@media (min-width: 1200px) {
78
+  .seven-cols .col-xs-1,
79
+  .seven-cols .col-sm-1,
80
+  .seven-cols .col-md-1,
81
+  .seven-cols .col-sm-1,
82
+  .seven-cols .col-lg-1 {
83
+    width: 14.285714285714285714285714285714%;
84
+    *width: 14.285714285714285714285714285714%;
85
+  }
86
+}

+ 5
- 2
app/views/home.html View File

@@ -8,8 +8,11 @@
8 8
         Too many elements to display, please select a sub group.
9 9
     </p>
10 10
 
11
-    <div lu-busy="coursesView" class="col-xs-12">
12
-        {{ courses }}
11
+    <div lu-busy="coursesView" class="col-xs-12 seven-cols">
12
+        <div ng-repeat="day in days" class="col-xs-1">
13
+            {{day}}
14
+        </div>
13 15
     </div>
16
+    {{ courses }}
14 17
 
15 18
 </div>

Loading…
Cancel
Save