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
 18
 19    </head>
 20
 21    <body ng-controller="workController as work">
 22
 23
 24        <nav>
 25          <div class="nav-wrapper blue-grey darken-1">
 26              <a href="#" class="brand-logo">Open Work Time - local version</a>
 27              <ul id="nav-mobile" class="right">
 28                <li>
 29                    <a ng-click="openCode()" target="_blank">
 30                        <i class="large material-icons" title="Visit code">code</i>
 31                    </a>
 32                </li>
 33                <li>
 34                    <a ng-click="deleteStorage()">
 35                        <i class="large material-icons" title="Delete storage">info_outline</i>
 36                    </a>
 37                </li>
 38                <li>
 39                    <a ng-click="saveStorage()" title="Save all to storage">
 40                        <i class="large material-icons">perm_identity</i>
 41                    </a>
 42                </li>
 43              </ul>
 44          </div>
 45        </nav>
 46
 47        <div class="">
 48            <div class="row">
 49                <div class="card blue-grey lighten-4 col s12 m5 l5">
 50                    <div class="card-content">
 51                        <span class="card-title">Projects</span>
 52                        <div class="collection">
 53                          <a href="#!" ng-click="projectSelect($index)" ng-repeat="project in projects" class="collection-item avatar blue-grey lighten-4">
 54                              <div class="waves-effect waves-light btn-floating blue-grey lighten-2 right" ng-click="removeProject($index)">
 55                                  <i class="material-icons"><img src="img/trash.png" class="o_trash_icon" /></i>
 56                              </div>
 57                              <img ng-src="img/coding/{{project.icon}}.png" class="circle"/>
 58                              <span class="title">{{project.title}}</span>
 59                              <p class="grey-text">{{project.totaltime | secondsToDateTime | date:'HH:mm:ss'}}</p>
 60                          </a>
 61                      </div>
 62                    </div>
 63                    <div class="card-action">
 64                        <div class="input-field col s6">
 65                          <input ng-model="newproject.title" id="newprojectname" type="text" class="validate">
 66                          <label for="newprojectname">New project name</label>
 67                        </div>
 68                        <div class="input-field col s6">
 69                          <input ng-model="newproject.icon" id="icon" type="text" class="validate">
 70                          <label for="icon">icon</label>
 71                        </div>
 72                        <a ng-click="addNewProject()" class="waves-effect waves-light btn blue-grey lighten-1 right">Add new project</a>
 73                    </div>
 74                </div>
 75
 76                <div ng-show="currentproject.title" class="card blue-grey lighten-4 col s12 m7 l7">
 77                    <div class="card-content">
 78                        <span class="card-title">
 79                            <img ng-src="img/coding/{{currentproject.icon}}.png" class="o_project_title_img"/>
 80                            {{currentproject.title}}
 81                        </span>
 82                        <p>
 83                            Total time: {{currentproject.totaltime | secondsToDateTime | date:'HH:mm:ss'}}
 84                        </p>
 85                        <p>
 86                            Current strike time: <b>{{currentStrike | secondsToDateTime | date:'HH:mm:ss'}}</b>
 87                        </p>
 88
 89                    </div>
 90                    <div class="card-action">
 91                        <a ng-click="btnWork()" ng-show="!working" class="waves-effect waves-light btn green lighten-2">Work!</a>
 92                        <a ng-click="btnStop()" ng-show="working" class="waves-effect waves-light btn red lighten-2">Stop!</a>
 93
 94                        <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
 95                    </div>
 96                </div>
 97
 98
 99            </div>
100        </div>
101
102
103<!-- ELECTRON
104Insert this line above script imports
105Works for both browser and electron with the same code -->
106<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
107
108    <!-- ANGULAR -->
109    <script src="libraries/angular.min.js"></script>
110
111      <!--Import jQuery before materialize.js-->
112      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
113      <script type="text/javascript" src="js/materialize.min.js"></script>
114
115      <script src="controllers.js"></script>
116
117      <script src="libraries/toastr.js"></script>
118      <link type="text/css" rel="stylesheet" href="libraries/toastr.css"/>
119
120<!-- ELECTRON
121Insert this line after script imports -->
122<script>if (window.module) module = window.module;</script>
123
124
125    </body>
126  </html>