Skip to content

docs: Display ES2017 usage by default #2575

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Nov 23, 2020
Merged

docs: Display ES2017 usage by default #2575

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8230a4b
docs: display ES2017 usage by default
outloudvi Oct 13, 2020
7c04536
docs: hide ES2017 when toggling to on
outloudvi Oct 13, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
46 changes: 23 additions & 23 deletions docs/reference/content/tutorials/crud.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ This tutorial covers both the basic CRUD methods and the specialized ``findAndMo
as well as the new Bulk API methods for efficient bulk write operations.

<div class="pull-right">
<input type="checkbox" checked="" class="distroPicker" data-toggle="toggle" data-on="ES2015" data-off="ES2017" data-offstyle="success">
<input type="checkbox" checked="" class="distroPicker" data-toggle="toggle" data-on="ES2017" data-off="ES2015" data-offstyle="success">
</div>


Expand All @@ -33,7 +33,7 @@ The ``insertOne`` and ``insertMany`` methods exist on the ``Collection`` class a



<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

// Insert a single document
Expand All @@ -52,7 +52,7 @@ The ``insertOne`` and ``insertMany`` methods exist on the ``Collection`` class a
});

</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Insert a single document
Expand Down Expand Up @@ -90,7 +90,7 @@ The ``insertOne`` and ``insertMany`` methods also accept a second argument which
The following example shows how to serialize a passed-in function when writing to a
[replica set](https://docs.mongodb.org/manual/core/replica-set-members/).

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

// Insert a single document
Expand All @@ -108,7 +108,7 @@ The following example shows how to serialize a passed-in function when writing t
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Insert a single document
Expand Down Expand Up @@ -140,7 +140,7 @@ when inserting documents with the ``insertMany`` method.
The Decimal128 data type requires MongoDB server version 3.4 or higher.
{{% /note %}}

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
const Long = require('mongodb').Long;
const Decimal = require('mongodb').Decimal128;

Expand All @@ -158,7 +158,7 @@ const Decimal = require('mongodb').Decimal128;
});

</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
const Long = require('mongodb').Long;
const Decimal = require('mongodb').Decimal128;

Expand Down Expand Up @@ -191,7 +191,7 @@ The above operation inserts the following documents into the

The ``updateOne`` and ``updateMany`` methods exist on the ``Collection`` class and are used to update and upsert documents.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('updates');
Expand Down Expand Up @@ -226,7 +226,7 @@ The ``updateOne`` and ``updateMany`` methods exist on the ``Collection`` class a
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the updates collection
Expand Down Expand Up @@ -276,7 +276,7 @@ Just as for ``insert``, the ``update`` method allows you to specify a per operat

The ``deleteOne`` and ``deleteMany`` methods exist on the ``Collection`` class and are used to remove documents from MongoDB.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('removes');
Expand All @@ -300,7 +300,7 @@ The ``deleteOne`` and ``deleteMany`` methods exist on the ``Collection`` class a
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the removes collection
Expand Down Expand Up @@ -343,7 +343,7 @@ allow the user to update or upsert a document and have the modified or existing
methods, the operation takes a write lock for the duration of the operation in order to ensure the modification is
[atomic](https://docs.mongodb.org/manual/core/write-operations-atomicity/).

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('findAndModify');
Expand Down Expand Up @@ -371,7 +371,7 @@ methods, the operation takes a write lock for the duration of the operation in o
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the findAndModify collection
Expand Down Expand Up @@ -414,7 +414,7 @@ The ``findOneAndUpdate`` method also accepts a third argument which can be an op

The ``findOneAndDelete`` function is designed to help remove a document.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('findAndModify');
Expand All @@ -435,7 +435,7 @@ The ``findOneAndDelete`` function is designed to help remove a document.
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the findAndModify collection
Expand Down Expand Up @@ -471,7 +471,7 @@ Like ``findOneAndUpdate``, it allows an object of options to be passed in which

The ``bulkWrite`` function allows a simple set of bulk operations to run in a non-fluent way, in comparison to the bulk API discussed next.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

// Get the collection
Expand All @@ -498,7 +498,7 @@ The ``bulkWrite`` function allows a simple set of bulk operations to run in a no
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the collection
Expand Down Expand Up @@ -540,7 +540,7 @@ The ``bulkWrite`` function takes an array of operations which can be objects of

Bulk write operations make it easy to write groups of operations together to MongoDB. There are some caveats and to get the best performance you need to be running against MongoDB version 2.6 or higher, which supports the new write commands. Bulk operations are split into *ordered* and *unordered* bulk operations. An *ordered* bulk operation guarantees the order of execution of writes while the *unordered* bulk operation makes no assumptions about the order of execution. In the Node.js driver the *unordered* bulk operations will group operations according to type and write them in parallel.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('bulkops');
Expand All @@ -566,7 +566,7 @@ Bulk write operations make it easy to write groups of operations together to Mon
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the collection
Expand Down Expand Up @@ -641,7 +641,7 @@ The main method for querying the database is the ``find`` method.

The following example materializes all the documents from a query using the ``toArray`` method, but limits the number of returned results to two documents.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('find');
Expand All @@ -659,7 +659,7 @@ The following example materializes all the documents from a query using the ``to
});
});
</code></pre></section>
<section class="javascript6 hidden"><pre><code class="hljs">
<section class="javascript6"><pre><code class="hljs">
{{% js6-connect %}}

// Get the collection
Expand Down Expand Up @@ -715,7 +715,7 @@ More information can be found in the [Cursor API documentation](/node-mongodb-na

The following example uses the ``next`` method.

<section class="javascript5"><pre><code class="hljs">
<section class="javascript5 hidden"><pre><code class="hljs">
{{% myproject-connect %}}

const col = db.collection('find');
Expand All @@ -733,7 +733,7 @@ The following example uses the ``next`` method.
});
});
</code></pre></section>
<section class="javascript6 hidden">
<section class="javascript6">
In ECMAScript 6, The new `generator` functions allow for what is arguably a
much cleaner and easier way to read iteration code.

Expand Down
8 changes: 4 additions & 4 deletions docs/reference/static/js/toggle-switch.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ $(document).ready(function(){
$('.distroPicker').bootstrapToggle();
$('.distroPicker').change(function () {
if ($('.distroPicker').prop('checked')) {
$('.javascript6').addClass('hidden');
$('.javascript5').removeClass('hidden');
} else {
$('.javascript5').addClass('hidden');
$('.javascript6').removeClass('hidden');
} else {
$('.javascript6').addClass('hidden');
$('.javascript5').removeClass('hidden');
}
});
});
});