ramda.github.io/0.21.0/examples/index.html at 19afd9fb0d05ea24823f75f04d3c0bf6a98a45f7 · ramda/ramda.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html class="docs-page">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Ramda Cookbook</title>
  <link rel="stylesheet" type="text/css" href="../style.css">
  <script src="https://embed.tonicdev.com"></script>
</head>

<body>
  <input type="checkbox" id="open-nav" />
  <header class="navbar navbar-fixed-top navbar-inverse container-fluid">
    <div class="navbar-header">
      <label class="open-nav" for="open-nav"></label>
      <a class="navbar-brand" href="#">
        <strong>Ramda</strong>
        <span class="version">v0.21.0</span>
      </a>
    </div>
    <div class="navbar-left">
      <ul class="nav navbar-nav">
        <li><a href="/">Home</a></li>
        <li><a href="/docs">Documentation</a></li>
        <li><a href="/repl?v=0.21.0">Try Ramda</a></li>
        <li class='active'><a href="#">Cookbook</a></li>
      </ul>
    </div>
    <div class='navbar-right'>
        <ul class="nav navbar-nav">
            <li><a href="https://github.com/ramda/ramda">GitHub</a></li>
        </ul>
    </div>
  </header>
  <aside class="sidebar no-filter container-fluid">
        <ul class="nav nav-pills nav-stacked toc">
            <li class='text-capitalize padded' data-file="../examples/code/apply.function.n.times.json">Apply function N times</li>
            <li class='text-capitalize padded' data-file="../examples/code/convert.list.to.object.json">Convert List to Object</li>
            <li class='text-capitalize padded' data-file="../examples/code/convert.object.to.array.json">Convert object to array</li>
            <li class='text-capitalize padded' data-file="../examples/code/create.list.json">Create a list</li>
            <li class='text-capitalize padded' data-file="../examples/code/diff.objects.json">Diff Objects</li>
            <li class='text-capitalize padded' data-file="../examples/code/do.any.strings.appear.json">Any Duplicate Strings</li>
            <li class='text-capitalize padded' data-file="../examples/code/filter.using.keys.and.values.json">Filter w/ Keys &amp; Vals</li>
            <li class='text-capitalize padded' data-file="../examples/code/get.object.by.id.json">Get object by id</li>
            <li class='text-capitalize padded' data-file="../examples/code/get.objects.methods.json">Get method names</li>
            <li class='text-capitalize padded' data-file="../examples/code/increment.with.step.json">Increment with step</li>
            <li class='text-capitalize padded' data-file="../examples/code/make.objects.out.of.keys.json">Make object from keys</li>
            <li class='text-capitalize padded' data-file="../examples/code/map.keys.of.object.json"></li>
            <li class='text-capitalize padded' data-file="../examples/code/map.keys.to.objects.json">Map keys to objects</li>
            <li class='text-capitalize padded' data-file="../examples/code/map.value.at.end.of.path.json">Map val at end of path</li>
            <li class='text-capitalize padded' data-file="../examples/code/mess.with.dom.json">Mess with DOM</li>
            <li class='text-capitalize padded' data-file="../examples/code/n.function.calls.json">Get n function calls</li>
            <li class='text-capitalize padded' data-file="../examples/code/object.size.json">Object Size</li>
            <li class='text-capitalize padded' data-file="../examples/code/pick-list.json">Pick List by Index</li>
            <li class='text-capitalize padded' data-file="../examples/code/r.props.deep.fields.json">R.props for deep fields</li>
            <li class='text-capitalize padded' data-file="../examples/code/ramda.fantasy.ajax.json">ramda-fantasy wrap AJAX</li>
            <li class='text-capitalize padded' data-file="../examples/code/rename.keys.of.object.json">Rename keys</li>
            <li class='text-capitalize padded' data-file="../examples/code/set.properties.if.dont.exist.json">Set non-existent properties</li>
            <li class='text-capitalize padded' data-file="../examples/code/specific.order.json">Functions in order</li>
        </ul>
    </aside>
  <main class="container-fluid">
    <h1 class='title text-capitalize'>Cookbook</h1>
    <div class='snippet'></div>
    <div id='tonic'></div>
  </main>
</body>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
  (function(){
            var notebook = Tonic.createNotebook({
                element: document.getElementById("tonic"),
                source: '//Select an example to continue'
            });

            $('li').on('click', function(e){
                let filename = $(e.currentTarget).data('file');
                $('li').removeClass('active');
                $(e.currentTarget).addClass('active');

                $.ajax({
                    url: filename,
                    dataType: 'text'
                }).done(function(file){
                    var example = JSON.parse(file);
                    $('h1.title').text(example.title);
                    if(example.description){
                      $('div.snippet').html(example.description);
                    }

                    notebook.setSource(example.source);
                });
            });
        })();
</script>

</html>