setting: Improve organization page.

This adds a new button in the connected organization
page by which a user can quickly add a new Zulip organization.

Fixes: #607.
This commit is contained in:
Akash Nimare
2018-12-05 23:00:07 +05:30
parent 1f4509a6d2
commit 08559c2f4a
3 changed files with 23 additions and 3 deletions

View File

@@ -358,6 +358,10 @@ img.server-info-icon {
width: 150px;
}
.w-200 {
width: 200px;
}
.grey {
color: #9E9E9E;
background: #FAFAFA;
@@ -401,7 +405,11 @@ i.open-tab-button {
}
#server-info-container {
min-height: calc(100% - 260px);
/* min-height: calc(100% - 260px); */
}
#new-org-button {
margin: 30px 0px 30px 0px;
}
#create-organization-container {

View File

@@ -556,6 +556,10 @@ class ServerManagerView {
this.activateLastTab(index);
});
ipcRenderer.on('open-org-tab', () => {
this.openSettings('AddServer');
});
ipcRenderer.on('reload-proxy', (event, showAlert) => {
this.loadProxy().then(() => {
if (showAlert) {

View File

@@ -17,7 +17,7 @@ class ConnectedOrgSection extends BaseSection {
<div class="page-title">Connected organizations</div>
<div class="title" id="existing-servers">All the connected orgnizations will appear here.</div>
<div id="server-info-container"></div>
<div id="new-org-button"><button class="green sea w-200">Add a new organization</button></div>
<div class="page-title">Add Custom Certificates</div>
<div id="add-certificate-container"></div>
</div>
@@ -33,8 +33,11 @@ class ConnectedOrgSection extends BaseSection {
const servers = DomainUtil.getDomains();
this.props.$root.innerHTML = this.template();
this.$serverInfoContainer = document.getElementById('server-info-container');
this.$existingServers = document.getElementById('existing-servers');
this.$newOrgButton = document.getElementById('new-org-button');
this.$addCertificateContainer = document.getElementById('add-certificate-container');
const noServerText = 'All the connected orgnizations will appear here';
// Show noServerText if no servers are there otherwise hide it
@@ -49,7 +52,12 @@ class ConnectedOrgSection extends BaseSection {
}).init();
}
this.$addCertificateContainer = document.getElementById('add-certificate-container');
this.$newOrgButton.addEventListener('click', () => {
// We don't need to import this since it's already imported in other files
// eslint-disable-next-line no-undef
ipcRenderer.send('forward-message', 'open-org-tab');
});
this.initAddCertificate();
}