Changed hide to d-none

The hide class in bootstrap 2 added display:none.

This is done via d-none in v5 see.

https://getbootstrap.com/docs/5.0/utilities/display/#notation
This commit is contained in:
David Smith 2021-04-15 19:25:06 +01:00
parent db81b27469
commit b5bf67d213
9 changed files with 32 additions and 32 deletions

View File

@ -84,8 +84,8 @@ $(function () {
$('#selected-language').text(language) $('#selected-language').text(language)
var $codeBlocks = $('pre.highlight') var $codeBlocks = $('pre.highlight')
$codeBlocks.not('[data-language="' + language + '"]').addClass('hide') $codeBlocks.not('[data-language="' + language + '"]').addClass('d-none')
$codeBlocks.filter('[data-language="' + language + '"]').removeClass('hide') $codeBlocks.filter('[data-language="' + language + '"]').removeClass('d-none')
}) })
// API Explorer // API Explorer
@ -169,7 +169,7 @@ $(function () {
function responseCallback (response, responseText) { function responseCallback (response, responseText) {
// Display the 'Data'/'Raw' control. // Display the 'Data'/'Raw' control.
$toggleView.removeClass('hide') $toggleView.removeClass('d-none')
// Fill in the "200 OK" display. // Fill in the "200 OK" display.
$responseStatusCode.removeClass('label-success').removeClass('label-danger') $responseStatusCode.removeClass('label-success').removeClass('label-danger')
@ -179,7 +179,7 @@ $(function () {
$responseStatusCode.addClass('label-danger') $responseStatusCode.addClass('label-danger')
} }
$responseStatusCode.text(response.status) $responseStatusCode.text(response.status)
$meta.removeClass('hide') $meta.removeClass('d-none')
// Fill in the Raw HTTP response display. // Fill in the Raw HTTP response display.
var panelText = 'HTTP/1.1 ' + response.status + ' ' + response.statusText + '\n' var panelText = 'HTTP/1.1 ' + response.status + ' ' + response.statusText + '\n'
@ -222,25 +222,25 @@ $(function () {
var client = new coreapi.Client(options) var client = new coreapi.Client(options)
client.action(schema, key, params).then(function (data) { client.action(schema, key, params).then(function (data) {
var response = JSON.stringify(data, null, 2) var response = JSON.stringify(data, null, 2)
$requestAwaiting.addClass('hide') $requestAwaiting.addClass('d-none')
$responseRaw.addClass('hide') $responseRaw.addClass('d-none')
$responseData.addClass('hide').text('').jsonView(response) $responseData.addClass('d-none').text('').jsonView(response)
if (responseDisplay === 'data') { if (responseDisplay === 'data') {
$responseData.removeClass('hide') $responseData.removeClass('d-none')
} else { } else {
$responseRaw.removeClass('hide') $responseRaw.removeClass('d-none')
} }
}).catch(function (error) { }).catch(function (error) {
var response = JSON.stringify(error.content, null, 2) var response = JSON.stringify(error.content, null, 2)
$requestAwaiting.addClass('hide') $requestAwaiting.addClass('d-none')
$responseRaw.addClass('hide') $responseRaw.addClass('d-none')
$responseData.addClass('hide').text('').jsonView(response) $responseData.addClass('d-none').text('').jsonView(response)
if (responseDisplay === 'data') { if (responseDisplay === 'data') {
$responseData.removeClass('hide') $responseData.removeClass('d-none')
} else { } else {
$responseRaw.removeClass('hide') $responseRaw.removeClass('d-none')
} }
}) })
}) })
@ -256,11 +256,11 @@ $(function () {
$(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info') $(this).removeClass('btn-default').addClass('btn-info').siblings().removeClass('btn-info')
if (responseDisplay === 'raw') { if (responseDisplay === 'raw') {
$modalResponseRaw.removeClass('hide') $modalResponseRaw.removeClass('d-none')
$modalResponseData.addClass('hide') $modalResponseData.addClass('d-none')
} else { } else {
$modalResponseData.removeClass('hide') $modalResponseData.removeClass('d-none')
$modalResponseRaw.addClass('hide') $modalResponseRaw.addClass('d-none')
} }
}) })
@ -287,7 +287,7 @@ $(function () {
$selectedAuthentication.text('token') $selectedAuthentication.text('token')
$authControl.find("[data-auth]").closest('li').removeClass('active') $authControl.find("[data-auth]").closest('li').removeClass('active')
$authControl.find("[data-auth='token']").closest('li').addClass('active') $authControl.find("[data-auth='token']").closest('li').addClass('active')
$authTokenModal.modal('hide') $authTokenModal.modal('d-none')
}) })
// Authentication: basic // Authentication: basic
@ -304,7 +304,7 @@ $(function () {
$selectedAuthentication.text('basic') $selectedAuthentication.text('basic')
$authControl.find("[data-auth]").closest('li').removeClass('active') $authControl.find("[data-auth]").closest('li').removeClass('active')
$authControl.find("[data-auth='basic']").closest('li').addClass('active') $authControl.find("[data-auth='basic']").closest('li').addClass('active')
$authBasicModal.modal('hide') $authBasicModal.modal('d-none')
}) })
// Authentication: session // Authentication: session
@ -316,6 +316,6 @@ $(function () {
$selectedAuthentication.text('session') $selectedAuthentication.text('session')
$authControl.find("[data-auth]").closest('li').removeClass('active') $authControl.find("[data-auth]").closest('li').removeClass('active')
$authControl.find("[data-auth='session']").closest('li').addClass('active') $authControl.find("[data-auth='session']").closest('li').addClass('active')
$authSessionModal.modal('hide') $authSessionModal.modal('d-none')
}) })
}) })

