interval-timer/index.html

<!DOCTYPE html>
<html ng-app="interval-timer">
    <head>
        <meta charset="UTF-8" /> 
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" type="text/css" href="css/styles.css">
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        <script type="text/javascript" src="js/angular.min.js"></script>
        <script type="text/javascript" src="js/angular-cookies.min.js"></script>
        <script type="text/javascript" src="js/app.js"></script>
    </head>
    <body ng-controller="timerCtrl as timer" ng-class="{'green': lowIntensity, 'red': highIntensity, 'blue': coolDown, 'yellow': warmUp }">
        <div class="menu-top">
            <a href="#" id="timer-name" class="menu-button">{{ timer.name }}<!--  <i class="fa fa-angle-down"></i> --></a>
        </div>
        <div class="timer-box">
            <div class="timer-info">
                <p class="time-info">Round: {{ round }}/{{ timer.rounds }} - Cycle: {{ cycle }}/{{ timer.cycles }}</p>
                <p class="time">{{ time * 1000 | date : "mm:ss" }}</p>
            </div>
            <div class="timer-controls">
                <a id="back" ng-click="stepBack()" class="control-button" href="#"><i class="fa fa-step-backward"></i></a>
                <a id="play" ng-hide="timerActive" ng-click="startTimer()" class="control-button" href="#"><i class="fa fa-play"></i></a>
                <a id="pause" ng-show="timerActive" ng-click="pauseTimer()" class="control-button" href="#"><i class="fa fa-pause"></i></a>
                <a id="next" ng-click="stepForward()" class="control-button" href="#"><i class="fa fa-step-forward"></i></a>
            </div>
        </div>
        <div class="menu-bottom">
            <a href="#" ng-click="settingsOpen = true; closeSettings = false;" id="timer-menu-btn" class="menu-button"><i class="fa fa-hourglass-o"></i></a>
            <a id="timer-reset-btn" ng-click="resetTimer()" href="#" class="menu-button"><i class="fa fa-refresh"></i></a>
        </div>
        <div ng-class="{ 'slideIn': settingsOpen, 'slideOut': closeSettings }" class="settings-menu">
            <form id="timer-setup" name="timer-setup">
                <label>Timer Name:</label>
                <input type="text" ng-model="timer.name">
                <label>Warm Up:</label>
                <input type="number" ng-model="timer.warmUpTime">
                <label>Low Intensity:</label>
                <input type="number" ng-model="timer.lowIntensityTime">
                <label>High Intensity:</label>
                <input type="number" ng-model="timer.highIntensityTime">
                <label>Cool Down:</label>
                <input type="number" ng-model="timer.coolDownTime">
                <label>Rounds:</label>
                <input type="number" ng-model="timer.rounds">
                <label>Cycles:</label>
                <input type="number" ng-model="timer.cycles">
                <a class="form-button" id="save" ng-click="settingsOpen = false; closeSettings = true; time = warmUpTime; resetTimer(); saveTimer()" href="#"> Save Changes</a>
            </form>
        </div>
    </body>
</html>
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`<!DOCTYPE html>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<html ng-app="interval-timer">`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`<head>`
			`<meta charset="UTF-8" />`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`<link rel="stylesheet" type="text/css" href="css/styles.css">`
			`<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">`
			`<script type="text/javascript" src="js/angular.min.js"></script>`
Added Angular cookies module to store timer info. 2015-11-22 02:22:35 +00:00			`<script type="text/javascript" src="js/angular-cookies.min.js"></script>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<script type="text/javascript" src="js/app.js"></script>`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`</head>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<body ng-controller="timerCtrl as timer" ng-class="{'green': lowIntensity, 'red': highIntensity, 'blue': coolDown, 'yellow': warmUp }">`
			`<div class="menu-top">`
			`<a href="#" id="timer-name" class="menu-button">{{ timer.name }}<!-- <i class="fa fa-angle-down"></i> --></a>`
			`</div>`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`<div class="timer-box">`
			`<div class="timer-info">`
Fixed an issue that caused rounds and timers to exceed the maximum and drop below the minimum. 2015-11-22 18:40:13 +00:00			`<p class="time-info">Round: {{ round }}/{{ timer.rounds }} - Cycle: {{ cycle }}/{{ timer.cycles }}</p>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<p class="time">{{ time * 1000 \| date : "mm:ss" }}</p>`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`</div>`
			`<div class="timer-controls">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<a id="back" ng-click="stepBack()" class="control-button" href="#"><i class="fa fa-step-backward"></i></a>`
			`<a id="play" ng-hide="timerActive" ng-click="startTimer()" class="control-button" href="#"><i class="fa fa-play"></i></a>`
			`<a id="pause" ng-show="timerActive" ng-click="pauseTimer()" class="control-button" href="#"><i class="fa fa-pause"></i></a>`
			`<a id="next" ng-click="stepForward()" class="control-button" href="#"><i class="fa fa-step-forward"></i></a>`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`</div>`
			`</div>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<div class="menu-bottom">`
Added icons and changed some styles. Also deleted the countdownJS file since it wasn't being used. 2015-11-22 01:20:19 +00:00			`<a href="#" ng-click="settingsOpen = true; closeSettings = false;" id="timer-menu-btn" class="menu-button"><i class="fa fa-hourglass-o"></i></a>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<a id="timer-reset-btn" ng-click="resetTimer()" href="#" class="menu-button"><i class="fa fa-refresh"></i></a>`
			`</div>`
Added icons and changed some styles. Also deleted the countdownJS file since it wasn't being used. 2015-11-22 01:20:19 +00:00			`<div ng-class="{ 'slideIn': settingsOpen, 'slideOut': closeSettings }" class="settings-menu">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<form id="timer-setup" name="timer-setup">`
			`<label>Timer Name:</label>`
			`<input type="text" ng-model="timer.name">`
			`<label>Warm Up:</label>`
Timers are now saved by cookies (limit 1). This should probably get changed to use IndexedDB later. 2015-11-22 05:32:08 +00:00			`<input type="number" ng-model="timer.warmUpTime">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<label>Low Intensity:</label>`
Timers are now saved by cookies (limit 1). This should probably get changed to use IndexedDB later. 2015-11-22 05:32:08 +00:00			`<input type="number" ng-model="timer.lowIntensityTime">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<label>High Intensity:</label>`
Timers are now saved by cookies (limit 1). This should probably get changed to use IndexedDB later. 2015-11-22 05:32:08 +00:00			`<input type="number" ng-model="timer.highIntensityTime">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<label>Cool Down:</label>`
Timers are now saved by cookies (limit 1). This should probably get changed to use IndexedDB later. 2015-11-22 05:32:08 +00:00			`<input type="number" ng-model="timer.coolDownTime">`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<label>Rounds:</label>`
More progress on time remaining 2015-11-22 15:51:11 +00:00			`<input type="number" ng-model="timer.rounds">`
			`<label>Cycles:</label>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`<input type="number" ng-model="timer.cycles">`
Timers are now saved by cookies (limit 1). This should probably get changed to use IndexedDB later. 2015-11-22 05:32:08 +00:00			`<a class="form-button" id="save" ng-click="settingsOpen = false; closeSettings = true; time = warmUpTime; resetTimer(); saveTimer()" href="#"> Save Changes</a>`
Timer is now fully functional and can be edited, menu added, timer can be played, paused, resumed, and reset, and can skip forward and skip backward. 2015-11-21 21:00:34 +00:00			`</form>`
			`</div>`
Added some basic styles/layout, as well as a manifest file and a bare Angular app. 2015-11-19 15:15:33 +00:00			`</body>`
			`</html>`