From 383030359e910ba4f3766d6e57c7b57022213d15 Mon Sep 17 00:00:00 2001 From: mDuo13 Date: Wed, 20 Apr 2022 14:03:36 -0700 Subject: [PATCH] Code samples: cleanup for publishing --- assets/js/code-samples.js | 18 +++++ template/base.html.jinja | 7 +- .../component-code-sample-filter.html.jinja | 29 ------- template/page-code-samples.html.jinja | 79 +++++++++++-------- 4 files changed, 64 insertions(+), 69 deletions(-) create mode 100644 assets/js/code-samples.js delete mode 100644 template/component-code-sample-filter.html.jinja diff --git a/assets/js/code-samples.js b/assets/js/code-samples.js new file mode 100644 index 0000000000..b95b4948bc --- /dev/null +++ b/assets/js/code-samples.js @@ -0,0 +1,18 @@ +$(document).ready(() => { + $(".single_lang input").change((event) => { + const lang = $(event.target).val() + const lang_checked = $(event.target).prop("checked") + + if (lang_checked) { + // Enabling a language + //$("#input_all").prop("checked", false) + $("#code_samples_list .card").hide() + $(`#code_samples_list .card.lang_${lang}`).show() + } + // Disabling a language? Let the other element's handler do it + }) + $("#input_all").change((event) => { + const lang = $(event.target).val() + $("#code_samples_list .card").show() + }) +}) diff --git a/template/base.html.jinja b/template/base.html.jinja index 464b0a9a5e..608b7d61f9 100644 --- a/template/base.html.jinja +++ b/template/base.html.jinja @@ -109,11 +109,8 @@ {% endif %} {% include "component-tree-nav.html.jinja" %} {% endblock %} - - {% if currentpage.codesamples is defined %} - {% include "component-code-sample-filter.html.jinja" %} - {% endif %} - + {% block bottom_left_sidebar %} + {% endblock %} {% endif %} diff --git a/template/component-code-sample-filter.html.jinja b/template/component-code-sample-filter.html.jinja deleted file mode 100644 index d2958357b5..0000000000 --- a/template/component-code-sample-filter.html.jinja +++ /dev/null @@ -1,29 +0,0 @@ -{% set lang_text = { - "cli": "CLI", - "go": "go", - "java": "Java", - "js": "JavaScript", - "py": "Python", - "http": "HTTP", - } %} - -
-
-

Code Language

-
- -
- {% for lang in all_langs %} - {# #} -
- -
- {% endfor %} - -
- {# #} -
-
-
- -

diff --git a/template/page-code-samples.html.jinja b/template/page-code-samples.html.jinja index a8c20d53a1..58e6e3948a 100644 --- a/template/page-code-samples.html.jinja +++ b/template/page-code-samples.html.jinja @@ -6,18 +6,14 @@ {% block main %}
-{#
- -
#} -
- +

{% trans %}Solutions to Accelerate Development{% endtrans %}

{% trans %}Code Samples{% endtrans %}
- Submit Code Samples +{# Submit Code Samples #}
@@ -30,23 +26,9 @@
{% trans %}Explore Code Samples{% endtrans %}

{% trans %}Browse sample code for building common use cases on the XRP Ledger{% endtrans %}

- +
- - {# {% set code_samples = [ - { "href": "https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/checks", - "title": _("Checks Tutorials"), - "langs": [ - "js", - "json-rpc", - "websocket", - "cli" - ], - "description": _("Create, cash, and cancel Checks for exact or flexible amounts.") - }, - ] %} #} - {% set code_samples = all_code_samples() %} {% set lang_icons = { @@ -58,7 +40,7 @@ "http": "assets/img/logos/globe.svg", } %} -
+
-{# container #} -{# col-lg-12 mx-auto #} -
-
- +
+
+

{% trans %}Contribute Code Samples{% endtrans %}

{% trans %}Help the XRPL community by submitting your
own code samples{% endtrans %}
-
Fork and clone

Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.

-
Add to folder

Add your sample code to the content/_code-samples folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.

+
Fork and clone

Fork the xrpl-dev-portal repo. Using git, clone the fork to your computer.

+
Add to folder

Add your sample code to the content/_code-samples/ folder. Be sure to include a README.md that summarizes what it does and anything else people should know about it.

Commit and push

Commit your changes and push them to your fork on GitHub.

Open a pull request

Open a pull request to the original repo. Maintainers will review your submission and suggest changes if necessary. If the code sample is helpful, it’ll be merged and added to XRPL.org!

- Submit Code Samples + {#Submit Code Samples#}
-
{% endblock %} - {% block analytics %} {% endblock analytics %} + + +{% block bottom_left_sidebar %} +{% set lang_text = { + "cli": "CLI", + "go": "go", + "java": "Java", + "js": "JavaScript", + "py": "Python", + "http": "HTTP", + } %} + +
+
+

Code Language

+
+ +
+ {% for lang in all_langs %} +
+ + +
+ {% endfor %} +
+
+ +

+{% endblock %} + +{% block endbody %} + +{% endblock %}