mirror of
https://github.com/samsonjs/retrogit.git
synced 2026-04-27 15:07:43 +00:00
Collapse repositories list by default.
This commit is contained in:
parent
40540fd91f
commit
01bee95e5c
2 changed files with 75 additions and 45 deletions
|
|
@ -21,17 +21,21 @@ a {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.repos {
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
.repos h2 {
|
.repos h2 {
|
||||||
font-size: 32px;
|
font-size: 16px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 15px 0 10px;
|
margin: 10px 0 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repos h2:after {
|
.repos h2:after {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 4px;
|
bottom: 2px;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
|
@ -39,7 +43,7 @@ a {
|
||||||
}
|
}
|
||||||
|
|
||||||
.repos h2 .avatar {
|
.repos h2 .avatar {
|
||||||
height: 28px;
|
height: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.repos ul {
|
.repos ul {
|
||||||
|
|
|
||||||
|
|
@ -74,10 +74,16 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p>
|
<div class="setting">
|
||||||
You have {{len .Repos.AllRepos}} repositories. Select which you would like to include in your digest:
|
<label>
|
||||||
</p>
|
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 id="repos-container">
|
||||||
<div class="repos">
|
<div class="repos">
|
||||||
<h2>
|
<h2>
|
||||||
<a href="https://github.com/{{.User.Login}}">
|
<a href="https://github.com/{{.User.Login}}">
|
||||||
|
|
@ -117,8 +123,12 @@
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
{{end}}
|
{{end}}
|
||||||
|
</div>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
|
||||||
<input type="submit" value="Save Settings">
|
<input type="submit" value="Save Settings">
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -131,7 +141,23 @@
|
||||||
weeklyDayContainerNode.style.display = "none";
|
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();
|
updateWeeklyDayContainer();
|
||||||
|
updateReposContainer();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
{{end}}
|
{{end}}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue