Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
zulip/templates/zerver/integrations/index.html

166 lines
8.2 KiB
HTML
Raw Normal View History

[manual] Rename Django app from zephyr to zerver. This needs to be deployed to both staging and prod at the same off-peak time (and the schema migration run). At the time it is deployed, we need to make a few changes directly in the database: (1) UPDATE django_content_type set app_label='zerver' where app_label='zephyr'; (2) UPDATE south_migrationhistory set app_name='zerver' where app_name='zephyr'; (imported from commit eb3fd719571740189514ef0b884738cb30df1320)
2013-07-29 23:03:31 +02:00
{% extends "zerver/portico.html" %}
templates: Use just one webpack entry point per page. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-10-23 07:46:34 +02:00
{% set entrypoint = "integrations" %}
Initial documentation page for integrations. (imported from commit cd73c63306ab7ed8c886c30488d5ab928fac6c06)
2013-02-06 20:25:04 +01:00
Redesign "/integrations/" page in portico. This redesigns the integrations page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:55 +01:00
{% block customhead %}
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% endblock %}
{% block hello_page_container %} hello-main{% endblock %}
Initial documentation page for integrations. (imported from commit cd73c63306ab7ed8c886c30488d5ab928fac6c06)
2013-02-06 20:25:04 +01:00
{% block portico_content %}
New integrations page (imported from commit 73afc130f9e2871e24e67c28f3ba4fa0839b11be)
2013-10-21 21:19:31 +02:00
Redesign "/integrations/" page in portico. This redesigns the integrations page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:55 +01:00
{% include 'zerver/landing_nav.html' %}
Change product page nav and hero styling.
2017-06-08 21:25:19 +02:00
{% include 'zerver/gradients.html' %}
Redesign "/integrations/" page in portico. This redesigns the integrations page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:55 +01:00
<div class="portico-landing integrations">
<div class="main">
<div class="padded-content">
portico: Add `.markdown` class to integrations page. This addition was made so I can deduplicate the selectors like this one: `.markdown ol > li, .portico-landing.integrations ol > li `and move the `.markdown` CSS in another file (in a further commit).
2019-07-22 19:54:57 +02:00
<div class="inner-content markdown">
New integrations page (imported from commit 73afc130f9e2871e24e67c28f3ba4fa0839b11be)
2013-10-21 21:19:31 +02:00
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
<div id="integration-main-text">
<header>
<h1 class="portico-page-heading">
marketing: Update integration count. This also automizes the integrations count update for the /integrations page.
2018-02-06 16:55:20 +01:00
{% trans %}Over {{integrations_count_display}} native integrations.{% endtrans %}
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
</h1>
</header>
<h2 class="portico-page-subheading">
{% trans %}
And hundreds more through
Refactor /integrations state, routing, and rendering logic. A large portion of the diff for landing-page.js is due to refactoring the contents of integrations_search into top level UI update functions. State flows as follows: dispatch(action) -> render(state) -> update UI Routes now use pushState instead of hashes. On transition between categories scrolling position is fixed, and on transition between catalog and integration sub-pages the page scrolls to the top.
2017-08-01 03:15:45 +02:00
<a href="/integrations/doc/hubot">Hubot</a>,
<a href="/integrations/doc/zapier">Zapier</a>,
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
and
integrations: Fix broken ifttt link.
2017-12-07 16:23:34 +01:00
<a href="/integrations/doc/ifttt">IFTTT</a>.
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% endtrans %}
</h2>
portico: Create search/catalog visuals in /integrations. Responsive designs for the search bar, categories sidebar, categories dropdown, and integration tiles.
2017-06-13 01:06:47 +02:00
</div>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
<div id="integration-search">
<div class="searchbar">
<div class="searchbar-reset">
integrations: Upgrade to use font-awesome 4.7 icon prefixes.
2018-06-27 13:00:48 +02:00
<i class="fa fa-search" aria-hidden="true"></i>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
<input type="text" placeholder="{{ _('Search integrations') }}"/>
</div>
</div>
</div>
<div class="integration-categories-dropdown">
<div class="dropdown-toggle">
portico: Update display text for integrations categories dropdown. Category 'All' -> text 'Filter by category'; icon chevron right when the dropdown is closed, icon chevron down when the dropdown is open All other categories -> text CATEGORIES[state.category]; icon chevron down
2017-08-01 02:40:31 +02:00
<h3 class="dropdown-category-label">{% trans %}Filter by category{% endtrans %}</h3>
integrations: Fix behaviour of angle icon associated with the dropdown. Here we just fix the behaviour of angle icon which is present in the integration categories dropdown. It used to change direction from down to right only if "All" options from the dropdown was selected (which is also the initial and default option). This behaviour was pretty inconsistent and looked odd. Rather than having a direction changing icon here, it migth be just better to stick with just the down facing angle arrow. Arrow direction in general represents in which direction the dropdown is gonna open up (in addition to the fact that a dropdown exits here).
2018-07-05 20:19:07 +02:00
<i class="fa fa-angle-down" aria-hidden="true"></i>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
</div>
<div class="dropdown-list">
Refactor /integrations state, routing, and rendering logic. A large portion of the diff for landing-page.js is due to refactoring the contents of integrations_search into top level UI update functions. State flows as follows: dispatch(action) -> render(state) -> update UI Routes now use pushState instead of hashes. On transition between categories scrolling position is fixed, and on transition between catalog and integration sub-pages the page scrolls to the top.
2017-08-01 03:15:45 +02:00
<a href="/integrations">
<h4 class="integration-category selected" data-category="all">All</h4>
</a>
{% for category in categories_dict.keys() %}
<a href="/integrations/{{ category }}">
<h4 class="integration-category" data-category="{{ category }}">
{{ categories_dict[category] }}
</h4>
</a>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% endfor %}
portico: Add /api links to /integrations. This PR creates a custom section on the /integrations page and adds links to /api for common requests. Fixes #11803.
2019-03-18 20:53:36 +01:00
<h4 class="heading">{% trans %}Custom integrations{% endtrans %}</h4>
<a href="/api/incoming-webhooks-overview">
<h4>{% trans %}Incoming webhooks{% endtrans %}</h4>
</a>
<a href="/api/writing-bots">
<h4>{% trans %}Interactive bots{% endtrans %}</h4>
</a>
<a href="/api/rest">
<h4>{% trans %}REST API{% endtrans %}</h4>
</a>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
</div>
</div>
<div class="catalog">
<div class="integration-categories-sidebar">
<h3>{% trans %}Categories{% endtrans %}</h3>
Refactor /integrations state, routing, and rendering logic. A large portion of the diff for landing-page.js is due to refactoring the contents of integrations_search into top level UI update functions. State flows as follows: dispatch(action) -> render(state) -> update UI Routes now use pushState instead of hashes. On transition between categories scrolling position is fixed, and on transition between catalog and integration sub-pages the page scrolls to the top.
2017-08-01 03:15:45 +02:00
<a href="/integrations">
<h4 data-category="all" class="integration-category selected">{% trans %}All{% endtrans %}</h4>
</a>
{% for category in categories_dict.keys() %}
<a href="/integrations/{{ category }}">
<h4 data-category="{{ category }}" class="integration-category">
{{ categories_dict[category] }}
</h4>
</a>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% endfor %}
portico: Add /api links to /integrations. This PR creates a custom section on the /integrations page and adds links to /api for common requests. Fixes #11803.
2019-03-18 20:53:36 +01:00
<hr/>
<h3>{% trans %}Custom integrations{% endtrans %}</h3>
<a href="/api/incoming-webhooks-overview">
<h4>{% trans %}Incoming webhooks{% endtrans %}</h4>
</a>
<a href="/api/writing-bots">
<h4>{% trans %}Interactive bots{% endtrans %}</h4>
</a>
<a href="/api/rest">
<h4>{% trans %}REST API{% endtrans %}</h4>
</a>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
</div>
portico: Add /api links to /integrations. This PR creates a custom section on the /integrations page and adds links to /api for common requests. Fixes #11803.
2019-03-18 20:53:36 +01:00
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
<div class="integration-lozenges">
{% for integration in integrations_dict.values() %}
{% if integration.is_enabled() %}
Remove link :hover animation & remove negating class. This removes the link :hover underline animation and then also removes all instances of `.no-style` that negated the effect.
2017-08-30 20:58:31 +02:00
<a href="/integrations/doc/{{ integration.name }}">
Hide deprecated integrations with legacy tag.
2017-07-21 03:40:33 +02:00
<div
linter: Enforce 2 space indents on tags spread over multiple lines. We make some specific cases of tags use 2 space indents. The case description: * A tag with opening tag spread over multiple lines and closing tag on the same line as of the closing angle bracket of the opening tag. * A tag with opening tag spread over multiple lines and closing tag not on the same line as of the closing angle bracket of the opening tag. Example: Case 1: Not linted: <button type="button" class="btn btn-primary btn-small">{{t "Yes" }}</button> After linting: <button type="button" class="btn btn-primary btn-small">{{t "Yes" }}</button> Case 2: Before linting: <div class = "foo" id = "bar" role = "whatever"> {{ bla }} </div> After linting: <div class = "foo" id = "bar" role = "whatever"> {{ bla }} </div>
2018-04-05 08:38:46 +02:00
{% if integration.legacy %}
class="integration-lozenge integration-{{ integration.name }} legacy"{% else %}
class="integration-lozenge integration-{{ integration.name }}"
{% endif %}
data-categories="{{ integration.categories }}"
data-name="{{ integration.name }}">
integrations: Get logo URLs from staticfiles. Signed-off-by: Anders Kaseorg <anders@zulipchat.com>
2019-07-17 01:52:30 +02:00
<img class="integration-logo" src="{{ integration.logo_url }}"
linter: Make html singleton tags use 2 space indentation.
2018-04-03 10:07:23 +02:00
alt="{{ integration.display_name }} logo"/>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% if integration.secondary_line_text %}
<h3 class="integration-name with-secondary">{{ integration.display_name }}</h3>
<h4 class="integration-secondary-line-text">
{{ integration.secondary_line_text }}
</h4>
{% else %}
<h3 class="integration-name">{{ integration.display_name }}</h3>
{% endif %}
<h4 class="integration-category">{{ integration.categories[0] }}</h4>
</div>
</a>
portico: Create search/catalog visuals in /integrations. Responsive designs for the search bar, categories sidebar, categories dropdown, and integration tiles.
2017-06-13 01:06:47 +02:00
{% endif %}
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% endfor %}
api docs: Move references to integration-guide to integrations-overview.
2018-10-17 05:00:52 +02:00
<a href="https://zulipchat.com/api/integrations-overview">
landing-page: Add 'Create your own!' integration tile.
2017-07-11 03:18:58 +02:00
<div class="integration-lozenge integration-create-your-own">
<div class="integration-logo">
integrations: Upgrade to use font-awesome 4.7 icon prefixes.
2018-06-27 13:00:48 +02:00
<i class="fa fa-plus" aria-hidden="true"></i>
landing-page: Add 'Create your own!' integration tile.
2017-07-11 03:18:58 +02:00
</div>
<h3 class="integration-name create-your-own">{% trans %}Create your own!{% endtrans %}</h3>
</div>
</a>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
</div>
</div>
<div id="integration-instructions-group">
Refactor /integrations state, routing, and rendering logic. A large portion of the diff for landing-page.js is due to refactoring the contents of integrations_search into top level UI update functions. State flows as follows: dispatch(action) -> render(state) -> update UI Routes now use pushState instead of hashes. On transition between categories scrolling position is fixed, and on transition between catalog and integration sub-pages the page scrolls to the top.
2017-08-01 03:15:45 +02:00
<div id="integration-instruction-block" class="integration-instruction-block">
Show integration categories on integration sub-pages.
2017-07-25 01:26:52 +02:00
<div class="categories"></div>
integrations: Fix arrangement of left sidebar `back to list` button. I rearranged the elements of the left sidebar in HTML in order to appear in the order they are displayed and removed the absolute positioning, because it was not needed if the elements are arranged correctly. I used `flex` display to arrange them on column. I removed the styling that positioned the elements absolutely. Then I tweaked the margins in order to make the elements look good. Fixes: #12929
2019-08-15 21:17:05 +02:00
<a href="/integrations" id="integration-list-link" class="no-underline"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i><span>Back to list</span></a>
Refactor /integrations state, routing, and rendering logic. A large portion of the diff for landing-page.js is due to refactoring the contents of integrations_search into top level UI update functions. State flows as follows: dispatch(action) -> render(state) -> update UI Routes now use pushState instead of hashes. On transition between categories scrolling position is fixed, and on transition between catalog and integration sub-pages the page scrolls to the top.
2017-08-01 03:15:45 +02:00
</div>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% for integration in integrations_dict.values() %}
{% if integration.is_enabled() %}
<div id={{ integration.name }} class="integration-instructions">
Improve /integrations page load time. Prior to this commit, 7 megabytes of images (through 253 individual requests) were heavily slowing down the initial load. With this commit, we load only the logos (60 or so images). Documentation and images for the individual integration sub-pages is requested separately using the /integrations/doc/ endpoint, which returns HTML.
2017-07-12 02:50:27 +02:00
<div class="help-content"></div>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
<p style="font-size:11px; font-style:italic;">
Logos are trademarks of their respective owners.
None of the integrations on this page are created by,
affiliated with, or supported by the companies
represented by the logos.
</p>
portico: Create search/catalog visuals in /integrations. Responsive designs for the search bar, categories sidebar, categories dropdown, and integration tiles.
2017-06-13 01:06:47 +02:00
</div>
Fix indentation for templates/zerver/integrations/index.html.
2017-07-11 02:05:55 +02:00
{% endif %}
{% endfor %}
</div>
portico: Create search/catalog visuals in /integrations. Responsive designs for the search bar, categories sidebar, categories dropdown, and integration tiles.
2017-06-13 01:06:47 +02:00
Redesign "/integrations/" page in portico. This redesigns the integrations page to incorporate the new landing nav, CSS animations, and general styling of the product page set.
2017-02-28 01:45:55 +01:00
</div> <!-- .inner-content -->
</div> <!-- .padded-content -->
</div> <!-- .main -->
</div> <!-- .portico-landing -->
New integrations page (imported from commit 73afc130f9e2871e24e67c28f3ba4fa0839b11be)
2013-10-21 21:19:31 +02:00
Initial documentation page for integrations. (imported from commit cd73c63306ab7ed8c886c30488d5ab928fac6c06)
2013-02-06 20:25:04 +01:00
{% endblock %}