complate list of gitignores and licenses

1 files changed, 102 insertions, 72 deletions

diff --git a/templates/repo/create.tmpl b/templates/repo/create.tmpl
index 8b60b56856..01e9ae1112 100644
--- a/templates/repo/create.tmpl
+++ b/templates/repo/create.tmpl
@@ -1,83 +1,113 @@
-{{template "ng/base/head" .}}
-{{template "ng/base/header" .}}
-<div id="repo-wrapper">
-    <form id="repo-create-form" class="form form-align panel panel-radius" action="{{AppSubUrl}}/repo/create" method="post">
+{{template "base/head" .}}
+<div class="repository new repo">
+  <div class="ui middle very relaxed page grid">
+    <div class="column">
+      <form class="ui form" action="{{.Link}}" method="post">
         {{.CsrfTokenHtml}}
-        <div class="panel-header">
-            <h2>{{.i18n.Tr "new_repo"}}</h2>
-        </div>
-        <div class="panel-content">
-            {{template "ng/base/alert" .}}
-            <div class="field">
-                <label for="owner" class="req">{{.i18n.Tr "repo.owner"}}</label>
-                <input id="repo-owner-id" type="hidden" name="uid" value="{{.ContextUser.Id}}" />
-                <div class="inline-block drop">
-                    <a class="drop-bottom">
-                        <img class="avatar" src="{{.ContextUser.AvatarLink}}" id="repo-owner-avatar" alt="user-avatar">
-                        <strong id="repo-owner-name">{{.ContextUser.Name}}</strong>
-                    </a>
-                    <ul class="drop-down menu menu-vertical menu-radius switching-list" id="repo-create-owner-list">
-                        <li {{if eq $.ContextUser.Id .SignedUser.Id}}class="checked"{{end}} data-uid="{{.SignedUser.Id}}">
-                            <a>
-                                <i class="octicon octicon-check"></i>
-                                <img class="avatar" src="{{.SignedUser.AvatarLink}}" alt="user-avatar">
-                                <strong>{{.SignedUser.Name}}</strong>
-                            </a>
-                        </li>
-                        {{range .Orgs}}
-                        <li {{if eq $.ContextUser.Id .Id}}class="checked"{{end}} data-uid="{{.Id}}">
-                            <a>
-                                <i class="octicon octicon-check"></i>
-                                <img class="avatar" src="{{.AvatarLink}}" alt="user-avatar">
-                                <strong>{{.Name}}</strong>
-                            </a>
-                        </li>
-                        {{end}}
-                    </ul>
+        <h3 class="ui top attached header">
+          {{.i18n.Tr "new_repo"}}
+        </h3>
+        <div class="ui attached segment">
+          {{template "base/alert" .}}
+          <div class="inline required field {{if .Err_Owner}}error{{end}}">
+            <label>{{.i18n.Tr "repo.owner"}}</label>
+            <div class="ui selection dropdown">
+              <input type="hidden" id="uid" name="uid" value="{{.ContextUser.Id}}" required>
+              <span class="text">
+                <img class="ui mini image" src="{{.ContextUser.AvatarLink}}">
+                {{.ContextUser.Name}}
+              </span>
+              <i class="dropdown icon"></i>
+              <div class="menu">
+                <div class="item" data-value="{{.SignedUser.Id}}">
+                  <img class="ui mini image" src="{{.SignedUser.AvatarLink}}">
+                  {{.SignedUser.Name}}
                 </div>
+                {{range .Orgs}}
+                {{if .IsOwnedBy $.SignedUser.Id}}
+                <div class="item" data-value="{{.Id}}">
+                  <img class="ui mini image" src="{{.AvatarLink}}">
+                  {{.Name}}
+                </div>
+                {{end}}
+                {{end}}
+              </div>
             </div>
-            <div class="field">
-                <label class="req" for="repo-name">{{.i18n.Tr "repo.repo_name"}}</label>
-                <input class="ipt ipt-large ipt-radius {{if .Err_RepoName}}ipt-error{{end}}" id="repo-name" name="repo_name" type="text" value="{{.repo_name}}" required />
-                <span class="form-label"></span>
-                <span class="help">{{.i18n.Tr "repo.repo_name_helper" | Str2html}}</span>
-            </div>
-            <div class="field">
-                <label for="visibility">{{.i18n.Tr "repo.visibility"}}</label>
-                <input class="ipt-chk" id="visibility" name="private" type="checkbox" {{if .private}}checked{{end}} />
-                <span>{{.i18n.Tr "repo.visiblity_helper" | Str2html}}</span>
+          </div>
+
+          <div class="inline required field {{if .Err_RepoName}}error{{end}}">
+            <label for="repo_name">{{.i18n.Tr "repo.repo_name"}}</label>
+            <input id="repo_name" name="repo_name" value="{{.repo_name}}" autofocus required>
+            <span class="help">{{.i18n.Tr "repo.repo_name_helper"}}</span>
+          </div>
+          <div class="inline field">
+            <label>{{.i18n.Tr "repo.visibility"}}</label>
+            <div class="ui toggle checkbox">
+              <input name="private" type="checkbox" {{if .private}}checked{{end}}>
+              <label>{{.i18n.Tr "repo.visiblity_helper" | Safe}}</label>
             </div>
