|
@@ -0,0 +1,75 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="apple-mobile-web-app-capable" content="yes" />
|
|
|
+ <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"/>
|
|
|
+ <meta name="theme-color" content="#ff9224">
|
|
|
+ <link rel="stylesheet" href="../script/tocas/tocas.css">
|
|
|
+ <script src="../script/tocas/tocas.js"></script>
|
|
|
+ <script src="../script/jquery.min.js"></script>
|
|
|
+ <script src="../script/ao_module.js"></script>
|
|
|
+
|
|
|
+ <link rel="manifest" crossorigin="use-credentials" href="manifest.json">
|
|
|
+ <title>Blog</title>
|
|
|
+ <style>
|
|
|
+ body{
|
|
|
+ background-color: white;
|
|
|
+ }
|
|
|
+ .postControls{
|
|
|
+ position: absolute;
|
|
|
+ top: 0.5em;
|
|
|
+ right: 0.5em;
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <br><br>
|
|
|
+ <div class="ts container">
|
|
|
+ <div>
|
|
|
+ <h4><img class="ts mini spaced image" src="img/module_icon.png" style="margin-right: 12px;"> Blog Writer</h4>
|
|
|
+ </div>
|
|
|
+ <div class="ts divider"></div>
|
|
|
+ <div class="ts stackable grid">
|
|
|
+ <!-- Post container-->
|
|
|
+ <div class="twelve wide column">
|
|
|
+ <div class="ts segment post">
|
|
|
+ <div class="ts header">
|
|
|
+ Awesome Blog Title
|
|
|
+ <div class="sub header"><i class="tag icon"></i> tag1, tag2, tag3, tag4</div>
|
|
|
+ </div>
|
|
|
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu libero quis orci ornare scelerisque at vitae tortor. Duis at mauris purus. Donec pharetra orci hendrerit dui auctor facilisis. Praesent et nunc elementum, posuere diam in, varius velit. Integer ac ante blandit lacus ultrices elementum. Fusce sed viverra arcu. Cras laoreet neque turpis, in porta mi ornare vel. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse vitae aliquet libero. Donec risus enim, iaculis quis ornare vel, ornare a dolor. Maecenas a iaculis diam. Integer eget tellus scelerisque, finibus felis nec, mollis sem. Donec euismod turpis elit, quis volutpat nisl imperdiet at. </p>
|
|
|
+ <p><a>Show More</a></p>
|
|
|
+
|
|
|
+ <div class="postControls">
|
|
|
+ <button class="ts mini icon button"><i class="edit icon"></i></button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- Setting container-->
|
|
|
+ <div class="four wide column">
|
|
|
+ <div class="ts segment">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ //List all the post stored in the system
|
|
|
+ listPost();
|
|
|
+
|
|
|
+ function listPost(){
|
|
|
+ ao_module_agirun("Blog/backend/listPosts.js", {}, function(data){
|
|
|
+ if (data.length == 0){
|
|
|
+ //There is no post in the system
|
|
|
+
|
|
|
+ }else{
|
|
|
+ //Render the post
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|