openworktime/webapp/index.html
webapp/index.htmlRaw
1
2 <!DOCTYPE html>
3 <html ng-app="workApp">
4 <head>
5 <!--Import Google Icon Font-->
6 <link href="fonts/icons.css" rel="stylesheet">
7 <!--Import materialize.css-->
8 <link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/>
9
10
11 <link type="text/css" rel="stylesheet" href="own.css"/>
12
13 <!--Let browser know website is optimized for mobile-->
14 <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
15 <title>Open Work Time</title>
16
17 <!-- ANGULAR -->
18 <script src="libraries/angular.min.js"></script>
19
20 </head>
21
22 <body ng-controller="workController as work">
23
24
25 <nav>
26 <div class="nav-wrapper blue-grey darken-1">
27 <a href="#" class="brand-logo">Open Work Time</a>
28 <ul id="nav-mobile" class="right">
29 <li>
30 <a ng-click="openCode()" target="_blank">
31 <i class="large material-icons" title="Visit code">code</i>
32 </a>
33 </li>
34 <li>
35 <a ng-click="deleteStorage()">
36 <i class="large material-icons" title="Delete storage">info_outline</i>
37 </a>
38 </li>
39 <li>
40 <a ng-click="saveStorage()" title="Save all to storage">
41 <i class="large material-icons">perm_identity</i>
42 </a>
43 </li>
44 </ul>
45 </div>
46 </nav>
47
48 <div class="">
49 <div class="row">
50 <div class="card green lighten-4 col s12 m5 l5">
51 <div class="card-content">
52 <span class="card-title">Projects</span>
53 <ul class="collection">
54 <li class="collection-item avatar green lighten-4">
55 <img src="img/webicons/modeling.png" class="circle"/>
56 <span class="title">Piratel</span>
57 <span class="badge">14h</span>
58 <p class="grey-text">User1, User2</p>
59 </li>
60 <li class="collection-item avatar green lighten-3">
61 <img src="img/webicons/smartphone.png" class="circle"/>
62 <span class="title">CarsharingApp Frontend</span>
63 <span class="badge">10h 34min</span>
64 <p class="grey-text">User4, User3</p>
65 </li>
66 <li class="collection-item avatar green lighten-4">
67 <img src="img/webicons/browser-4.png" class="circle"/>
68 <span class="title">CarsharingApp Backend</span>
69 <span class="badge">11h 20min</span>
70 <p class="grey-text">User1, User2</p>
71 </li>
72 <li class="collection-item avatar green lighten-4">
73 <img src="img/webicons/coding.png" class="circle"/>
74 <span class="title">OpenWorkTime</span>
75 <span class="badge">2h 15min</span>
76 <p class="grey-text">User1, User2, User3, User4</p>
77 </li>
78 <li class="collection-item avatar green lighten-4">
79 <img src="img/webicons/devices-1.png" class="circle"/>
80 <span class="title">WebPrimusTech</span>
81 <span class="badge">0h</span>
82 <p class="grey-text">no workers</p>
83 </li>
84 </ul>
85 </div>
86 <div class="card-action">
87 <a class="waves-effect waves-light btn green lighten-2">Add new project</a>
88 </div>
89 </div>
90
91 <div class="card blue lighten-4 col s12 m7 l7">
92 <div class="card-content">
93 <span class="card-title"> <img src="img/webicons/smartphone.png" class="o_project_title_img"/>CarsharingApp Frontend</span>
94 <p>
95 project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
96 </p>
97 <p>
98 project Taigan: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
99 </p>
100 <p>
101 Total time: 10h 34min
102 </p>
103 <p>
104 Current strike time: <b>10h 34min</b>
105 </p>
106
107 </div>
108 <div class="card-action">
109 <a class="waves-effect waves-light btn blue lighten-2">Work!</a>
110
111 <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
112 </div>
113 </div>
114
115 <div class="card yellow lighten-3 col s12 m7 l7">
116 <div class="card-content">
117 <span class="card-title">Workers</span>
118 <p>
119 <div class="o_worker_avatar_card">
120 <img src="img/avatars/duck.png" class="o_worker_avatar_img"/>
121 <p class="grey-text text-darken-1">User1</p>
122 </div>
123 <div class="o_worker_avatar_card">
124 <img src="img/avatars/racoon.png" class="o_worker_avatar_img"/>
125 <p class="grey-text text-darken-1">User2</p>
126 </div>
127 <div class="o_worker_avatar_card">
128 <img src="img/avatars/tiger.png" class="o_worker_avatar_img"/>
129 <p class="grey-text text-darken-1">User3</p>
130 </div>
131 <div class="o_worker_avatar_card">
132 <img src="img/avatars/crab.png" class="o_worker_avatar_img"/>
133 <p class="grey-text text-darken-1">User4</p>
134 </div>
135 </p>
136 </div>
137 </div>
138 </div>
139 </div>
140
141
142
143 <!--Import jQuery before materialize.js-->
144 <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
145 <script type="text/javascript" src="js/materialize.min.js"></script>
146
147 <script src="controllers.js"></script>
148
149 <script src="libraries/toastr.js"></script>
150 <link type="text/css" rel="stylesheet" href="libraries/toastr.css"/>
151
152
153
154
155 </body>
156 </html>