mirror of https://github.com/gogits/gogs.git
Unknwon
11 years ago
16 changed files with 640 additions and 617 deletions
@ -1,476 +1,458 @@ |
|||||||
@import "../ui/var"; |
@import "../ui/var"; |
||||||
|
|
||||||
@repoHeaderBorderColor: #D6D6D6; |
@repoHeaderBorderColor: #D6D6D6; |
||||||
@repoHeaderBgColor: #FFF; |
@repoHeaderBgColor: #FFF; |
||||||
@repoHeaderNameColor: #888; |
@repoHeaderNameColor: #888; |
||||||
|
|
||||||
/* repository main */ |
/* repository main */ |
||||||
|
|
||||||
#repo-wrapper { |
#repo-wrapper { |
||||||
padding-bottom: 100px; |
padding-bottom: 100px; |
||||||
} |
} |
||||||
#repo-header { |
#repo-header { |
||||||
height: 69px; |
height: 69px; |
||||||
border-bottom: 1px solid @repoHeaderBorderColor; |
border-bottom: 1px solid@repoHeaderBorderColor; |
||||||
background-color: @repoHeaderBgColor; |
|
||||||
|
background-color: @repoHeaderBgColor; |
||||||
|
|
||||||
} |
} |
||||||
#repo-header-name { |
#repo-header-name { |
||||||
line-height: 66px; |
line-height: 66px; |
||||||
color: @repoHeaderNameColor; |
color: @repoHeaderNameColor; |
||||||
font-size: 1.6em; |
|
||||||
font-weight: normal; |
|
||||||
margin-bottom: 0; |
|
||||||
i { |
|
||||||
margin-right: 12px; |
|
||||||
vertical-align: middle; |
|
||||||
} |
|
||||||
.divider { |
|
||||||
margin: 0 4px; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
font-size: 1.6em; |
||||||
|
font-weight: normal; |
||||||
|
margin-bottom: 0; |
||||||
|
i { |
||||||
|
margin-right: 12px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
.divider { |
||||||
|
margin: 0 4px; |
||||||
|
} |
||||||
|
} |
||||||
#repo-header-meta { |
#repo-header-meta { |
||||||
line-height: 66px; |
line-height: 66px; |
||||||
li { |
li { |
||||||
> a { |
> a { |
||||||
padding: 0; |
padding: 0; |
||||||
&:hover { |
&:hover { |
||||||
background-color: transparent; |
background-color: transparent; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
a > .btn { |
a > .btn { |
||||||
font-size: 1.05em; |
font-size: 1.05em; |
||||||
margin-left: 16px; |
margin-left: 16px; |
||||||
i { |
i { |
||||||
margin-right: 6px; |
margin-right: 6px; |
||||||
} |
} |
||||||
line-height: 16px; |
line-height:16px; |
||||||
.num { |
.num { |
||||||
margin-left: 6px; |
margin-left: 6px; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-header-download-btn { |
#repo-header-download-btn { |
||||||
> .btn > i { |
> .btn > i { |
||||||
margin-right: 0 !important; |
margin-right: 0 !important; |
||||||
} |
} |
||||||
&:hover { |
&:hover { |
||||||
&:after, |
&:after, .btn { |
||||||
.btn { |
background-color: @btnHoverBlackColor; |
||||||
background-color: @btnHoverBlackColor; |
|
||||||
color: #FFF; |
color: #FFF; |
||||||
} |
} |
||||||
} |
} |
||||||
&:after { |
&:after { |
||||||
background-color: @btnBlackColor; |
background-color: @btnBlackColor; |
||||||
padding: 9px 16px 8px 0; |
|
||||||
margin-left: -8px !important; |
|
||||||
color: #FFF; |
|
||||||
border-top: 1px solid @btnBlackColor; |
|
||||||
border-bottom: 1px solid @btnBlackColor; |
|
||||||
border-top-right-radius: .25em; |
|
||||||
border-bottom-right-radius: .25em; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
padding: 9px 16px 8px 0; |
||||||
|
margin-left: -8px !important; |
||||||
|
color: #FFF; |
||||||
|
border-top: 1px solid@btnBlackColor; |
||||||
|
|
||||||
|
border-bottom: 1px solid@btnBlackColor; |
||||||
|
|
||||||
|
border-top-right-radius: .25em; |
||||||
|
border-bottom-right-radius: .25em; |
||||||
|
} |
||||||
|
} |
||||||
#repo-header-download-drop { |
#repo-header-download-drop { |
||||||
line-height: 24px; |
line-height: 24px; |
||||||
width: 440px; |
width: 440px; |
||||||
top: 50px; |
top: 50px; |
||||||
left: -354px; |
left: -354px; |
||||||
padding: 20px; |
padding: 20px; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
.btn > i { |
.btn > i { |
||||||
margin-right: 6px; |
margin-right: 6px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-content { |
#repo-content { |
||||||
padding: 18px 0; |
padding: 18px 0; |
||||||
} |
} |
||||||
|
|
||||||
#repo-clone-url { |
#repo-clone-url { |
||||||
border-right: none; |
border-right: none; |
||||||
width: 196px; |
width: 196px; |
||||||
border-left: none; |
border-left: none; |
||||||
} |
} |
||||||
|
|
||||||
#repo-clone-help { |
#repo-clone-help { |
||||||
line-height: 48px; |
line-height: 48px; |
||||||
} |
} |
||||||
|
|
||||||
#repo-clone-zip { |
#repo-clone-zip { |
||||||
line-height: 48px; |
line-height: 48px; |
||||||
a { |
a { |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
color: white; |
color: white; |
||||||
overflow: visible; |
overflow: visible; |
||||||
padding: .6em 1.2em; |
padding: .6em 1.2em; |
||||||
} |
} |
||||||
.btn { |
.btn { |
||||||
margin: 0 6px; |
margin: 0 6px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-desc { |
#repo-desc { |
||||||
font-size: 1.2em; |
font-size: 1.2em; |
||||||
} |
} |
||||||
|
|
||||||
#repo-sidebar-nav { |
#repo-sidebar-nav { |
||||||
.label { |
.label { |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
line-height: 1.4em; |
line-height: 1.4em; |
||||||
margin-top: 2px; |
margin-top: 2px; |
||||||
} |
} |
||||||
i { |
i { |
||||||
margin-right: 6px; |
margin-right: 6px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-file-nav { |
#repo-file-nav { |
||||||
padding: .6em 0 1em 0; |
padding: .6em 0 1em 0; |
||||||
> li > a { |
> li > a { |
||||||
padding-left: 0; |
padding-left: 0; |
||||||
&:hover { |
&:hover { |
||||||
background-color: transparent; |
background-color: transparent; |
||||||
} |
} |
||||||
} |
} |
||||||
li.repo-jump > a { |
li.repo-jump > a { |
||||||
padding-right: 0; |
padding-right: 0; |
||||||
.btn { |
.btn { |
||||||
margin-left: -1px; |
margin-left: -1px; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-branch-switch { |
#repo-branch-switch { |
||||||
> a { |
> a { |
||||||
.btn { |
.btn { |
||||||
padding-right: 30px; |
padding-right: 30px; |
||||||
} |
} |
||||||
&:after { |
&:after { |
||||||
position: absolute; |
position: absolute; |
||||||
top: 12px; |
top: 12px; |
||||||
right: 30px; |
right: 30px; |
||||||
margin-left: 0; |
margin-left: 0; |
||||||
color: @baseFontColor; |
color: @baseFontColor; |
||||||
} |
|
||||||
} |
|
||||||
> .drop-down { |
|
||||||
top: 40px; |
|
||||||
left: 0; |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
> .drop-down { |
||||||
|
top: 40px; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
} |
||||||
#repo-branch-filter-ipt { |
#repo-branch-filter-ipt { |
||||||
width: 100%; |
width: 100%; |
||||||
border-left: none; |
border-left: none; |
||||||
border-right: none; |
border-right: none; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
} |
} |
||||||
|
|
||||||
#repo-branch-tag { |
#repo-branch-tag { |
||||||
.tab-nav { |
.tab-nav { |
||||||
border-bottom: 1px solid #EAEAEA; |
border-bottom: 1px solid #EAEAEA; |
||||||
a { |
a { |
||||||
padding: .3em .8em; |
padding: .3em .8em; |
||||||
} |
} |
||||||
.js-tab-nav-show { |
.js-tab-nav-show { |
||||||
background-color: #EEE; |
background-color: #EEE; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-branch-list, |
#repo-branch-list, |
||||||
#repo-tag-list { |
#repo-tag-list { |
||||||
li { |
li { |
||||||
i { |
i { |
||||||
margin-right: 12px; |
margin-right: 12px; |
||||||
opacity: 0; |
opacity: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
li.checked { |
li.checked { |
||||||
i { |
i { |
||||||
opacity: 1; |
opacity: 1; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-tag-list { |
#repo-tag-list { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
|
|
||||||
#repo-bread { |
#repo-bread { |
||||||
.bread { |
.bread { |
||||||
padding-right: 0; |
padding-right: 0; |
||||||
font-size: 16px; |
font-size: 16px; |
||||||
font-weight: bold; |
font-weight: bold; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-main { |
#repo-main { |
||||||
padding-right: 40px; |
padding-right: 40px; |
||||||
box-sizing: border-box; |
box-sizing: border-box; |
||||||
} |
} |
||||||
|
|
||||||
#repo-files-table { |
#repo-files-table { |
||||||
margin-bottom: 20px; |
margin-bottom: 20px; |
||||||
th, |
th, td { |
||||||
td { |
text-align: left; |
||||||
text-align: left; |
line-height: 32px; |
||||||
line-height: 32px; |
} |
||||||
} |
td.icon { |
||||||
td.icon { |
width: 16px; |
||||||
width: 16px; |
padding-right: .1em; |
||||||
padding-right: .1em; |
padding-left: 1em; |
||||||
padding-left: 1em; |
} |
||||||
} |
td.name { |
||||||
td.name { |
max-width: 120px; |
||||||
max-width: 120px; |
.text-truncate { |
||||||
.text-truncate { |
max-width: 100%; |
||||||
max-width: 100%; |
} |
||||||
} |
} |
||||||
} |
td.age { |
||||||
td.age { |
max-width: 120px; |
||||||
max-width: 120px; |
text-align: right; |
||||||
text-align: right; |
} |
||||||
} |
td.msg { |
||||||
td.msg { |
max-width: 440px; |
||||||
max-width: 440px; |
.text-truncate { |
||||||
.text-truncate { |
max-width: 100%; |
||||||
max-width: 100%; |
} |
||||||
} |
} |
||||||
} |
td.age, |
||||||
td.age, |
td.size, |
||||||
td.size, |
td.msg a { |
||||||
td.msg a { |
color: #888; |
||||||
color: #888; |
} |
||||||
} |
td.msg a:hover { |
||||||
td.msg a:hover { |
color: #428BCA; |
||||||
color: #428BCA; |
text-decoration: underline; |
||||||
text-decoration: underline; |
} |
||||||
} |
tbody { |
||||||
tbody { |
background-color: #FFF; |
||||||
background-color: #FFF; |
tr:hover { |
||||||
tr:hover { |
background-color: #ffffEE; |
||||||
background-color: #ffffEE; |
} |
||||||
} |
} |
||||||
} |
thead { |
||||||
thead { |
background-color: #F0F0F0; |
||||||
background-color: #F0F0F0; |
.author { |
||||||
.author { |
a { |
||||||
a { |
margin: 0 .4em; |
||||||
margin: 0 .4em; |
} |
||||||
} |
} |
||||||
} |
.last-commit { |
||||||
.last-commit { |
strong { |
||||||
strong { |
color: #444; |
||||||
color: #444; |
} |
||||||
} |
.text-truncate { |
||||||
.text-truncate { |
margin-left: .4em; |
||||||
margin-left: .4em; |
} |
||||||
} |
} |
||||||
} |
.last-commit .text-truncate, |
||||||
.last-commit .text-truncate, |
.age { |
||||||
.age { |
font-weight: normal; |
||||||
font-weight: normal; |
color: #888; |
||||||
color: #888; |
} |
||||||
} |
} |
||||||
} |
|
||||||
} |
} |
||||||
|
|
||||||
#repo-readme { |
#repo-readme { |
||||||
margin-bottom: 80px; |
margin-bottom: 80px; |
||||||
} |
} |
||||||
|
|
||||||
#repo-bare-start { |
#repo-bare-start { |
||||||
margin-bottom: 100px; |
margin-bottom: 100px; |
||||||
.panel-content { |
.panel-content { |
||||||
background-color: #FFF; |
background-color: #FFF; |
||||||
} |
} |
||||||
pre { |
pre { |
||||||
margin: 0 40px; |
margin: 0 40px; |
||||||
padding: 6px 10px; |
padding: 6px 10px; |
||||||
border: 1px solid #ddd; |
border: 1px solid #ddd; |
||||||
background: #f8f8f8; |
background: #f8f8f8; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.repo-bare { |
.repo-bare { |
||||||
#repo-bare-start { |
#repo-bare-start { |
||||||
h2 { |
h2 { |
||||||
margin-top: 30px; |
margin-top: 30px; |
||||||
margin-bottom: 24px; |
margin-bottom: 24px; |
||||||
} |
} |
||||||
} |
} |
||||||
#repo-header-meta { |
#repo-header-meta { |
||||||
display: none; |
display: none; |
||||||
} |
} |
||||||
#repo-clone-ssh { |
#repo-clone-ssh { |
||||||
margin-left: 200px; |
margin-left: 200px; |
||||||
} |
} |
||||||
#repo-clone-copy { |
#repo-clone-copy { |
||||||
margin-right: 200px; |
margin-right: 200px; |
||||||
} |
} |
||||||
#repo-clone-help { |
#repo-clone-help { |
||||||
clear: both; |
clear: both; |
||||||
width: 100%; |
width: 100%; |
||||||
} |
} |
||||||
#repo-clone-url { |
#repo-clone-url { |
||||||
width: 520px; |
width: 520px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
/* repository create */ |
/* repository create */ |
||||||
|
|
||||||
#repo-migrate-form, |
#repo-migrate-form, |
||||||
#repo-create-form { |
#repo-create-form { |
||||||
width: 800px; |
width: 800px; |
||||||
margin: 60px auto auto auto; |
margin: 60px auto auto auto; |
||||||
background: white; |
background: white; |
||||||
h2 { |
h2 { |
||||||
margin: .5em 1em; |
margin: .5em 1em; |
||||||
} |
} |
||||||
.field { |
.field { |
||||||
margin: 1.2em 0 2em 0; |
margin: 1.2em 0 2em 0; |
||||||
} |
} |
||||||
.ipt { |
.ipt { |
||||||
width: 540px; |
width: 540px; |
||||||
} |
} |
||||||
textarea { |
textarea { |
||||||
height: 120px; |
height: 120px; |
||||||
} |
} |
||||||
.avatar { |
.avatar { |
||||||
vertical-align: middle; |
vertical-align: middle; |
||||||
margin-right: .6em; |
margin-right: .6em; |
||||||
width: 28px; |
width: 28px; |
||||||
height: 28px; |
height: 28px; |
||||||
} |
} |
||||||
&:hover { |
&:hover { |
||||||
box-shadow: 0px 0px 6px #CCC; |
box-shadow: 0px 0px 6px #CCC; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
#repo-create-cancel { |
#repo-create-cancel { |
||||||
margin-left: 4em; |
margin-left: 4em; |
||||||
} |
} |
||||||
|
|
||||||
#repo-create-owner-list { |
#repo-create-owner-list { |
||||||
top: 30px; |
top: 30px; |
||||||
left: 0; |
left: 0; |
||||||
width: auto; |
width: auto; |
||||||
max-width: 300px; |
max-width: 300px; |
||||||
.octicon { |
.octicon { |
||||||
margin-right: 12px; |
margin-right: 12px; |
||||||
opacity: 0; |
opacity: 0; |
||||||
} |
} |
||||||
.avatar { |
.avatar { |
||||||
width: 20px; |
width: 20px; |
||||||
height: 20px; |
height: 20px; |
||||||
} |
} |
||||||
li { |
li { |
||||||
white-space: nowrap; |
white-space: nowrap; |
||||||
&.checked { |
&.checked { |
||||||
.octicon { |
.octicon { |
||||||
opacity: 1; |
opacity: 1; |
||||||
} |
} |
||||||
} |
} |
||||||
a { |
a { |
||||||
text-overflow: ellipsis; |
text-overflow: ellipsis; |
||||||
-o-text-overflow: ellipsis; |
-o-text-overflow: ellipsis; |
||||||
overflow: hidden; |
overflow: hidden; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.file-name { |
.file-name { |
||||||
margin-left: 1em; |
margin-left: 1em; |
||||||
} |
} |
||||||
.file-size { |
.file-size { |
||||||
font-size: 13px; |
font-size: 13px; |
||||||
color: #888; |
color: #888; |
||||||
margin-left: 1em; |
margin-left: 1em; |
||||||
} |
} |
||||||
.code-view { |
.code-view { |
||||||
overflow: auto; |
overflow: auto; |
||||||
overflow-x: auto; |
overflow-x: auto; |
||||||
overflow-y: hidden; |
overflow-y: hidden; |
||||||
background: white; |
background: white; |
||||||
.view-raw { |
.view-raw { |
||||||
min-height: 40px; |
min-height: 40px; |
||||||
text-align: center; |
text-align: center; |
||||||
padding-top: 20px; |
padding-top: 20px; |
||||||
.btn { |
.btn { |
||||||
font-size: 1.05em; |
font-size: 1.05em; |
||||||
line-height: 16px; |
line-height: 16px; |
||||||
padding: 6px 8px; |
padding: 6px 8px; |
||||||
} |
} |
||||||
} |
} |
||||||
table { |
table { |
||||||
width: 100%; |
width: 100%; |
||||||
td { |
td { |
||||||
padding: 0; |
padding: 0; |
||||||
} |
} |
||||||
} |
} |
||||||
.lines-num { |
.lines-num { |
||||||
text-align: right; |
text-align: right; |
||||||
color: #999; |
color: #999; |
||||||
background: #f5f5f5; |
background: #f5f5f5; |
||||||
width: 1%; |
width: 1%; |
||||||
span { |
span { |
||||||
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; |
||||||
line-height: 18px; |
line-height: 18px; |
||||||
padding: 0 8px 0 10px; |
padding: 0 8px 0 10px; |
||||||
cursor: pointer; |
cursor: pointer; |
||||||
display: block; |
display: block; |
||||||
margin-top: 2px; |
margin-top: 2px; |
||||||
font-size: 12px; |
font-size: 12px; |
||||||
} |
} |
||||||
} |
} |
||||||
.lines-code > pre { |
.lines-code > pre { |
||||||
border: none; |
border: none; |
||||||
border-left: 1px solid #ddd; |
border-left: 1px solid #ddd; |
||||||
> ol.linenums > li { |
> ol.linenums > li { |
||||||
padding: 0 10px; |
padding: 0 10px; |
||||||
&.active { |
&.active { |
||||||
background: #ffffdd; |
background: #ffffdd; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.repo-setting-zone { |
.repo-setting-zone { |
||||||
padding: 30px; |
padding: 30px; |
||||||
} |
} |
||||||
#repo-collab-list { |
#repo-collab-list { |
||||||
list-style: none; |
list-style: none; |
||||||
padding: 10px 0 5px 0; |
padding: 10px 0 5px 0; |
||||||
li.collab { |
li.collab { |
||||||
clear: both; |
clear: both; |
||||||
height: 50px; |
height: 50px; |
||||||
padding: 0 15px 0 15px; |
padding: 0 15px 0 15px; |
||||||
} |
} |
||||||
a.member { |
a.member { |
||||||
color: #444; |
color: #444; |
||||||
height: 50px; |
height: 50px; |
||||||
line-height: 50px; |
line-height: 50px; |
||||||
&:hover { |
&:hover { |
||||||
color: #4183C4; |
color: #4183C4; |
||||||
} |
} |
||||||
} |
} |
||||||
.avatar { |
.avatar { |
||||||
margin-right: 1em; |
margin-right: 1em; |
||||||
width: 40px; |
width: 40px; |
||||||
} |
} |
||||||
.remove-collab { |
.remove-collab { |
||||||
color: #DD4B39; |
color: #DD4B39; |
||||||
} |
} |
||||||
} |
} |
||||||
.repo-user-list-block { |
.repo-user-list-block { |
||||||
position: relative; |
position: relative; |
||||||
top: 5px; |
top: 5px; |
||||||
} |
} |
||||||
.setting-list { |
.setting-list { |
||||||
width: 100%; |
width: 100%; |
||||||
list-style: none; |
list-style: none; |
||||||
} |
} |
||||||
@ -1,5 +0,0 @@ |
|||||||
{ |
|
||||||
"language.fileExtensions": { |
|
||||||
"tmpl": "html" |
|
||||||
} |
|
||||||
} |
|
||||||
@ -1,36 +1,39 @@ |
|||||||
{{template "base/head" .}} |
{{template "ng/base/head" .}} |
||||||
{{template "base/navbar" .}} |
{{template "ng/base/header" .}} |
||||||
<div id="body" class="container"> |
<div id="sign-wrapper"> |
||||||
<form action="/user/activate" method="post" class="form-horizontal card" id="login-card"> |
<form class="form-align form panel sign-panel sign-form container panel-radius" id="sign-up-form" action="/user/activate" method="post"> |
||||||
{{.CsrfTokenHtml}} |
{{.CsrfTokenHtml}} |
||||||
<h3>Activate Your Account</h3> |
<div class="panel-header"> |
||||||
|
<h2>{{.i18n.Tr "auth.active_your_account"}}</h2> |
||||||
|
</div> |
||||||
|
<div class="panel-content"> |
||||||
{{if .IsActivatePage}} |
{{if .IsActivatePage}} |
||||||
{{if .ServiceNotEnabled}} |
{{if .ServiceNotEnabled}} |
||||||
<p>Sorry, Register Mail Confirmation has been disabled.</p> |
<p>{{.i18n.Tr "auth.disable_register_mail"}}</p> |
||||||
{{else if .ResendLimited}} |
{{else if .ResendLimited}} |
||||||
<p>Sorry, you are sending an activation e-mail too frequently. Please wait 3 minutes.</p> |
<p>{{.i18n.Tr "auth.resent_limit_prompt"}}</p> |
||||||
{{else}} |
{{else}} |
||||||
<p>A new confirmation e-mail has been sent to <b>{{.SignedUser.Email}}</b>, please check your inbox within the next {{.Hours}} hours to complete your registration.</p> |
<p>{{.i18n.Tr "auth.confirmation_mail_sent_prompt" .SignedUser.Email .Hours | Str2html}}</p> |
||||||
<hr/> |
<hr/> |
||||||
<a href="http://{{Mail2Domain .SignedUser.Email}}" class="btn btn-lg btn-success">Sign in to your e-mail</a> |
<label></label> |
||||||
|
<a class="btn btn-green btn-large btn-link btn-radius" href="http://{{Mail2Domain .SignedUser.Email}}">{{.i18n.Tr "auth.sign_in_email"}}</a> |
||||||
{{end}} |
{{end}} |
||||||
{{else}} |
{{else}} |
||||||
{{if .IsSendRegisterMail}} |
{{if .IsSendRegisterMail}} |
||||||
<p>A confirmation e-mail has been sent to <b>{{.Email}}</b>, please check your inbox within the next {{.Hours}} hours to complete your registration.</p> |
<p>{{.i18n.Tr "auth.confirmation_mail_sent_prompt" .Email .Hours | Str2html}}</p> |
||||||
<hr/> |
<hr/> |
||||||
<a href="http://{{Mail2Domain .Email}}" class="btn btn-lg btn-success">Sign in to your e-mail</a> |
<label></label> |
||||||
|
<a class="btn btn-green btn-large btn-link btn-radius" href="http://{{Mail2Domain .Email}}">{{.i18n.Tr "auth.sign_in_email"}}</a> |
||||||
{{else if .IsActivateFailed}} |
{{else if .IsActivateFailed}} |
||||||
<p>Sorry, your confirmation code has exipired or not valid.</p> |
<p>{{.i18n.Tr "auth.invalid_code"}}</p> |
||||||
{{else}} |
{{else}} |
||||||
<p>Hi, {{.SignedUser.Name}}, you have an unconfirmed email address(<b>{{.SignedUser.Email}}</b>). If you haven't received a confirmation e-mail or need to resend a new one, please click on the button below.</p> |
<p>{{.i18n.Tr "auth.has_unconfirmed_mail" .SignedUser.Name .SignedUser.Email | Str2html}}</p> |
||||||
<hr/> |
<hr/> |
||||||
<div class="form-group"> |
<label></label> |
||||||
<div class="col-md-offset-4 col-md-6"> |
<button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "auth.resend_mail"}}</button> |
||||||
<button type="submit" class="btn btn-lg btn-primary">Click here to resend your activation e-mail</button> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
{{end}} |
{{end}} |
||||||
{{end}} |
{{end}} |
||||||
|
</div> |
||||||
</form> |
</form> |
||||||
</div> |
</div> |
||||||
{{template "base/footer" .}} |
{{template "ng/base/footer" .}} |
||||||
|
|||||||
@ -1,32 +1,32 @@ |
|||||||
{{template "base/head" .}} |
{{template "ng/base/head" .}} |
||||||
{{template "base/navbar" .}} |
{{template "ng/base/header" .}} |
||||||
<div id="body" class="container"> |
<div id="sign-wrapper"> |
||||||
<form action="/user/forget_password" method="post" class="form-horizontal card" id="login-card"> |
<form class="form-align form panel sign-panel sign-form container panel-radius" id="sign-up-form" action="/user/forget_password" method="post"> |
||||||
{{.CsrfTokenHtml}} |
{{.CsrfTokenHtml}} |
||||||
<h3>Reset Your Password</h3> |
<div class="panel-header"> |
||||||
{{template "base/alert" .}} |
<h2>{{.i18n.Tr "auth.forgot_password"}}</h2> |
||||||
{{if .IsResetSent}} |
|
||||||
<p>A confirmation e-mail has been sent to <b>{{.Email}}</b>, please check your inbox within {{.Hours}} hours.</p> |
|
||||||
<hr/> |
|
||||||
<a href="http://{{Mail2Domain .Email}}" class="btn btn-lg btn-success">Sign in to your e-mail</a> |
|
||||||
{{else if .IsResetRequest}} |
|
||||||
<div class="form-group {{if .Err_Email}}has-error has-feedback{{end}}"> |
|
||||||
<label class="col-md-3 control-label">Email: </label> |
|
||||||
<div class="col-md-7"> |
|
||||||
<input name="email" class="form-control" placeholder="Type your e-mail address" required="required"> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<hr/> |
<div class="panel-content"> |
||||||
<div class="form-group"> |
{{template "ng/base/alert" .}} |
||||||
<div class="col-md-offset-4 col-md-6"> |
{{if .IsResetSent}} |
||||||
<button type="submit" class="btn btn-lg btn-primary">Click here to send resend confirmation e-mail</button> |
<p>{{.i18n.Tr "auth.confirmation_mail_sent_prompt" .Email .Hours | Str2html}}</p> |
||||||
|
<hr/> |
||||||
|
<label></label> |
||||||
|
<a class="btn btn-green btn-large btn-link btn-radius" href="http://{{Mail2Domain .Email}}">{{.i18n.Tr "auth.sign_in_email"}}</a> |
||||||
|
{{else if .IsResetRequest}} |
||||||
|
<div class="field"> |
||||||
|
<label class="req" for="email">{{.i18n.Tr "email"}}</label> |
||||||
|
<input class="ipt ipt-large ipt-radius {{if .Err_Email}}ipt-error{{end}}" id="email" name="email" type="email" value="{{.email}}"required/> |
||||||
</div> |
</div> |
||||||
|
<hr/> |
||||||
|
<label></label> |
||||||
|
<button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "auth.send_reset_mail"}}</button> |
||||||
|
{{else if .IsResetDisable}} |
||||||
|
<p>{{.i18n.Tr "auth.disable_register_mail"}}</p> |
||||||
|
{{else if .ResendLimited}} |
||||||
|
<p>{{.i18n.Tr "auth.resent_limit_prompt"}}</p> |
||||||
|
{{end}} |
||||||
</div> |
</div> |
||||||
{{else if .IsResetDisable}} |
|
||||||
<p>Sorry, mail service is not enabled.</p> |
|
||||||
{{else if .ResendLimited}} |
|
||||||
<p>Sorry, you are sending an e-mail too frequently, please wait another 3 minutes and try again.</p> |
|
||||||
{{end}} |
|
||||||
</form> |
</form> |
||||||
</div> |
</div> |
||||||
{{template "base/footer" .}} |
{{template "ng/base/footer" .}} |
||||||
|
|||||||
@ -1,26 +1,25 @@ |
|||||||
{{template "base/head" .}} |
{{template "ng/base/head" .}} |
||||||
{{template "base/navbar" .}} |
{{template "ng/base/header" .}} |
||||||
<div id="body" class="container"> |
<div id="sign-wrapper"> |
||||||
<form action="/user/reset_password?code={{.Code}}" method="post" class="form-horizontal card" id="login-card"> |
<form class="form-align form panel sign-panel sign-form container panel-radius" id="sign-up-form" action="/user/reset_password?code={{.Code}}" method="post"> |
||||||
{{.CsrfTokenHtml}} |
{{.CsrfTokenHtml}} |
||||||
<h3>Reset Your Pasword</h3> |
<div class="panel-header"> |
||||||
{{template "base/alert" .}} |
<h2>{{.i18n.Tr "auth.reset_password"}}</h2> |
||||||
{{if .IsResetForm}} |
|
||||||
<div class="form-group"> |
|
||||||
<label class="col-md-4 control-label">Password: </label> |
|
||||||
<div class="col-md-6"> |
|
||||||
<input name="passwd" type="password" class="form-control" placeholder="Type your password" required="required"> |
|
||||||
</div> |
|
||||||
</div> |
</div> |
||||||
<hr/> |
<div class="panel-content"> |
||||||
<div class="form-group"> |
{{template "ng/base/alert" .}} |
||||||
<div class="col-md-offset-4 col-md-6"> |
{{if .IsResetForm}} |
||||||
<button type="submit" class="btn btn-lg btn-primary">Click here to reset your password</button> |
<div class="field"> |
||||||
|
<label class="req" for="password">{{.i18n.Tr "password"}}</label> |
||||||
|
<input class="ipt ipt-large ipt-radius {{if .Err_Password}}ipt-error{{end}}" id="password" name="password" type="password" value="{{.password}}" required/> |
||||||
</div> |
</div> |
||||||
|
<hr/> |
||||||
|
<label></label> |
||||||
|
<button class="btn btn-blue btn-large btn-radius">{{.i18n.Tr "auth.reset_password_helper"}}</button> |
||||||
|
{{else}} |
||||||
|
<p>{{.i18n.Tr "auth.invalid_code"}}</p> |
||||||
|
{{end}} |
||||||
</div> |
</div> |
||||||
{{else}} |
|
||||||
<p>Sorry, your confirmation code has expired or is not valid.</p> |
|
||||||
{{end}} |
|
||||||
</form> |
</form> |
||||||
</div> |
</div> |
||||||
{{template "base/footer" .}} |
{{template "ng/base/footer" .}} |
||||||
|
|||||||
Loading…
Reference in new issue