arnaucube
/
openworktime
mirror of https://github.com/arnaucube/openworktime.git


  <!DOCTYPE html>
  <html ng-app="workApp">
    <head>
      <!--Import Google Icon Font-->
      <link href="fonts/icons.css" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>


      <link type="text/css" rel="stylesheet" href="own.css"/>

      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <title>Open Work Time - local version</title>

      <!-- ANGULAR -->
      <script src="libraries/angular.min.js"></script>

    </head>

    <body ng-controller="workController as work">


        <nav>
          <div class="nav-wrapper blue-grey darken-1">
              <a href="#" class="brand-logo">Open Work Time - local version</a>
              <ul id="nav-mobile" class="right">
                <li>
                    <a ng-click="openCode()" target="_blank">
                        <i class="large material-icons" title="Visit code">code</i>
                    </a>
                </li>
                <li>
                    <a ng-click="deleteStorage()">
                        <i class="large material-icons" title="Delete storage">info_outline</i>
                    </a>
                </li>
                <li>
                    <a ng-click="saveStorage()" title="Save all to storage">
                        <i class="large material-icons">perm_identity</i>
                    </a>
                </li>
              </ul>
          </div>
        </nav>

        <div class="">
            <div class="row">
                <div class="card blue-grey lighten-4 col s12 m5 l5">
                    <div class="card-content">
                        <span class="card-title">Projects</span>
                        <ul class="collection">
                          <!--<li class="collection-item avatar blue-grey lighten-4">
                              <img src="img/webicons/modeling.png" class="circle"/>
                              <span class="title">Piratel</span>
                              <span class="badge">14h</span>
                              <p class="grey-text">User1, User2</p>
                          </li>
                          <li class="collection-item avatar blue-grey lighten-3">
                              <img src="img/webicons/smartphone.png" class="circle"/>
                              <span class="title">CarsharingApp Frontend</span>
                              <span class="badge">10h 34min</span>
                              <p class="grey-text">User4, User3</p>
                          </li>
                          <li class="collection-item avatar blue-grey lighten-4">
                              <img src="img/webicons/browser-4.png" class="circle"/>
                              <span class="title">CarsharingApp Backend</span>
                              <span class="badge">11h 20min</span>
                              <p class="grey-text">User1, User2</p>
                          </li>
                          <li class="collection-item avatar blue-grey lighten-4">
                              <img src="img/webicons/coding.png" class="circle"/>
                              <span class="title">OpenWorkTime</span>
                              <span class="badge">2h 15min</span>
                              <p class="grey-text">User1, User2, User3, User4</p>
                          </li>
                          <li class="collection-item avatar blue-grey lighten-4">
                              <img src="img/webicons/devices-1.png" class="circle"/>
                              <span class="title">WebPrimusTech</span>
                              <span class="badge">0h</span>
                              <p class="grey-text">no workers</p>
                          </li>-->

                          <li ng-repeat="project in projects" class="collection-item avatar blue-grey lighten-4">
                              <a class="waves-effect waves-light btn-floating blue-grey lighten-2 right" ng-click="removeProject($index)">
                                  <i class="material-icons"><img src="img/trash.png" class="o_trash_icon" /></i>
                              </a>
                              <img ng-src="img/webicons/{{project.icon}}.png" class="circle"/>
                              <span class="title">{{project.title}}</span>
                              <span class="badge">0h</span>
                              <p class="grey-text">{{username}}</p>
                          </li>
                        </ul>
                    </div>
                    <div class="card-action">
                        <div class="input-field col s6">
                          <input ng-model="newproject.title" id="newprojectname" type="text" class="validate">
                          <label for="newprojectname">New project name</label>
                        </div>
                        <div class="input-field col s6">
                          <input ng-model="newproject.icon" id="icon" type="text" class="validate">
                          <label for="icon">icon</label>
                        </div>
                        <a ng-click="addNewProject()" class="waves-effect waves-light btn blue-grey lighten-1">Add new project</a>
                    </div>
                </div>

                <div class="card blue-grey lighten-4 col s12 m7 l7">
                    <div class="card-content">
                        <span class="card-title"> <img src="img/webicons/smartphone.png" class="o_project_title_img"/>CarsharingApp Frontend</span>
                        <p>
                            project github: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
                        </p>
                        <p>
                            project Taigan: <a href="#">https://github.com/idoctnef/collectivecarApp</a>
                        </p>
                        <p>
                            Total time: 10h 34min
                        </p>
                        <p>
                            Current strike time: <b>10h 34min</b>
                        </p>

                    </div>
                    <div class="card-action">
                        <a class="waves-effect waves-light btn blue-grey lighten-1">Work!</a>

                        <!--<a class="waves-effect waves-light btn deep-orange lighten-2">Stop working!</a>-->
                    </div>
                </div>


            </div>
        </div>


<!-- ELECTRON
Insert this line above script imports
Works for both browser and electron with the same code -->
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>


      <!--Import jQuery before materialize.js-->
      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
      <script type="text/javascript" src="js/materialize.min.js"></script>

      <script src="controllers.js"></script>

      <script src="libraries/toastr.js"></script>
      <link type="text/css" rel="stylesheet" href="libraries/toastr.css"/>

<!-- ELECTRON
Insert this line after script imports -->
<script>if (window.module) module = window.module;</script>


    </body>
  </html>