|
@@ -1,114 +1,72 @@
|
|
|
<!doctype html>
|
|
|
<html lang="en">
|
|
|
-
|
|
|
<head>
|
|
|
<meta charset="utf-8" />
|
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
|
<meta name="theme-color" content="#000000" />
|
|
|
- <meta name="description" content="Web site created using create-react-app" />
|
|
|
- <link rel="apple-touch-icon" href="/Photo/logo192.png" />
|
|
|
- <link rel="manifest" href="/Photo/manifest.json" />
|
|
|
+ <meta name="description" content="ArozOS Photo" />
|
|
|
<title>Photo</title>
|
|
|
+ <link rel="stylesheet" href="../script/semantic/semantic.min.css">
|
|
|
+ <script src="../script/alpine.min.js"></script>
|
|
|
<script src="../script/jquery.min.js"></script>
|
|
|
+ <script src="../script/semantic/semantic.min.js"></script>
|
|
|
+ <script src="../script/ao_module.js"></script>
|
|
|
+ <script src="photo.js"></script>
|
|
|
<style>
|
|
|
- body {
|
|
|
- background-color: #fff
|
|
|
- }
|
|
|
-
|
|
|
- figcaption {
|
|
|
- word-break: break-all;
|
|
|
- }
|
|
|
+
|
|
|
</style>
|
|
|
- <link href="/Photo/static/css/2.c301f1a7.chunk.css" rel="stylesheet">
|
|
|
- <link href="/Photo/static/css/main.5ecd60fb.chunk.css" rel="stylesheet">
|
|
|
- <script src="../script/ao_module.js"></script>
|
|
|
+
|
|
|
</head>
|
|
|
+<body>
|
|
|
|
|
|
-<body><noscript>You need to enable JavaScript to run this app.</noscript>
|
|
|
- <div id="root"></div>
|
|
|
- <script>
|
|
|
- //Check if there are file dropped into this interface. If yes, redirect to embedded
|
|
|
- var infile = ao_module_loadInputFiles();
|
|
|
- if (infile != null) {
|
|
|
- window.location.href = "embedded.html" + window.location.hash;
|
|
|
- }
|
|
|
+ <div class="ui left vertical menu" id="menu">
|
|
|
+ <div class="item">
|
|
|
+ <img class="ui fluid image" src="img/banner.png">
|
|
|
+ </div>
|
|
|
+ <div class="item">
|
|
|
+ Browse Photos
|
|
|
+ <div class="menu">
|
|
|
+ <a class="active item">user:/</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
- ! function(e) {
|
|
|
- function t(t) {
|
|
|
- for (var n, l, p = t[0], f = t[1], i = t[2], c = 0, s = []; c < p.length; c++) l = p[c], Object.prototype.hasOwnProperty.call(o, l) && o[l] && s.push(o[l][0]), o[l] = 0;
|
|
|
- for (n in f) Object.prototype.hasOwnProperty.call(f, n) && (e[n] = f[n]);
|
|
|
- for (a && a(t); s.length;) s.shift()();
|
|
|
- return u.push.apply(u, i || []), r()
|
|
|
- }
|
|
|
-
|
|
|
- function r() {
|
|
|
- for (var e, t = 0; t < u.length; t++) {
|
|
|
- for (var r = u[t], n = !0, p = 1; p < r.length; p++) {
|
|
|
- var f = r[p];
|
|
|
- 0 !== o[f] && (n = !1)
|
|
|
- }
|
|
|
- n && (u.splice(t--, 1), e = l(l.s = r[0]))
|
|
|
- }
|
|
|
- return e
|
|
|
- }
|
|
|
- var n = {},
|
|
|
- o = {
|
|
|
- 1: 0
|
|
|
- },
|
|
|
- u = [];
|
|
|
+ <div class="item">
|
|
|
+ Tags by AI
|
|
|
+ <div class="menu">
|
|
|
+ <a class="active item">#a</a>
|
|
|
+ <a class="item">#b</a>
|
|
|
+ <a class="item">#c</a>
|
|
|
+ <a class="item">See More</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
- function l(t) {
|
|
|
- if (n[t]) return n[t].exports;
|
|
|
- var r = n[t] = {
|
|
|
- i: t,
|
|
|
- l: !1,
|
|
|
- exports: {}
|
|
|
- };
|
|
|
- return e[t].call(r.exports, r, r.exports, l), r.l = !0, r.exports
|
|
|
+ <div class="ui segment" x-data='folderObject()' x-init="init()">
|
|
|
+ <div class="ui six cards viewbox">
|
|
|
+ <template x-for="image in images">
|
|
|
+ <div class="ui small card" x-on:click="showImage($el);" :filedata="encodeURIComponent(JSON.stringify({'filename':image.split('/').pop(),'filepath':image}))">
|
|
|
+ <a class="image" >
|
|
|
+ <img :src="'../system/file_system/loadThumbnail?bytes=true&vpath=' + image">
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+ <button x-on:click="updateRenderingPath('user:/Photo/油圖/*.jpg');">Click Me</button>
|
|
|
+ </div>
|
|
|
+ <script>
|
|
|
+ $(window).on("resize", function(){
|
|
|
+ if (window.innerWidth < 500){
|
|
|
+ $(".viewbox").attr("class", "ui three cards viewbox");
|
|
|
+ }else if (window.innerWidth < 800){
|
|
|
+ $(".viewbox").attr("class", "ui four cards viewbox");
|
|
|
+ }else if (window.innerWidth < 1200){
|
|
|
+ $(".viewbox").attr("class", "ui six cards viewbox");
|
|
|
+ }else{
|
|
|
+ $(".viewbox").attr("class", "ui ten cards viewbox");
|
|
|
}
|
|
|
- l.m = e, l.c = n, l.d = function(e, t, r) {
|
|
|
- l.o(e, t) || Object.defineProperty(e, t, {
|
|
|
- enumerable: !0,
|
|
|
- get: r
|
|
|
- })
|
|
|
- }, l.r = function(e) {
|
|
|
- "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
|
|
|
- value: "Module"
|
|
|
- }), Object.defineProperty(e, "__esModule", {
|
|
|
- value: !0
|
|
|
- })
|
|
|
- }, l.t = function(e, t) {
|
|
|
- if (1 & t && (e = l(e)), 8 & t) return e;
|
|
|
- if (4 & t && "object" == typeof e && e && e.__esModule) return e;
|
|
|
- var r = Object.create(null);
|
|
|
- if (l.r(r), Object.defineProperty(r, "default", {
|
|
|
- enumerable: !0,
|
|
|
- value: e
|
|
|
- }), 2 & t && "string" != typeof e)
|
|
|
- for (var n in e) l.d(r, n, function(t) {
|
|
|
- return e[t]
|
|
|
- }.bind(null, n));
|
|
|
- return r
|
|
|
- }, l.n = function(e) {
|
|
|
- var t = e && e.__esModule ? function() {
|
|
|
- return e.default
|
|
|
- } : function() {
|
|
|
- return e
|
|
|
- };
|
|
|
- return l.d(t, "a", t), t
|
|
|
- }, l.o = function(e, t) {
|
|
|
- return Object.prototype.hasOwnProperty.call(e, t)
|
|
|
- }, l.p = "/Photo/";
|
|
|
- var p = this.webpackJsonpphoto = this.webpackJsonpphoto || [],
|
|
|
- f = p.push.bind(p);
|
|
|
- p.push = t, p = p.slice();
|
|
|
- for (var i = 0; i < p.length; i++) t(p[i]);
|
|
|
- var a = f;
|
|
|
- r()
|
|
|
- }([])
|
|
|
+ });
|
|
|
</script>
|
|
|
- <script src="/Photo/static/js/2.09744fc4.chunk.js"></script>
|
|
|
- <script src="/Photo/static/js/main.dba51531.chunk.js"></script>
|
|
|
</body>
|
|
|
-
|
|
|
</html>
|