generate api url

backstage/routes.py

@@ -10,4 +10,4 @@ def home():
 
 @app.route('/backstage/editor')
 def editor():
-    return render_template('editor.html', title='Type Editor')
+    return render_template('editor.html', title='Type Editor', url='/collection/doll_and_drum_set')

backstage/static/js/editor.js

@@ -15,8 +15,9 @@ function isIndexExistInBlockArray(blockIndex, length) {
 const contentDiv = document.getElementById('editor_block');
 const titleButton = document.getElementById('title_button');
 const submitButton = document.getElementById('submit_button');
-axios.get('/static/公仔與爵士鼓.md').then(function(response) {
-  const content = response.data;
+const contentApiUrl = `${PORTAL_SERVER}contents?url=${(JSON.parse(document.getElementById('url').textContent)).url}`
+axios.get(contentApiUrl).then(({ data }) => {
+  const content = _.get(data, 'content', '');
   var {blockArray, blockCount} = parseMd(content);
   var dataIndex;
   titleButton.onclick = function() {
@@ -39,7 +40,7 @@ axios.get('/static/公仔與爵士鼓.md').then(function(response) {
       dataIndex += 1;
       const {p, descTextArea, descInputButton} = getdescElements(blockDiv);
       descInputButton.onclick = function() {
-        blockArray = handleDescInputClick(p, descTextArea.value, blockArray, blockindex, ownDataIndex);
+        blockArray = handleDescInputClick(p, descTextArea.value, blockArray, blockIndex, ownDataIndex);
       }
     }
     imgButton.onclick = function() {
@@ -66,17 +67,24 @@ axios.get('/static/公仔與爵士鼓.md').then(function(response) {
           mdContent += _.get(data, 'description.text', '') + '\n';
         } else if (_.get(_.keys(data), 0) === 'image') {
           ampImgForm = `<amp-img\
-          \n  alt="${_.get(data, 'image.alt', '小寶優居')}"\
-          \n  src="${_.get(data, 'image.src', '')}"\
-          \n  height="${_.get(data, 'image.height', 300)}"\
-          \n  width="${_.get(data, 'image.width', 400)}"\
-          \n  layout="${_.get(data, 'image.layout', 'responsive')}>"\
-          \n</amp-img>`;
+\n  alt="${_.get(data, 'image.alt', '小寶優居')}"\
+\n  src="${_.get(data, 'image.src', '')}"\
+\n  height="${_.get(data, 'image.height', 300)}"\
+\n  width="${_.get(data, 'image.width', 400)}"\
+\n  layout="${_.get(data, 'image.layout', 'responsive')}">\
+\n</amp-img>\n`;
           mdContent += ampImgForm;
         }
-      } 
+      }
     }
     console.log(mdContent);
     console.log(blockArray);
+    const postData = {
+      content: mdContent,
+      path: '家具規劃作品/test_post_index.md',
+      title: 'test_post_index',
+      url: '/collection/test_post_index'
+    }
+    axios.post(contentApiUrl, json=postData);
   }
 });

backstage/templates/editor.html

@@ -8,6 +8,8 @@
         </div>
           <div id= "editor_block" class="ui segment"></div>
         <button id='submit_button'>Submit</button>
+        <script type="text/json" id="url">{"url": "{{ url }}"}</script>
+        <script type="text/javascript" src="{{url_for('static', filename='config.js')}}"></script>
         <script type="text/javascript" src="{{url_for('static', filename='js/blockElements.js')}}"></script>
         <script type="text/javascript" src="{{url_for('static', filename='js/parsers.js')}}"></script>
         <script type="text/javascript" src="{{url_for('static', filename='js/editor.js')}}"></script>