diff options
| author | Unknwon <u@gogs.io> | 2015-07-08 01:09:03 +0800 |
|---|---|---|
| committer | Unknwon <u@gogs.io> | 2015-07-08 01:09:03 +0800 |
| commit | 5dd3dd71a0529590a209c0e58e0a962b83515ae8 (patch) | |
| tree | 9abda9a51cd7b9cc3b9a4fe65588da7ea980e7e8 /templates | |
| parent | ffd17924fd0b2f3a6f7f9b82f7193462a150a4b7 (diff) | |
| download | gitea-5dd3dd71a0529590a209c0e58e0a962b83515ae8.tar.gz gitea-5dd3dd71a0529590a209c0e58e0a962b83515ae8.zip | |
UI: install - database settings
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base/footer.tmpl | 2 | ||||
| -rw-r--r-- | templates/base/head.tmpl | 2 | ||||
| -rw-r--r-- | templates/install.tmpl | 223 | ||||
| -rw-r--r-- | templates/install_old.tmpl | 155 |
4 files changed, 232 insertions, 150 deletions
diff --git a/templates/base/footer.tmpl b/templates/base/footer.tmpl index ad629816e2..0f0f844223 100644 --- a/templates/base/footer.tmpl +++ b/templates/base/footer.tmpl @@ -11,7 +11,7 @@ <a target="_blank" href="https://plus.google.com/communities/115599856376145964459"><i class="fa fa-google-plus"></i><span class="sr-only">Google Plus</span></a> <a target="_blank" href="http://weibo.com/gogschina"><i class="fa fa-weibo"></i><span class="sr-only">Sina Weibo</span></a> {{end}} - <div class="ui language bottom pointing dropdown link item"> + <div class="ui language bottom pointing slide up dropdown link item"> <i class="world icon"></i> <div class="text">{{.LangName}}</div> <div class="menu"> diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl index f522a8f129..d057754410 100644 --- a/templates/base/head.tmpl +++ b/templates/base/head.tmpl @@ -34,6 +34,7 @@ <body> <div class="full height"> <noscript>Please enable JavaScript in your browser!</noscript> + {{if not .PageIsInstall}} <div class="following bar light"> <div class="ui page grid"> <div class="column"> @@ -58,3 +59,4 @@ </div> </div> </div> + {{end}} diff --git a/templates/install.tmpl b/templates/install.tmpl index 3a7eb7877f..0f64ab8cda 100644 --- a/templates/install.tmpl +++ b/templates/install.tmpl @@ -1,155 +1,80 @@ -{{template "ng/base/head" .}} -<div id="setting-wrapper" class="main-wrapper"> - <div class="container clear"> - <div class="setting-content"> - {{template "ng/base/alert" .}} - <div id="setting-content"> - <div class="panel panel-radius"> - <div class="panel-header"> - <strong>{{.i18n.Tr "install.title"}}</strong> - </div> - <form class="form form-align panel-body" id="install-form" action="{{AppSubUrl}}/install" method="post"> - {{.CsrfTokenHtml}} - <div class="text-center panel-desc">{{.i18n.Tr "install.requite_db_desc"}}</div> - <div class="field"> - <label class="req">{{.i18n.Tr "install.db_type"}}</label> - <select name="db_type" id="install-database" class="form-control"> - {{range .DbOptions}} - <option value="{{.}}"{{if eq $.CurDbOption .}}selected{{end}}>{{.}}</option> - {{end}} - </select> - </div> +{{template "base/head" .}} +<div class="install"> + <div class="ui middle very relaxed page grid"> + <div class="sixteen wide center aligned centered column"> + <h3 class="ui top attached header"> + {{.i18n.Tr "install.title"}} + </h3> + <div class="ui attached segment"> + <form class="ui form" action="{{AppSubUrl}}/install" method="post"> + {{.CsrfTokenHtml}} - <div class="server-sql {{if eq .CurDbOption "SQLite3"}}hide{{end}}"> - <div class="field"> - <label class="req" for="db_host">{{.i18n.Tr "install.host"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_DbHost}}ipt-error{{end}}" id="db_host" name="db_host" value="{{.db_host}}" /> - </div> - <div class="field"> - <label class="req" for="db_user">{{.i18n.Tr "install.user"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_DbUser}}ipt-error{{end}}" id="db_user" name="db_user" value="{{.db_user}}" /> - </div> - <div class="field"> - <label class="req" for="db_passwd">{{.i18n.Tr "install.password"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_DbPasswd}}ipt-error{{end}}" id="db_passwd" name="db_passwd" type="password" value="{{.db_passwd}}" /> - </div> - <div class="field"> - <label class="req" for="db_name">{{.i18n.Tr "install.db_name"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_DbName}}ipt-error{{end}}" id="db_name" name="db_name" value="{{.db_name}}" /> - <label></label> - <span class="help">{{.i18n.Tr "install.db_helper"}}</span> - </div> - </div> + <!-- Dtabase Settings --> + <h4 class="ui dividing header">{{.i18n.Tr "install.db_title"}}</h4> + <p>{{.i18n.Tr "install.requite_db_desc"}}</p> + <div class="inline required field"> + <label>{{.i18n.Tr "install.db_type"}}</label> + <div class="ui selection database type dropdown"> + <input type="hidden" id="db_type" name="db_type" value="{{.CurDbOption}}"> + <div class="default text">{{.CurDbOption}}</div> + <i class="dropdown icon"></i> + <div class="menu"> + {{range .DbOptions}} + <div class="item" data-value="{{.}}">{{.}}</div> + {{end}} + </div> + </div> + </div> - <div class="field pgsql-setting {{if not (eq .CurDbOption "PostgreSQL")}}hide{{end}}"> - <label class="req">{{.i18n.Tr "install.ssl_mode"}}</label> - <select name="ssl_mode" class="form-control"> - <option value="disable">Disable</option> - <option value="require">Require</option> - <option value="verify-full">Verify Full</option> - </select> - </div> - - <div class="field sqlite-setting {{if not (eq .CurDbOption "SQLite3")}}hide{{end}}"> - <label class="req" for="db_path">{{.i18n.Tr "install.path"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_DbPath}}ipt-error{{end}}" id="db_path" name="db_path" value="{{.db_path}}" /> - <label></label> - <span class="help">{{.i18n.Tr "install.sqlite_helper"}}</span> - </div> - - <hr> - - <div class="text-center panel-desc">{{.i18n.Tr "install.general_title"}}</div> - <div class="field"> - <label class="req" for="repo_root_path">{{.i18n.Tr "install.repo_path"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_RepoRootPath}}ipt-error{{end}}" id="repo_root_path" name="repo_root_path" value="{{.repo_root_path}}" required /> - <label></label> - <span class="help">{{.i18n.Tr "install.repo_path_helper"}}</span> - </div> - <div class="field"> - <label class="req" for="run_user">{{.i18n.Tr "install.run_user"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_RunUser}}ipt-error{{end}}" id="run_user" name="run_user" value="{{.run_user}}" required /> - <label></label> - <span class="help">{{.i18n.Tr "install.run_user_helper"}}</span> - </div> - <div class="field"> - <label class="req" for="domain">{{.i18n.Tr "install.domain"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_Domain}}ipt-error{{end}}" id="domain" name="domain" value="{{.domain}}" required /> - <label></label> - <span class="help">{{.i18n.Tr "install.domain_helper"}}</span> - </div> - <div class="field"> - <label class="req" for="http_port">{{.i18n.Tr "install.http_port"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_HttpPort}}ipt-error{{end}}" id="http_port" name="http_port" value="{{.http_port}}" required /> - <label></label> - <span class="help">{{.i18n.Tr "install.http_port_helper"}}</span> - </div> - <div class="field"> - <label class="req" for="app_url">{{.i18n.Tr "install.app_url"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_AppUrl}}ipt-error{{end}}" id="app_url" name="app_url" value="{{.app_url}}" required /> - <label></label> - <span class="help">{{.i18n.Tr "install.app_url_helper"}}</span> - </div> - - <hr> - - <div class="text-center panel-desc">{{.i18n.Tr "install.email_title"}}</div> - <div class="field"> - <label for="smtp_host">{{.i18n.Tr "install.smtp_host"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_SmtpHost}}ipt-error{{end}}" id="smtp_host" name="smtp_host" value="{{.smtp_host}}" /> - </div> - <div class="field"> - <label for="smtp_user">{{.i18n.Tr "install.mailer_user"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_SMTPEmail}}ipt-error{{end}}" id="smtp_user" name="smtp_user" value="{{.smtp_user}}" /> - </div> - <div class="field"> - <label for="smtp_pwd">{{.i18n.Tr "install.mailer_password"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_SMTPPasswd}}ipt-error{{end}}" id="smtp_pwd" name="smtp_pwd" type="password" value="{{.smtp_pwd}}" /> - </div> - - <hr> - - <div class="text-center panel-desc">{{.i18n.Tr "install.notify_title"}}</div> - <div class="field"> - <label></label> - <input name="register_confirm" type="checkbox" {{if .register_confirm}}checked{{end}}> - <strong>{{.i18n.Tr "install.register_confirm"}}</strong> - <br> - <label></label> - <input name="mail_notify" type="checkbox" {{if .mail_notify}}checked{{end}}> - <strong>{{.i18n.Tr "install.mail_notify"}}</strong> - </div> - - <hr> - - <div class="text-center panel-desc">{{.i18n.Tr "install.admin_title"}}</div> - <div class="field"> - <label class="req" for="admin_name">{{.i18n.Tr "install.admin_name"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_AdminName}}ipt-error{{end}}" id="admin_name" name="admin_name" value="{{.admin_name}}" required /> - </div> - <div class="field"> - <label class="req" for="admin_passwd">{{.i18n.Tr "install.admin_password"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="admin_passwd" name="admin_passwd" type="password" value="{{.admin_passwd}}" required /> - </div> - <div class="field"> - <label class="req" for="admin_confirm_passwd">{{.i18n.Tr "install.confirm_password"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="admin_confirm_passwd" name="admin_confirm_passwd" type="password" required /> - </div> - <div class="field"> - <label class="req" for="admin_email">{{.i18n.Tr "install.admin_email"}}</label> - <input class="ipt ipt-large ipt-radius {{if .Err_AdminEmail}}ipt-error{{end}}" id="admin_email" name="admin_email" value="{{.admin_email}}" required /> - </div> - - <hr> + <div id="sql_settings" class="{{if eq .CurDbOption "SQLite3"}}hide{{end}}"> + <div class="inline required field"> + <label for="db_host">{{.i18n.Tr "install.host"}}</label> + <input id="db_host" name="db_host" value="{{.db_host}}"> + </div> + <div class="inline required field"> + <label for="db_user">{{.i18n.Tr "install.user"}}</label> + <input id="db_user" name="db_user" value="{{.db_user}}"> + </div> + <div class="inline required field"> + <label for="db_passwd">{{.i18n.Tr "install.password"}}</label> + <input id="db_passwd" name="db_passwd" type="password" value="{{.db_passwd}}"> + </div> + <div class="inline required field"> + <label for="db_name">{{.i18n.Tr "install.db_name"}}</label> + <input id="db_name" name="db_name" value="{{.db_name}}"> + <span class="help">{{.i18n.Tr "install.db_helper"}}</span> + </div> + </div> - <div class="field"> - <label></label> - <button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "install.install_gogs"}}</button> - </div> - </form> + <div id="pgsql_settings" class="{{if not (eq .CurDbOption "PostgreSQL")}}hide{{end}}"> + <div class="inline required field"> + <label>{{.i18n.Tr "install.ssl_mode"}}</label> + <div class="ui selection database type dropdown"> + <input type="hidden" name="ssl_mode" value="disable"> + <div class="default text">disable</div> + <i class="dropdown icon"></i> + <div class="menu"> + <div class="item" data-value="disable">Disable</div> + <div class="item" data-value="require">Require</div> + <div class="item" data-value="verify-full">Verify Full</div> </div> + </div> + </div> + </div> + + <div id="sqlite_settings" class="{{if not (eq .CurDbOption "SQLite3")}}hide{{end}}"> + <div class="inline required field"> + <label for="db_path">{{.i18n.Tr "install.path"}}</label> + <input id="db_path" name="db_path" value="{{.db_path}}"> + <span class="help">{{.i18n.Tr "install.sqlite_helper"}}</span> </div> - </div> - </div> + </div> + + <!-- General Settings --> + <h4 class="ui dividing header">{{.i18n.Tr "install.general_title"}}</h4> + </form> + </div> + </div> + </div> </div> -{{template "ng/base/footer" .}} +{{template "base/footer" .}}
\ No newline at end of file diff --git a/templates/install_old.tmpl b/templates/install_old.tmpl new file mode 100644 index 0000000000..3a7eb7877f --- /dev/null +++ b/templates/install_old.tmpl @@ -0,0 +1,155 @@ +{{template "ng/base/head" .}} +<div id="setting-wrapper" class="main-wrapper"> + <div class="container clear"> + <div class="setting-content"> + {{template "ng/base/alert" .}} + <div id="setting-content"> + <div class="panel panel-radius"> + <div class="panel-header"> + <strong>{{.i18n.Tr "install.title"}}</strong> + </div> + <form class="form form-align panel-body" id="install-form" action="{{AppSubUrl}}/install" method="post"> + {{.CsrfTokenHtml}} + <div class="text-center panel-desc">{{.i18n.Tr "install.requite_db_desc"}}</div> + <div class="field"> + <label class="req">{{.i18n.Tr "install.db_type"}}</label> + <select name="db_type" id="install-database" class="form-control"> + {{range .DbOptions}} + <option value="{{.}}"{{if eq $.CurDbOption .}}selected{{end}}>{{.}}</option> + {{end}} + </select> + </div> + + <div class="server-sql {{if eq .CurDbOption "SQLite3"}}hide{{end}}"> + <div class="field"> + <label class="req" for="db_host">{{.i18n.Tr "install.host"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_DbHost}}ipt-error{{end}}" id="db_host" name="db_host" value="{{.db_host}}" /> + </div> + <div class="field"> + <label class="req" for="db_user">{{.i18n.Tr "install.user"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_DbUser}}ipt-error{{end}}" id="db_user" name="db_user" value="{{.db_user}}" /> + </div> + <div class="field"> + <label class="req" for="db_passwd">{{.i18n.Tr "install.password"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_DbPasswd}}ipt-error{{end}}" id="db_passwd" name="db_passwd" type="password" value="{{.db_passwd}}" /> + </div> + <div class="field"> + <label class="req" for="db_name">{{.i18n.Tr "install.db_name"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_DbName}}ipt-error{{end}}" id="db_name" name="db_name" value="{{.db_name}}" /> + <label></label> + <span class="help">{{.i18n.Tr "install.db_helper"}}</span> + </div> + </div> + + <div class="field pgsql-setting {{if not (eq .CurDbOption "PostgreSQL")}}hide{{end}}"> + <label class="req">{{.i18n.Tr "install.ssl_mode"}}</label> + <select name="ssl_mode" class="form-control"> + <option value="disable">Disable</option> + <option value="require">Require</option> + <option value="verify-full">Verify Full</option> + </select> + </div> + + <div class="field sqlite-setting {{if not (eq .CurDbOption "SQLite3")}}hide{{end}}"> + <label class="req" for="db_path">{{.i18n.Tr "install.path"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_DbPath}}ipt-error{{end}}" id="db_path" name="db_path" value="{{.db_path}}" /> + <label></label> + <span class="help">{{.i18n.Tr "install.sqlite_helper"}}</span> + </div> + + <hr> + + <div class="text-center panel-desc">{{.i18n.Tr "install.general_title"}}</div> + <div class="field"> + <label class="req" for="repo_root_path">{{.i18n.Tr "install.repo_path"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_RepoRootPath}}ipt-error{{end}}" id="repo_root_path" name="repo_root_path" value="{{.repo_root_path}}" required /> + <label></label> + <span class="help">{{.i18n.Tr "install.repo_path_helper"}}</span> + </div> + <div class="field"> + <label class="req" for="run_user">{{.i18n.Tr "install.run_user"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_RunUser}}ipt-error{{end}}" id="run_user" name="run_user" value="{{.run_user}}" required /> + <label></label> + <span class="help">{{.i18n.Tr "install.run_user_helper"}}</span> + </div> + <div class="field"> + <label class="req" for="domain">{{.i18n.Tr "install.domain"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_Domain}}ipt-error{{end}}" id="domain" name="domain" value="{{.domain}}" required /> + <label></label> + <span class="help">{{.i18n.Tr "install.domain_helper"}}</span> + </div> + <div class="field"> + <label class="req" for="http_port">{{.i18n.Tr "install.http_port"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_HttpPort}}ipt-error{{end}}" id="http_port" name="http_port" value="{{.http_port}}" required /> + <label></label> + <span class="help">{{.i18n.Tr "install.http_port_helper"}}</span> + </div> + <div class="field"> + <label class="req" for="app_url">{{.i18n.Tr "install.app_url"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_AppUrl}}ipt-error{{end}}" id="app_url" name="app_url" value="{{.app_url}}" required /> + <label></label> + <span class="help">{{.i18n.Tr "install.app_url_helper"}}</span> + </div> + + <hr> + + <div class="text-center panel-desc">{{.i18n.Tr "install.email_title"}}</div> + <div class="field"> + <label for="smtp_host">{{.i18n.Tr "install.smtp_host"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_SmtpHost}}ipt-error{{end}}" id="smtp_host" name="smtp_host" value="{{.smtp_host}}" /> + </div> + <div class="field"> + <label for="smtp_user">{{.i18n.Tr "install.mailer_user"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_SMTPEmail}}ipt-error{{end}}" id="smtp_user" name="smtp_user" value="{{.smtp_user}}" /> + </div> + <div class="field"> + <label for="smtp_pwd">{{.i18n.Tr "install.mailer_password"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_SMTPPasswd}}ipt-error{{end}}" id="smtp_pwd" name="smtp_pwd" type="password" value="{{.smtp_pwd}}" /> + </div> + + <hr> + + <div class="text-center panel-desc">{{.i18n.Tr "install.notify_title"}}</div> + <div class="field"> + <label></label> + <input name="register_confirm" type="checkbox" {{if .register_confirm}}checked{{end}}> + <strong>{{.i18n.Tr "install.register_confirm"}}</strong> + <br> + <label></label> + <input name="mail_notify" type="checkbox" {{if .mail_notify}}checked{{end}}> + <strong>{{.i18n.Tr "install.mail_notify"}}</strong> + </div> + + <hr> + + <div class="text-center panel-desc">{{.i18n.Tr "install.admin_title"}}</div> + <div class="field"> + <label class="req" for="admin_name">{{.i18n.Tr "install.admin_name"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_AdminName}}ipt-error{{end}}" id="admin_name" name="admin_name" value="{{.admin_name}}" required /> + </div> + <div class="field"> + <label class="req" for="admin_passwd">{{.i18n.Tr "install.admin_password"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="admin_passwd" name="admin_passwd" type="password" value="{{.admin_passwd}}" required /> + </div> + <div class="field"> + <label class="req" for="admin_confirm_passwd">{{.i18n.Tr "install.confirm_password"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_AdminPasswd}}ipt-error{{end}}" id="admin_confirm_passwd" name="admin_confirm_passwd" type="password" required /> + </div> + <div class="field"> + <label class="req" for="admin_email">{{.i18n.Tr "install.admin_email"}}</label> + <input class="ipt ipt-large ipt-radius {{if .Err_AdminEmail}}ipt-error{{end}}" id="admin_email" name="admin_email" value="{{.admin_email}}" required /> + </div> + + <hr> + + <div class="field"> + <label></label> + <button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "install.install_gogs"}}</button> + </div> + </form> + </div> + </div> + </div> + </div> +</div> +{{template "ng/base/footer" .}} |