vov-mobile

Check-in [d461383da7]
Login

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:Fix centering and size of pause/play. Use relative icon refs so clones of this can run anywhere.
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | master | trunk
Files: files | file ages | folders
SHA3-256:d461383da7ba212286a4e48c8ce15b14fbb4bf5903bdff93dc894a03619d7875
User & Date: ajv-899-334-8894@vsta.org 2016-09-04 15:33:58
Context
2016-09-04
15:33
Fix centering and size of pause/play. Use relative icon refs so clones of this can run anywhere. Leaf check-in: d461383da7 user: ajv-899-334-8894@vsta.org tags: master, trunk
2016-08-20
16:52
Merge branch 'master' of https://github.com/vandys/vov-mobile check-in: 72d9d0f7e9 user: ajv-899-334-8894@vsta.org tags: master, trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to icon/pause.svg.












1













<?xml version="1.0" ?><svg height="48" viewBox="0 0 48 48" width="48" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48H0z" fill="none"/><path d="M18 32h4V16h-4v16zm6-28C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.82 0-16-7.18-16-16S15.18 8 24 8s16 7.18 16 16-7.18 16-16 16zm2-8h4V16h-4v16z"/></svg>


>
>
>
>
>
>
>
>
>
>
>
|
>
>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?xml version="1.0" ?>
<svg
  height="48px"
  width="48px"
  viewBox="0 0 48 48"
  xmlns="http://www.w3.org/2000/svg">
 <path
  d="M0 0h48v48H0z"
  fill="none"
 />
 <path
  d="M18 32h4V16h-4v16zm6-28C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.82 0-16-7.18-16-16S15.18 8 24 8s16 7.18 16 16-7.18 16-16 16zm2-8h4V16h-4v16z"
 />
</svg>

Changes to icon/play.svg.

1









<?xml version="1.0" ?><svg height="48px" version="1.1" viewBox="0 0 48 48" width="48px" xmlns="http://www.w3.org/2000/svg" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" xmlns:xlink="http://www.w3.org/1999/xlink"><title/><desc/><defs/><g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1"><g fill="#000000" id="Icons-AV" transform="translate(-168.000000, -85.000000)"><g id="play-circle-outline" transform="translate(168.000000, 85.000000)"><path d="M8,14.5 L14,10 L8,5.5 L8,14.5 L8,14.5 Z M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z" id="Shape"/></g></g></g></svg>









|
>
>
>
>
>
>
>
>
>
1
2
3
4
5
6
7
8
9
10
<?xml version="1.0" ?>
<svg
  height="48px"
  width="48px"
  viewBox="-2 -2 24 24"
  xmlns="http://www.w3.org/2000/svg">
 <path
  d="M8,14.5 L14,10 L8,5.5 L8,14.5 L8,14.5 Z M10,0 C4.5,0 0,4.5 0,10 C0,15.5 4.5,20 10,20 C15.5,20 20,15.5 20,10 C20,4.5 15.5,0 10,0 L10,0 Z M10,18 C5.6,18 2,14.4 2,10 C2,5.6 5.6,2 10,2 C14.4,2 18,5.6 18,10 C18,14.4 14.4,18 10,18 L10,18 Z"
 />
</svg>

Changes to index.html.

38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
  <td width="40%" style="text-align: left; font-size: small;">
   <input type="radio" name="channel" id="kvshbtn" value="kvsh" checked>KVSH FM<br>
   <input type="radio" name="channel" value="1650am">1650 AM
  </td>
  <td width="20%">
   <img id="playmode" width="48px" height="48px" style="display: block; margin: 0 auto"
     onclick="return playBtn();"
     src="http://voiceofvashon.org/mobile/icon/play.svg">
  </td>
  <td width="40%"></td>
<td width="20%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">







|







38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
  <td width="40%" style="text-align: left; font-size: small;">
   <input type="radio" name="channel" id="kvshbtn" value="kvsh" checked>KVSH FM<br>
   <input type="radio" name="channel" value="1650am">1650 AM
  </td>
  <td width="20%">
   <img id="playmode" width="48px" height="48px" style="display: block; margin: 0 auto"
     onclick="return playBtn();"
     src="icon/play.svg">
  </td>
  <td width="40%"></td>
<td width="20%"></td>
</tr>
</table>

<table class="padded" style="width: 100%;">

Changes to radio.js.

19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
}

function playBtn() {
    // If playing, turn it off & update play button
    if (playing) {
	radio1.pause();
	playing = rolling = false;
	playmode.src = "http://voiceofvashon.org/mobile/icon/play.svg";
	return false;
    }

    // Update icon; clicking now stops us
    playmode.src = "http://voiceofvashon.org/mobile/icon/pause.svg";

    // Start playing with preroll
    playing = rolling = true;
    if (kvshbtn.checked) {
	radio1.src = "http://voiceofvashon.org/APP/PreRoll_KVSH.mp3";
    } else {
	radio1.src = "http://voiceofvashon.org/APP/PreRoll_1650.mp3";
    }
    radio1.addEventListener("ended", doneRoll);
    radio1.play()

    return false;
}







|




|













19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
}

function playBtn() {
    // If playing, turn it off & update play button
    if (playing) {
	radio1.pause();
	playing = rolling = false;
	playmode.src = "icon/play.svg";
	return false;
    }

    // Update icon; clicking now stops us
    playmode.src = "icon/pause.svg";

    // Start playing with preroll
    playing = rolling = true;
    if (kvshbtn.checked) {
	radio1.src = "http://voiceofvashon.org/APP/PreRoll_KVSH.mp3";
    } else {
	radio1.src = "http://voiceofvashon.org/APP/PreRoll_1650.mp3";
    }
    radio1.addEventListener("ended", doneRoll);
    radio1.play()

    return false;
}