sjs/retrogit
1
0
Fork 0
mirror of https://github.com/samsonjs/retrogit.git synced 2026-03-25 09:25:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Collapse repositories list by default.

Browse source
This commit is contained in:
Mihai Parparita 2014-09-27 16:05:05 -07:00
parent 40540fd91f
commit 01bee95e5c
2 changed files with 75 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/static/main.css
View file

@ -21,17 +21,21 @@ a {
margin: 0;
}
.repos {
margin-left: 1em;
}
.repos h2 {
font-size: 32px;
font-size: 16px;
font-weight: bold;
position: relative;
margin: 15px 0 10px;
margin: 10px 0 5px;
}
.repos h2:after {
content: "";
position: absolute;
bottom: 4px;
bottom: 2px;
left: 0;
right: 0;
height: 1px;
@ -39,7 +43,7 @@ a {
}
.repos h2 .avatar {
height: 28px;
height: 16px;
}
.repos ul {

108
app/templates/settings.html
View file

@ -74,51 +74,61 @@
</div>
</div>
<p>
You have {{len .Repos.AllRepos}} repositories. Select which you would like to include in your digest:
</p>
<div class="setting">
<label>
Include
<select id="included-repos" onchange="updateReposContainer()">
<option value="all" {{if not .Account.ExcludedRepoIds}}selected{{end}}>all</option>
<option value="some" {{if .Account.ExcludedRepoIds}}selected{{end}}>some</option>
</select>
of your {{len .Repos.AllRepos}} repositories in the digest.
<div class="repos">
<h2>
<a href="https://github.com/{{.User.Login}}">
<img src="{{.User.AvatarURL}}" class="avatar">{{.User.Login}}</a>
</h2>
<ul>
{{range .Repos.UserRepos}}
{{template "repo" .}}
{{end}}
</ul>
<div id="repos-container">
<div class="repos">
<h2>
<a href="https://github.com/{{.User.Login}}">
<img src="{{.User.AvatarURL}}" class="avatar">{{.User.Login}}</a>
</h2>
<ul>
{{range .Repos.UserRepos}}
{{template "repo" .}}
{{end}}
</ul>
</div>
{{range .Repos.OtherUserRepos}}
<div class="repos">
<h2>
<a href="https://github.com/{{.User.Login}}">
<img src="{{.User.AvatarURL}}" class="avatar">{{.User.Login}}</a>
</h2>
<ul>
{{range .Repos}}
{{template "repo" .}}
{{end}}
</ul>
</div>
{{end}}
{{range .Repos.OrgRepos}}
<div class="repos">
<h2>
<a href="https://github.com/{{.Org.Login}}">
<img src="{{.Org.AvatarURL}}" class="avatar">{{.Org.Login}}</a>
</h2>
<ul>
{{range .Repos}}
{{template "repo" .}}
{{end}}
</ul>
</div>
{{end}}
</div>
</label>
</div>
{{range .Repos.OtherUserRepos}}
<div class="repos">
<h2>
<a href="https://github.com/{{.User.Login}}">
<img src="{{.User.AvatarURL}}" class="avatar">{{.User.Login}}</a>
</h2>
<ul>
{{range .Repos}}
{{template "repo" .}}
{{end}}
</ul>
</div>
{{end}}
<input type="submit" value="Save Settings">
{{range .Repos.OrgRepos}}
<div class="repos">
<h2>
<a href="https://github.com/{{.Org.Login}}">
<img src="{{.Org.AvatarURL}}" class="avatar">{{.Org.Login}}</a>
</h2>
<ul>
{{range .Repos}}
{{template "repo" .}}
{{end}}
</ul>
</div>
{{end}}
<input type="submit" value="Save Settings">
</form>
<script>
@ -131,7 +141,23 @@
weeklyDayContainerNode.style.display = "none";
}
}
function updateReposContainer() {
var includedReposNode = document.getElementById("included-repos");
var reposContainerNode = document.getElementById("repos-container");
if (includedReposNode.value == "some") {
reposContainerNode.style.display = "block";
} else {
var repoCheckboxes = document.querySelectorAll(".repo input[type=checkbox]");
for (var i = 0; i < repoCheckboxes.length; i++) {
repoCheckboxes[i].checked = true;
}
reposContainerNode.style.display = "none";
}
}
updateWeeklyDayContainer();
updateReposContainer();
</script>
{{end}}