View File

@ -49,7 +49,7 @@
$('#auth-control').children().removeClass('active'); $('#auth-control').children().removeClass('active');
$('#auth-control').find("[data-auth='session']").closest('li').addClass('active'); $('#auth-control').find("[data-auth='session']").closest('li').addClass('active');
{% endif %} {% endif %}
$('pre.highlight').filter('[data-language="{{ langs | first }}"]').removeClass('hide'); $('pre.highlight').filter('[data-language="{{ langs | first }}"]').removeClass('d-none');
</script> </script>
</body> </body>
</html> </html>

View File

@ -5,7 +5,7 @@
<div class="modal-dialog modal-lg" role="document"> <div class="modal-dialog modal-lg" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<div class="toggle-view hide"> <div class="toggle-view d-none">
<div class="btn-group" role="group"> <div class="btn-group" role="group">
<button type="button" data-display-toggle="data" class="btn btn-sm btn-info">Data</button> <button type="button" data-display-toggle="data" class="btn btn-sm btn-info">Data</button>
<button type="button" data-display-toggle="raw" class="btn btn-sm">Raw</button> <button type="button" data-display-toggle="raw" class="btn btn-sm">Raw</button>
@ -34,14 +34,14 @@
<div class="col-lg-6 response" id="response"> <div class="col-lg-6 response" id="response">
<div class="request-awaiting">Awaiting request</div> <div class="request-awaiting">Awaiting request</div>
<div class="meta hide"> <div class="meta d-none">
<span class="label label-primary request-method"></span> <span class="label label-primary request-method"></span>
<code class="request-url"></code> <code class="request-url"></code>
<label class="label label-lg response-status-code pull-right"></label> <label class="label label-lg response-status-code pull-right"></label>
</div> </div>
<pre class="well response-data hide"></pre> <pre class="well response-data d-none"></pre>
<pre class="well response-raw hide"><div class="response-raw-request"></div><div class="response-raw-response"></div></pre> <pre class="well response-raw d-none"><div class="response-raw-request"></div><div class="response-raw-response"></div></pre>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,5 @@
{% load rest_framework %} {% load rest_framework %}
{% load static %} {% load static %}
<pre class="highlight javascript hide" data-language="javascript"><code>{% code html %}<!-- Load the JavaScript client library --> <pre class="highlight javascript d-none" data-language="javascript"><code>{% code html %}<!-- Load the JavaScript client library -->
<script src="{% static 'rest_framework/js/coreapi-0.1.1.js' %}"></script> <script src="{% static 'rest_framework/js/coreapi-0.1.1.js' %}"></script>
<script src="{% url 'api-docs:schema-js' %}"></script>{% endcode %}</code></pre> <script src="{% url 'api-docs:schema-js' %}"></script>{% endcode %}</code></pre>

View File

@ -1,5 +1,5 @@
{% load rest_framework %} {% load rest_framework %}
<pre class="highlight javascript hide" data-language="javascript"><code>{% code javascript %}var coreapi = window.coreapi // Loaded by `coreapi.js` <pre class="highlight javascript d-none" data-language="javascript"><code>{% code javascript %}var coreapi = window.coreapi // Loaded by `coreapi.js`
var schema = window.schema // Loaded by `schema.js` var schema = window.schema // Loaded by `schema.js`
// Initialize a client // Initialize a client

View File

@ -1,3 +1,3 @@
{% load rest_framework %} {% load rest_framework %}
<pre class="highlight python hide" data-language="python"><code>{% code bash %}# Install the Python client library <pre class="highlight python d-none" data-language="python"><code>{% code bash %}# Install the Python client library
$ pip install coreapi{% endcode %}</code></pre> $ pip install coreapi{% endcode %}</code></pre>

View File

@ -1,5 +1,5 @@
{% load rest_framework %} {% load rest_framework %}
<pre class="highlight python hide" data-language="python"><code>{% code python %}import coreapi <pre class="highlight python d-none" data-language="python"><code>{% code python %}import coreapi
# Initialize a client & load the schema document # Initialize a client & load the schema document
client = coreapi.Client() client = coreapi.Client()

View File

@ -1,3 +1,3 @@
{% load rest_framework %} {% load rest_framework %}
<pre class="highlight shell hide" data-language="shell"><code>{% code bash %}# Install the command line client <pre class="highlight shell d-none" data-language="shell"><code>{% code bash %}# Install the command line client
$ pip install coreapi-cli{% endcode %}</code></pre> $ pip install coreapi-cli{% endcode %}</code></pre>

View File

@ -1,5 +1,5 @@
{% load rest_framework %} {% load rest_framework %}
<pre class="highlight shell hide" data-language="shell"><code>{% code bash %}# Load the schema document <pre class="highlight shell d-none" data-language="shell"><code>{% code bash %}# Load the schema document
$ coreapi get {{ document.url }}{% if schema_format %} --format {{ schema_format }}{% endif %} $ coreapi get {{ document.url }}{% if schema_format %} --format {{ schema_format }}{% endif %}
# Interact with the API endpoint # Interact with the API endpoint