|
|
@@ -7,45 +7,63 @@
|
|
|
<link rel="stylesheet" type="text/css" href="css/google-code-prettify/desert.css">
|
|
|
<title>Titre</title>
|
|
|
</head>
|
|
|
- <body onload="PR.prettyPrint()">
|
|
|
- <h1>Bonjour</h1>
|
|
|
- <pre class="prettyprint">
|
|
|
- public class Loul {
|
|
|
- // Commentaire
|
|
|
- }
|
|
|
- </pre>
|
|
|
- <h3 data-bind="name"></h3>
|
|
|
- <h3 data-bind="test"></h3>
|
|
|
-
|
|
|
- <div data-loop="aze">
|
|
|
- <h4>Loop</h4>
|
|
|
- <span data-val="a"></span>
|
|
|
+ <body>
|
|
|
+
|
|
|
+ <div data-loop="card">
|
|
|
+ <h3 data-val="title"></h3>
|
|
|
+ <p data-val="content"></p>
|
|
|
</div>
|
|
|
|
|
|
- <input type="hidden" data-model="name" value="nom">
|
|
|
-
|
|
|
- <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
|
|
|
<script type="text/javascript" src="js/materialize.min.js"></script>
|
|
|
<script type="text/javascript" src="js/google-code-prettify/prettify.js"></script>
|
|
|
+ <script type="text/javascript" src="js/script.js"></script>
|
|
|
<script type="text/javascript" src="js/binder.js"></script>
|
|
|
+ <script type="text/javascript" src="../node_modules/jquery/dist/jquery.min.js"></script>
|
|
|
+ <script type="text/javascript" src="../node_modules/marked/marked.min.js"></script>
|
|
|
+ <script type="text/javascript" src="../node_modules/dompurify/dist/purify.min.js"></script>
|
|
|
<script type="text/javascript">
|
|
|
- var scope = binder({
|
|
|
- test: 'aze',
|
|
|
- aze: [
|
|
|
- {
|
|
|
- a: 'rty'
|
|
|
- },
|
|
|
- {
|
|
|
- a: 'dfg'
|
|
|
- }
|
|
|
- ]
|
|
|
- });
|
|
|
+ var scope;
|
|
|
|
|
|
- looper(scope);
|
|
|
+ $(document).ready(() => {
|
|
|
+ loadData(true).then((data) => {
|
|
|
+ scope = binder({card: data});
|
|
|
+ printContent(scope);
|
|
|
+ });
|
|
|
+ });
|
|
|
|
|
|
- scope.aze[1].a = 'lol';
|
|
|
+ /**
|
|
|
+ * Load all card present by default
|
|
|
+ * @param boolean toArray (optionnal) send result in array and not in object (default: false)
|
|
|
+ */
|
|
|
+ function loadData(toArray) {
|
|
|
+ toArray = toArray ? toArray : false;
|
|
|
+ const data = toArray ? [] : {};
|
|
|
+ return new Promise(resolve => {
|
|
|
+ $.getJSON('data/list.json', (list) => {
|
|
|
+ const total = list.length;
|
|
|
+ let count = 0;
|
|
|
+ list.forEach(element => {
|
|
|
+ $.getJSON(`data/${element}.json`, (result) => {
|
|
|
+ toArray ? data.push(result) : data[result.id] = result;
|
|
|
+ if (++count === total) {
|
|
|
+ resolve(data);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
|
|
|
- looper(scope);
|
|
|
+ function printContent(scope) {
|
|
|
+ for(element of scope.card) {
|
|
|
+ element.content = element.content.toMarkdown().replace(/code>/g, 'pre>');
|
|
|
+ }
|
|
|
+ looper(scope);
|
|
|
+ for(preTag of $('pre')) {
|
|
|
+ $(preTag).addClass('prettyprint');
|
|
|
+ }
|
|
|
+ PR.prettyPrint();
|
|
|
+ }
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
Loquicom