vpn.email
Version:
vpn.email client
159 lines (154 loc) • 9.79 kB
text/jade
.panel-default(data-bind='visible:LocalEmailAddPanel.EmailIconPanelShow()')
.panel-heading.pve-emailPanel-title
.panel-title
.btn-group(role="group")
button.btn.btn-default.btn-sm(type='button')
i.fa.fa-trash-o.text-danger
button.btn.btn-default.btn-sm(data-bind="click: deleteBlackPanel, attr:{href:'#' + LocalEmailAddPanel.dcom_mainBodyId}"
data-toggle="collapse", role="button", data-parent="#AddAnEmailPanel" type='button')
span(data-bind="css:{'text-warning':LocalEmailAddPanel.emailStatus()>0, 'text-danger':LocalEmailAddPanel.fa_times(), 'text-success':LocalEmailAddPanel.emailStatus()==0}")
i.fa.fa-envelope-o.pve-icon
span.pve-icon.pve-overflow-text(data-bind='text:LocalEmailAddPanel.emailAddress(), css:{}')
i.fa.fa-cog.fa-spin.text-warning(data-bind='visible:LocalEmailAddPanel.fa_cog(), css{"jjj":!LocalEmailAddPanel.fa_times()&&!LocalEmailAddPanel.fa_exclamation()}')
i.fa.fa-exclamation-triangle.text-danger(data-bind='visible:LocalEmailAddPanel.fa_times()')
button.btn.btn-default.btn-sm(role="button" data-bind='click:click_addNewEmail, attr:{href:"#"+LocalEmailAddPanel.dcom_mainBodyId}' )
i.fa.fa-plus.text-info
form.panel-body.panel-collapse.collapse.in(data-bind="attr:{id:LocalEmailAddPanel.dcom_mainBodyId, name:LocalEmailAddPanel.dcom_mainBodyId}, submit:form_submit")
// Email input
.form-group(data-bind='css:{"has-error":LocalEmailAddPanel.EmailErrorItem()}')
.ErrorMessage(data-bind="visible:LocalEmailAddPanel.EmailErrorItem()")
.alert.alert-danger.alert-dismissible.fade.in
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") x
p(data-bind="text:errorMessage()[LocalEmailAddPanel.EmailErrorItem()]")
.input-group
span.input-group-addon
i.fa.fa-envelope-o.Title
input.form-control.input-lg(type="email", name ="email_input", required="required"
data-bind="attr:{placeholder:InputInfo().emailAddress, id:LocalEmailAddPanel.dcom_emailInputId}, value:LocalEmailAddPanel.emailAddress")
.input-group-btn
a.btn.btn-default.btn-lg(data-toggle="collapse", role="button", tabindex="-1",
data-bind="attr:{href:'#'+LocalEmailAddPanel.dcom_ServerDetailID}, click:showServerDetailCollapse")
span.Title.glyphicon.glyphicon-cog(data-bind="visible:!LocalEmailAddPanel.showServerDetail()")
span.glyphicon.glyphicon-triangle-bottom.Title(data-bind="visible:LocalEmailAddPanel.showServerDetail()")
// Password input
.form-group(data-bind='css:{"has-error":LocalEmailAddPanel.PasswordErrorItem()}')
.ErrorMessage(data-bind="visible:LocalEmailAddPanel.PasswordErrorItem()")
.alert.alert-danger.alert-dismissible.fade.in
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") x
p(data-bind="text:errorMessage()[LocalEmailAddPanel.PasswordErrorItem()]")
.input-group
span.input-group-addon
i.fa.fa-key.Title
input.form-control.input-lg(type="password", name ="password_input", required="required"
data-bind="attr:{placeholder:InputInfo().password, id:LocalEmailAddPanel.dcom_passwordInputId}, value:LocalEmailAddPanel.password")
span.input-group-btn
button.btn.btn-default.btn-lg(type="submit")
i.fa.fa-check.text-success
//SERVER INPUT
.collapse(data-bind="attr:{id:LocalEmailAddPanel.dcom_ServerDetailID}")
// SMTP server domain input
.form-group
.ErrorMessage(data-bind="visible:LocalEmailAddPanel.smtpServerErrorItem()")
.alert.alert-danger.alert-dismissible.fade.in
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") x
p(data-bind="text:errorMessage()[LocalEmailAddPanel.smtpServerErrorItem()]")
.input-group.has-warning
span.input-group-addon
i.fa.fa-desktop
input.form-control.input-lg(name ="host_input", data-bind="attr:{placeholder:InputInfo().smtpServerInput},value:LocalEmailAddPanel.SmtpServerName")
.input-group-btn
a.btn.btn-default.btn-lg(role="button",data-toggle="collapse",
data-bind="attr:{href:'#' + LocalEmailAddPanel.dcom_smtpServerInputPanelId}, click:SmtpCheckingDown")
span.glyphicon.glyphicon-envelope.text-warning(data-bind="visible:LocalEmailAddPanel.smtpServerInputLoginPanelChecked()")
span.glyphicon.glyphicon-triangle-bottom.text-warning(data-bind="visible:!LocalEmailAddPanel.smtpServerInputLoginPanelChecked()")
// SMTP server login info
.form-group
.collapse(data-bind='attr:{id:LocalEmailAddPanel.dcom_smtpServerInputPanelId}')
.panel.panel-default
.panel-body
.form-group
.input-group
span.input-group-addon
i.fa.fa-user.Title
input.form-control.input-lg(type='text',data-bind="attr:{placeholder:InputInfo().UserName}, value:LocalEmailAddPanel.smtpUsername")
.form-group
.input-group
span.input-group-addon
i.fa.fa-key.Title
input.form-control.input-lg(type="password", data-bind="attr:{placeholder:InputInfo().password}, value:LocalEmailAddPanel.smtpUserPassword")
.form-group
.input-group
div(data-bind="css:{'input-group-btn':LocalEmailAddPanel.smtpPortInputShow()}")
button.btn.btn-default.dropdown-toggle.btn-lg.Title(type="button", data-toggle="dropdown", aria-expanded="false")
span.Title(data-bind='text:btn().portName')
span.Title.pve-icon(data-bind='text:LocalEmailAddPanel.smtpPortNumber()=="0"?btn().AutoSetup:LocalEmailAddPanel.smtpPortNumber()')
span.caret.Title
ul.dropdown-menu.Title(role="menu", data-bind="attr:{'pve-dcom_mainBodyId':LocalEmailAddPanel.dcom_mainBodyId}")
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#",data-bind='click:smtpPortNumber')
i.fa.fa-cog
span(data-bind='text:btn().AutoSetup')
li.divider
<!--ko foreach:smtpPortNumberList -->
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#", data-bind='click:smtpPortNumber, text:$data')
<!-- /ko -->
li.divider
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#",data-bind='text:btn().customSetup, click:smtpPort')
input.form-control.input-lg(type='number',min='1',max='65535',step='1', data-bind='visible:LocalEmailAddPanel.smtpPortInputShow,value:LocalEmailAddPanel.smtpPortNumber,hasFocus:LocalEmailAddPanel.smtpPortInputShow')
// imap SERVER domain INPUT
.form-group
.ErrorMessage(data-bind="visible:LocalEmailAddPanel.smtpServerErrorItem()")
.alert.alert-danger.alert-dismissible.fade.in
button.close(type="button", data-dismiss="alert", aria-label="Close")
span(aria-hidden="true") x
p(data-bind="text:errorMessage()[LocalEmailAddPanel.smtpServerErrorItem()]")
.input-group
span.input-group-addon
i.fa.fa-desktop
input.form-control.input-lg(name ="host_input", data-bind="attr:{placeholder:InputInfo().imapServerinput},value:LocalEmailAddPanel.ImapServerName")
.input-group-btn
a.btn.btn-default.btn-lg(data-toggle="collapse", role="button",
data-bind="attr:{href:'#' + LocalEmailAddPanel.dcom_imapServerInputPanelId}, click:ImapCheckingDown")
span.glyphicon.glyphicon-envelope.text-warning(data-bind="visible:LocalEmailAddPanel.imapServerInputLoginPanelChecked()")
span.glyphicon.glyphicon-triangle-bottom.text-warning(data-bind="visible:!LocalEmailAddPanel.imapServerInputLoginPanelChecked()")
// IMAP server login info
.form-group
.collapse(data-bind='attr:{id:LocalEmailAddPanel.dcom_imapServerInputPanelId}')
.panel.panel-default
.panel-body
.form-group
.input-group
span.input-group-addon
i.fa.fa-user.Title
input.form-control.input-lg(name ="fcuygviubhon",data-bind="attr:{placeholder:InputInfo().UserName},value:LocalEmailAddPanel.imapUsername")
.form-group
.input-group
span.input-group-addon
i.fa.fa-key.Title
input.form-control.input-lg(type="password", name ="fcuvgibhnojmk", data-bind="attr:{placeholder:InputInfo().password},value:LocalEmailAddPanel.imapUserPassword")
.form-group
.input-group
div(data-bind="css:{'input-group-btn':LocalEmailAddPanel.imapPortInputShow()}")
button.btn.btn-default.dropdown-toggle.btn-lg.Title(type="button", data-toggle="dropdown", aria-expanded="false")
span.Title(data-bind='text:btn().portName')
span.Title.pve-icon(data-bind='text:LocalEmailAddPanel.imapPortNumber()=="0"?btn().AutoSetup:LocalEmailAddPanel.imapPortNumber()')
span.caret.Title
ul.dropdown-menu.Title(role="menu", data-bind="attr:{'pve-dcom_mainBodyId':LocalEmailAddPanel.dcom_mainBodyId}")
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#",data-bind='click:imapPortNumber')
i.fa.fa-cog
span(data-bind='text:btn().AutoSetup')
li.divider
<!--ko foreach:imapPortNumberList -->
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#", data-bind='click:imapPortNumber, text:$data')
<!-- /ko -->
li.divider
li(role="presentation")
a(role="menuitem", tabindex="-1", href="#",data-bind='text:btn().customSetup, click:imapPort')
input.form-control.input-lg(type='number',min='1',max='65535',step='1', data-bind='visible:LocalEmailAddPanel.imapPortInputShow,value:LocalEmailAddPanel.imapPortNumber,hasFocus:LocalEmailAddPanel.imapPortInputShow')