mirrors/photopea-v2
1
0
Fork 0
mirror of https://gitflic.ru/project/photopea-v2/photopea-v-2.git synced 2026-05-19 16:20:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Starting to work on this again, started by updating any new files

Browse Source
This commit is contained in:
DUOLabs333
2021-03-17 17:02:52 -04:00
parent 9f37cb6bd5
commit 520766bc0e
170 changed files with 3257 additions and 76413 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www.photopea.com/plugins/templates.css
+33 -44
View File
@@ -1,44 +1,33 @@
body { background-color:#333333; font-family:"Open Sans"; color:#a5a5a5; padding:0; margin:0; font-size:14px; }
#cont { background-color:#1d1d1d; padding: 30px 0 0 30px; width:100%; }
a { text-decoration: inherit; color: inherit; }
.title { display:block; color:white; }
.item { position:relative; display:inline-block; margin:0 20px 20px 0; cursor:pointer; }
.item img { width:100%; }
.cat { margin:16px; padding:2px 0px; margin-left:30px; cursor:pointer; }
.top { margin-left:7px; }
.blue, .clickable:hover { border-bottom: 3px solid #00eeff; margin-bottom:-3px; }
.back { display:inline-block; background-color:rgba(0,0,0,0.5); cursor:pointer; padding:6px 1em; margin: 0.6em 0; font-size:1.5em; }
.count { float:right; }
.cat_title {font-size:1.6em; display:inline-block; margin:1.2em 0 1.2em 0;}
.t1 {font-size:2em; margin-bottom:0.4em; }
.t2 {font-size:1.2em;}
#cats { padding:10px 24px; min-width:180px; color:white; }
#search { font-size:1.3em; margin-bottom: 30px; }
#kwds { font-size:1.0em; background-color: black; border:none; color:white; padding:3px; margin-left:1em; }
.post_big { padding:24px; }
.scrollable {
overflow-y: scroll;
/* for Firefox: */
scrollbar-color: #222222 #1d1d1d;
scrollbar-width: thin;
}
.scrollable::-webkit-scrollbar {
width: 8px;
background: #1d1d1d;
}
.scrollable::-webkit-scrollbar-thumb {
background: rgba(255,255,255,0.5);
border-radius: 6px;
margin:4px;
}
.flexrow {
display:flex;
flex-flow:row;
}
<HTML>
<HEAD>
<TITLE>404 Not Found</TITLE>
<BASE href="/error_docs/"><!--[if lte IE 6]></BASE><![endif]-->
</HEAD>
<BODY>
<H1>Not Found</H1>
The requested document was not found on this server.
<P>
<HR>
<ADDRESS>
Web Server at photopea.com
</ADDRESS>
</BODY>
</HTML>
<!--
- Unfortunately, Microsoft has added a clever new
- "feature" to Internet Explorer. If the text of
- an error's message is "too small", specifically
- less than 512 bytes, Internet Explorer returns
- its own error message. You can turn that off,
- but it's pretty tricky to find switch called
- "smart error messages". That means, of course,
- that short error messages are censored by default.
- IIS always returns error messages that are long
- enough to make Internet Explorer happy. The
- workaround is pretty simple: pad the error
- message with a big comment like this to push it
- over the five hundred and twelve bytes minimum.
- Of course, that's exactly what you're reading
- right now.
-->
www.photopea.com/plugins/templates.html
+32 -100
View File
@@ -1,101 +1,33 @@
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>404 Not Found</TITLE>
<BASE href="/error_docs/"><!--[if lte IE 6]></BASE><![endif]-->
</HEAD>
<BODY>
<H1>Not Found</H1>
The requested document was not found on this server.
<P>
<HR>
<ADDRESS>
Web Server at photopea.com
</ADDRESS>
</BODY>
</HTML>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" />
<link rel="stylesheet" href="templates.css" />
<script src="templates.js"></script>
<script>
var tpls;
var ccat = -1, citm = -1, cscr = 0; // current scroll
var cont, cats, search, itms, kwds;
function clearNode(node) { while(node.firstChild) node.removeChild(node.firstChild); }
function isDisplayed(nd) { while(true) { if(nd==document) return true; if(nd==null) return false; nd=nd.parentNode; } }
function go() {
cont = document.getElementById("cont");
cats = document.getElementById("cats");
kwds = document.getElementById("kwds");
search = document.getElementById("search");
itms = document.getElementById("itms");
window.addEventListener("resize",onResize,false); onResize();
var request = new XMLHttpRequest();
request.open("GET", "../papi/tpls.json?t="+Date.now(), true);
request.onload = imgsLoaded.bind(this);
request.onerror = function(e) { console.log(e.target.response); }
request.send();
}
function onResize() {
var w = window.innerWidth, h=window.innerHeight;
if(tpls) updateView();
//cont.style.width =(w-cw-80)+"px";
//cont.style.height=(h-60)+"px";
}
function imgsLoaded(e) {
tpls = JSON.parse(e.target.response);
tpls.list.sort(function(a,b) {return cost(b)-cost(a);});
//for(var i=0; i<tpls.list.length; i++) {console.log(tpls.list[i]); console.log(cost(tpls.list[i]));}
updateView();
//makeStatic();
}
function updateView() {
if(citm==-1 && !isDisplayed(search)) { clearNode(cont); cont.appendChild(search); cont.appendChild(itms); }
if(citm!=-1) { clearNode(cont); cont.appendChild(itms); }
clearNode(itms);
var twds = kwds.value.trim().toLowerCase(), wds=twds.split(/[ ,]+/);
var out = [];
makeView(tpls,out,twds,wds,ccat,citm);
itms.innerHTML=out.join("\n");
var out = [];
getCats(tpls,ccat,out);
cats.innerHTML = out.join("\n");
}
function backClicked(e) {
citm = -1;
updateView();
window.scrollTo(0,cscr);
}
function itemClicked(nitm) {
if(citm!=-1) {
window.parent.postMessage("--ot "+tpls.list[citm][2]);
return;
}
cscr = window.pageYOffset;
citm = nitm;
updateView();
window.scrollTo(0,0);
}
function catClicked(nc) {
if(nc==ccat) ccat=-1;
else ccat=nc;
updateView();
}
</script>
</head>
<body onload="go()" class="flexrow scrollable">
<div id="cats">
</div>
<div id="cont">
<div id="search">
<label>Search:</label> <input type="text" id="kwds" oninput="updateView()"></input>
</div>
<div id="itms"></div>
</div>
</body>
</html>
<!--
- Unfortunately, Microsoft has added a clever new
- "feature" to Internet Explorer. If the text of
- an error's message is "too small", specifically
- less than 512 bytes, Internet Explorer returns
- its own error message. You can turn that off,
- but it's pretty tricky to find switch called
- "smart error messages". That means, of course,
- that short error messages are censored by default.
- IIS always returns error messages that are long
- enough to make Internet Explorer happy. The
- workaround is pretty simple: pad the error
- message with a big comment like this to push it
- over the five hundred and twelve bytes minimum.
- Of course, that's exactly what you're reading
- right now.
-->
www.photopea.com/plugins/templates.js
+33 -126
View File
@@ -1,126 +1,33 @@
function makeView(tps,out,twds,wds,curc,cit) {
var list = tps.list, cts=tps.categories;
if(cit==-1) {
for(var i=0; i<list.length; i++) {
var tpl = list[i], cat=tpl[4], pcat=cat-(cat%10);
if(curc!=-1) {
if((curc%10)==0) { if(pcat!=curc) continue; }
else if(curc!=cat) continue;
}
if(twds!="") {
var occ=0, tot=(tpl[7] + " " + tpl[8] + " " + tps.authors[tpl[0]] + " " + cts["c"+tpl[4]]).toLowerCase();
for(var j=0; j<wds.length; j++) {
if(tot.indexOf(wds[j])!=-1) occ++;
}
if(occ==0) continue;
}
makeItem(tps,i, cts,out, false);
}
}
else {
out.push("<div id=\"back\"><span class=\"back\" onclick=\"backClicked()\">&lt; Back</span></div>");
var tpl = list[cit];
makeItem(tps,cit,cts,out, true);
}
}
function toID(str) { return str.toLowerCase().replace(/\s+/g, "-")+".html"; }
function makeItem(tps, ind,cts,lst, big) {
var tpl = tps.list[ind];
var rst = window.innerWidth-(245+30); //console.log(iw);
var num = 1; while(rst/num>300) num++;
var cc = Math.floor(rst/num); //console.log(cc);
var isz = cc-26; //console.log(isz);
var tit = tpl[7];
var lim = ~~(isz/9); //console.log(tpl);
lst.push("<div class=\"item"+(big?" flexrow":"")+"\" "+ ((!big) ? "onclick=\"itemClicked("+ind+")\"" : "")+">");
var iurl = tpl[3]//(Math.random()<0.5?"wide.png":"tall.png");
//*
if(big) isz=rst/2;
var wi = (isz+"px");
var hi = ((isz*0.67)+"px");
lst.push("<div style=\"min-width:"+wi+"; height:"+hi+"; background-image: url('"+iurl+"'); background-size:contain; background-repeat: no-repeat; background-position: center;\">"); // ict */
//var wi = big?"50%":(isz+"px");
//lst.push("<div style=\"min-width:"+wi+"; max-width:"+wi+";\">"); // ict
var aurl = "https://www.Photopea.com#t"+tpl[2].split("").reverse().join("");
//lst.push("<img src=\""+iurl+"\" "+((big&&!stc) ? "onclick=\"itemClicked("+ind+")\"" : "")+" />");
lst.push("</div>"); // ict
lst.push("<div class=\""+"post"+(big?"_big":"")+"\">"); // cmt
lst.push("<span class=\"title "+(big?"t1":"t2")+"\">" + escapeHtml((tit.length<lim || big) ?tit:tit.slice(0,lim-3)+"...") + "</span>");
lst.push("<span>"+"By "+tps.authors[tpl[0]] + " in " + cts["c"+tpl[4]]+"</span>");
if(big) {
lst.push("<p>"+escapeHtml(tpl[8])+"</p>");
lst.push("<p>");
lst.push("<b class=\"clickable\" onclick=\"itemClicked("+ind+")\">Open</b>");
lst.push("  <a href=\""+aurl+"\" target=\"_blank\" class=\"clickable\" ><b>Open Separately</b></a>");
lst.push("</p>");
lst.push("<b>"+"👁 "+tpl[5]+"×  ⭳ "+tpl[6]+"×"+"</b>");
}
else {
//var p = makeNode("span"); p.textContent = tpl[5]+"/"+tpl[6]; //ict.appendChild(p);
//p.setAttribute("style","display:inline-block; right:4px; bottom:8px; padding:0px 4px; position:absolute; background:white;");
}
lst.push("</div>"); // cmt
lst.push("</div>");
}
function escapeHtml(unsafe) {
return unsafe
.replace(/&/g, "&amp;")
.replace(/</g, "&lt;")
.replace(/>/g, "&gt;")
.replace(/"/g, "&quot;")
.replace(/'/g, "&#039;");
}
function getCatCounts(tps) {
var list = tps.list, cts=tps.categories;
var ccnt = JSON.parse(JSON.stringify(cts));
for(var cat in ccnt) ccnt[cat]=0;
for(var i=0; i<list.length; i++) {
var tpl = list[i], cat=tpl[4], pcat=cat-(cat%10);
ccnt["c"+cat]++; if(cat!=pcat) ccnt["c"+pcat]++;
}
return ccnt;
}
function getCats(tps, curr,out) {
var cts=tps.categories, ccnt = getCatCounts(tps);
out.push("<span class=\"cat_title\">CATEGORIES</span>");
for(var cat in cts) {
if(ccnt[cat]==0) continue;
var cw = parseInt(cat.slice(1)), isTop = (cw%10)==0; //console.log(cw);
out.push("<div class=\"cat"+(isTop?" top":"") + (cw==curr?" blue":"")+" clickable\" onclick=\"catClicked("+cw+")\">");
out.push(cts[cat]);
out.push("<span class=\"count\">"+ccnt[cat]+"</span>");
out.push("</div>");
}
}
function cost(v) {
var age = (Date.now()*0.001 - v[1]) / (60*60*24);
var cst = v[6] / age;
var ext = 20*Math.pow(2,-age*0.5);
//console.log(age,cst,ext)
return cst+ext;
/*
var ts = Math.max(0, v[1]-1134028003);
var x = v[6];
var y = 1;
var z = Math.max(1,Math.abs(x));
return getBaseLog(10, z) + (y*ts/45000); // 45000
*/
}
function getBaseLog(x, y) { return Math.log(y) / Math.log(x); }
<HTML>
<HEAD>
<TITLE>404 Not Found</TITLE>
<BASE href="/error_docs/"><!--[if lte IE 6]></BASE><![endif]-->
</HEAD>
<BODY>
<H1>Not Found</H1>
The requested document was not found on this server.
<P>
<HR>
<ADDRESS>
Web Server at photopea.com
</ADDRESS>
</BODY>
</HTML>
<!--
- Unfortunately, Microsoft has added a clever new
- "feature" to Internet Explorer. If the text of
- an error's message is "too small", specifically
- less than 512 bytes, Internet Explorer returns
- its own error message. You can turn that off,
- but it's pretty tricky to find switch called
- "smart error messages". That means, of course,
- that short error messages are censored by default.
- IIS always returns error messages that are long
- enough to make Internet Explorer happy. The
- workaround is pretty simple: pad the error
- message with a big comment like this to push it
- over the five hundred and twelve bytes minimum.
- Of course, that's exactly what you're reading
- right now.
-->