gitlyx / templates / new.html
106 lines · 96 sloc · 3.75 KB · f01d3f77ed35a21882e0e1e97310a13b0a9dfd8b
Raw
1<!DOCTYPE html>
2<html>
3 <head>
4 @include 'layout/head.html'
5 </head>
6 <body>
7 @include 'layout/header.html'
8
9 <div class="content">
10 <div class="new-repo">
11 <div class="new-repo__header">
12 <h1>%new_repo_title</h1>
13 </div>
14
15 @if ctx.form_error != ''
16 <div class='form-error'>@ctx.form_error</div>
17 @end
18
19 <form class="new-repo__form" method='post'>
20 <div class="new-repo__owner-row">
21 <div class="new-repo__field new-repo__field--owner">
22 <label class="new-repo__label" for="owner">%new_repo_owner <span class="new-repo__req">*</span></label>
23 <select id="owner" class="new-repo__owner-select" name="owner">
24 @if selected_owner == ctx.user.username
25 <option value="@ctx.user.username" selected>@ctx.user.username</option>
26 @else
27 <option value="@ctx.user.username">@ctx.user.username</option>
28 @end
29 @for org in orgs
30 @if selected_owner == org.name
31 <option value="@org.name" selected>@org.name</option>
32 @else
33 <option value="@org.name">@org.name</option>
34 @end
35 @end
36 </select>
37 </div>
38 <div class="new-repo__owner-slash">/</div>
39 <div class="new-repo__field new-repo__field--name">
40 <label class="new-repo__label" for="name">%new_repo_name <span class="new-repo__req">*</span></label>
41 <input class="new-repo__name-input new-repo__name-input--standalone" id="name" type='text' name='name' required autofocus maxlength=@max_repo_name_len placeholder="my-awesome-project">
42 </div>
43 </div>
44
45 <div class="new-repo__field">
46 <label class="new-repo__label" for="description">%new_repo_description <span class="new-repo__optional">%new_repo_optional</span></label>
47 <input id="description" type='text' name='description'>
48 </div>
49
50 <div class="new-repo__field">
51 <label class="new-repo__label" for="clone_url">%new_repo_clone_url <span class="new-repo__optional">%new_repo_clone_hint</span></label>
52 <input id='clone_url' type='text' name='clone_url' placeholder='https://github.com/vlang/gitly'>
53 </div>
54
55 <div class='new-repo__field new-repo__field--inline' id='import_issues_field' style='display:none'>
56 <label class="new-repo__checkbox">
57 <input type='checkbox' name='import_issues' value='1'>
58 <span>%new_repo_import_issues</span>
59 </label>
60 <label class="new-repo__checkbox">
61 <input type='checkbox' name='import_prs' value='1' checked>
62 <span>%new_repo_import_prs</span>
63 </label>
64 </div>
65
66 <div class="new-repo__field">
67 <p class="new-repo__label">%new_repo_visibility</p>
68 <label class="new-repo__option">
69 <input type="radio" name="repo_visibility" value="public" checked>
70 <span class="new-repo__option-body">
71 <span class="new-repo__option-title">%new_repo_public</span>
72 <span class="new-repo__option-desc">%new_repo_public_desc</span>
73 </span>
74 </label>
75 <label class="new-repo__option">
76 <input type="radio" name="repo_visibility" value="private">
77 <span class="new-repo__option-body">
78 <span class="new-repo__option-title">%new_repo_private</span>
79 <span class="new-repo__option-desc">%new_repo_private_desc</span>
80 </span>
81 </label>
82 </div>
83
84 <div class="new-repo__actions">
85 <input type='submit' class='new-repo__submit' value='%new_repo_create'>
86 </div>
87 </form>
88 </div>
89 </div>
90
91 <script>
92 (function() {
93 var input = document.getElementById('clone_url');
94 var field = document.getElementById('import_issues_field');
95 function toggle() {
96 field.style.display = input.value.toLowerCase().includes('github.com') ? '' : 'none';
97 }
98 input.addEventListener('input', toggle);
99 toggle();
100 })();
101 </script>
102
103 @js '/js/block-form.js'
104 @include 'layout/footer.html'
105 </body>
106</html>
107