-            <div class="field clear">
-                <label class="left" for="desc">{{.i18n.Tr "repo.repo_desc"}}</label>
-                <textarea class="ipt ipt-large ipt-radius {{if .Err_Description}}ipt-error{{end}}" id="desc" name="desc">{{.desc}}</textarea>
+          </div>
+          <div class="inline field {{if .Err_Description}}error{{end}}">
+            <label for="description">{{.i18n.Tr "repo.repo_desc"}}</label>
+            <textarea id="description" name="description">{{.description}}</textarea>
+          </div>
+          
+          <div class="ui divider"></div>
+
+          <div class="inline field">
+            <label>{{.i18n.Tr "repo.repo_lang"}}</label>
+            <div class="ui multiple search normal selection dropdown">
+              <input type="hidden" name="gitignores" value="{{.gitignoresValue}}">
+              <div class="default text">{{.i18n.Tr "repo.repo_lang_helper"}}</div>
+              <div class="menu">
+                {{range .Gitignores}}
+                <div class="item" data-value="{{.}}">{{.}}</div>
+                {{end}}
+              </div>
             </div>
-            <div class="field">
-                <label for="lang">{{.i18n.Tr "repo.repo_lang"}}</label>
-                <select id="lang" name="gitignore">
-                    <option>{{.i18n.Tr "repo.repo_lang_helper"}}</option>
-                    {{range .Gitignores}}
-                    <option value="{{.}}" {{if eq . $.gitignore}}selected{{end}}>{{.}}</option>
-                    {{end}}
-                </select>
-                <label for="license">{{.i18n.Tr "repo.license"}}</label>
-                <select id="license" name="license">
-                    <option>{{.i18n.Tr "repo.license_helper"}}</option>
-                    {{range .Licenses}}
-                    <option value="{{.}}" {{if eq . $.license}}selected{{end}}>{{.}}</option>
-                    {{end}}
-                </select>
+          </div>
+          <div class="inline field">
+            <label>{{.i18n.Tr "repo.license"}}</label>
+            <div class="ui selection dropdown">
+              <input type="hidden" name="license" value="{{.license}}">
+              <div class="default text">{{.i18n.Tr "repo.license_helper"}}</div>
+              <div class="menu">
+                {{range .Licenses}}
+                <div class="item" data-value="{{.}}">{{.}}</div>
+                {{end}}
+              </div>
             </div>
-            <div class="field">
-                <label for="init-readme"></label>
-                <input class="ipt-chk" id="init-readme" name="auto_init" type="checkbox" {{if .auto_init}}checked{{end}} />
-                <strong>{{.i18n.Tr "repo.init_readme"}}</strong>
+          </div>
+
+          <div class="inline field">
+            <label>{{.i18n.Tr "repo.readme"}}</label>
+            <div class="ui selection dropdown">
+              <input type="hidden" name="license" value="{{.readme}}">
+              <div class="default text">{{.i18n.Tr "repo.readme_helper"}}</div>
+              <div class="menu">  
+                {{range .Readmes}}
+                <div class="item" data-value="{{.}}">{{.}}</div>
+                {{end}}
+              </div>
             </div>
-            <div class="field">
-                <label></label>
-                <button class="btn btn-large btn-blue btn-radius">{{.i18n.Tr "repo.create_repo"}}</button>
-                <a class="btn btn-small btn-gray btn-radius" id="repo-create-cancel" href="{{AppSubUrl}}/"><strong>{{.i18n.Tr "cancel"}}</strong></a>
+          </div>
+          <div class="inline field">
+            <div class="ui checkbox" id="auto-init">
+              <input class="hidden" name="auto_init" type="checkbox" tabindex="0" {{if .auto_init}}checked{{end}}>
+              <label>{{.i18n.Tr "repo.auto_init"}}</label>
             </div>
+          </div>
+
+          <div class="inline field">
+            <label></label>
+            <button class="ui green button">
+              {{.i18n.Tr "repo.create_repo"}}
+            </button>
+            <a class="ui button" href="{{AppSubUrl}}/">{{.i18n.Tr "cancel"}}</a>
+          </div>
         </div>
     </form>
+    </div>
+  </div>
 </div>
-{{template "ng/base/footer" .}}
\ No newline at end of file
+{{template "base/footer" .}}
\ No newline at end of file