Procházet zdrojové kódy

new html page for the widgets

cri před 8 roky
rodič
revize
2f16eddcd8
3 změnil soubory, kde provedl 136 přidání a 3 odebrání
  1. 16 3
      app/index.html
  2. 60 0
      app/wdg_list_item_home.html
  3. 60 0
      app/wdg_list_item_id.html

+ 16 - 3
app/index.html

@@ -46,7 +46,7 @@
     <div class="container">
         <header>
             <h1>App Generated <small>with the html5 app generator</small></h1>
-            <p>Example of the page Occupy Mordor</p>
+            <p>Example of the widget embed</p>
         </header>
     </div>
     <!-- build:js scripts/vendor.js -->
@@ -59,7 +59,20 @@
     <!-- endbuild -->
 
     <script src="scripts/arkiwi.js"></script>
-    <script src="scripts/main.js"></script>
-</body>
+    
+</body><div class="container">
+<p>Iframe list items con id:
+<pre>iframe class="embed" data-id="42" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_id.html"</pre>
+</p>
+<iframe class="embed" data-id="title:hack" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_id.html"></iframe>
 <div class="container-fluid" id="list" ><div class="row"></div></div>
+
+
+<p>Iframe  list items viz Arkiwi home page:
+<pre>iframe class="embed" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"</pre>
+</p>
+<iframe class="embed" data-id="title:hack" height="400px" width="99%" frameBorder='1' seamless='seamless' src="./wdg_list_item_home.html"></iframe>
+<div class="container-fluid" id="list" ><div class="row"></div></div>
+
+</div> <!--container-->
 </html>

+ 60 - 0
app/wdg_list_item_home.html

@@ -0,0 +1,60 @@
+<!doctype html>
+<!--[if lt IE 7]>
+<html class = "no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>
+<html class = "no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>
+<html class = "no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html class="no-js">
+<!--<![endif]-->
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>arkiwiJsBoilerplate</title>
+    <meta name="description" content="Arkiwi JS Boilerplate">
+    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+    <!-- build:css styles/vendor.css -->
+    <!-- bower:css -->
+    <!-- endbower -->
+    <!-- endbuild -->
+    <!-- build:css(.tmp) styles/main.css -->
+<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
+    <link rel="stylesheet" href="styles/main.css">
+    <!-- endbuild -->
+
+
+<!-- Latest compiled and minified CSS -->
+<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
+
+<!-- Optional theme -->
+<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
+
+<!-- Latest compiled and minified JavaScript -->
+<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
+</head>
+
+<body>
+    <!--[if lt IE 10]>
+        <p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
+            <a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+
+ 
+    <!-- build:js scripts/vendor.js -->
+    <!-- bower:js -->
+    <script src="bower_components/jquery/dist/jquery.js"></script>
+    <script src="bower_components/mustache/mustache.js"></script>
+    <script src="bower_components/bower-parseuri/parseuri.js"></script>
+    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
+    <!-- endbower -->
+    <!-- endbuild -->
+
+    <script src="scripts/arkiwi.js"></script>
+    <script src="scripts/main_list_item_home.js"></script>
+</body>
+<div class="container-fluid" id="list" ><div class="row"></div></div>
+</html>

+ 60 - 0
app/wdg_list_item_id.html

@@ -0,0 +1,60 @@
+<!doctype html>
+<!--[if lt IE 7]>
+<html class = "no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>
+<html class = "no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>
+<html class = "no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html class="no-js">
+<!--<![endif]-->
+
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>arkiwiJsBoilerplate</title>
+    <meta name="description" content="Arkiwi JS Boilerplate">
+    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
+    <!-- build:css styles/vendor.css -->
+    <!-- bower:css -->
+    <!-- endbower -->
+    <!-- endbuild -->
+    <!-- build:css(.tmp) styles/main.css -->
+<link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css">
+    <link rel="stylesheet" href="styles/main.css">
+    <!-- endbuild -->
+
+
+<!-- Latest compiled and minified CSS -->
+<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">-->
+
+<!-- Optional theme -->
+<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">-->
+
+<!-- Latest compiled and minified JavaScript -->
+<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>-->
+</head>
+
+<body>
+    <!--[if lt IE 10]>
+        <p class = "browsehappy">You are using an <strong>outdated</strong> browser. Please
+            <a href = "http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+        <![endif]-->
+
+ 
+    <!-- build:js scripts/vendor.js -->
+    <!-- bower:js -->
+    <script src="bower_components/jquery/dist/jquery.js"></script>
+    <script src="bower_components/mustache/mustache.js"></script>
+    <script src="bower_components/bower-parseuri/parseuri.js"></script>
+    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
+    <!-- endbower -->
+    <!-- endbuild -->
+
+    <script src="scripts/arkiwi.js"></script>
+    <script src="scripts/main_list_item_id.js"></script>
+</body>
+<div class="container-fluid" id="list" ><div class="row"></div></div>
+</html>