openworktime/desktopapp/index.html
desktopapp/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 - local version</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 - local version</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 blue-grey 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 blue-grey 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 blue-grey 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 blue-grey 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 blue-grey 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 blue-grey 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
85 <li ng-repeat="project in projects" class="collection-item avatar blue-grey lighten-4">
86 <a class="waves-effect waves-light btn-floating blue-grey lighten-2 right" ng-click="removeProject($index)">
87 <i class="material-icons"><img src="img/trash.png" class="o_trash_icon" /></i>
88 </a>
89 <img ng-src="img/webicons/{{project.icon}}.png" class="circle"/>
90 <span class="title">{{project.title}}</span>
91 <span class="badge">0h</span>
92 <p class="grey-text">{{username}}</p>
93 </li>
94 </ul>
95 </div>
96 <div class="card-action">
97 <div class="input-field col s6">
98 <input ng-model="newproject.title" id="newprojectname" type="text" class="validate">
99 <label for="newprojectname">New project name</label>
100 </div>
101 <div class="input-field col s6">
102 <input ng-model="newproject.icon" id="icon" type="text" class="validate">
103 <label for="icon">icon</label>
104 </div>
105 <a ng-click="addNewProject()" class="waves-effect waves-light btn blue-grey lighten-1">Add new project</a>
106 </div>
107 </div>
108
109 <div class="card blue-grey lighten-4 col s12 m7 l7">
110 <div class="card-content">
111 <span class="card-title"> <img src="img/webicons/smartphone.png" class="o_project_title_img"/>CarsharingApp Frontend</span>
112 <p>
113 project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
114 </p>
115 <p>
116 project Taigan: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
117 </p>
118 <p>
119 Total time: 10h 34min
120 </p>
121 <p>
122 Current strike time: <b>10h 34min</b>
123 </p>
124
125 </div>
126 <div class="card-action">
127 <a class="waves-effect waves-light btn blue-grey lighten-1">Work!</a>
128
129 <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
130 </div>
131 </div>
132
133
134 </div>
135 </div>
136
137
138<!-- ELECTRON
139Insert this line above script imports
140Works for both browser and electron with the same code -->
141<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
142
143
144
145 <!--Import jQuery before materialize.js-->
146 <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
147 <script type="text/javascript" src="js/materialize.min.js"></script>
148
149 <script src="controllers.js"></script>
150
151 <script src="libraries/toastr.js"></script>
152 <link type="text/css" rel="stylesheet" href="libraries/toastr.css"/>
153
154<!-- ELECTRON
155Insert this line after script imports -->
156<script>if (window.module) module = window.module;</script>
157
158
159 </body>
160 </html>