Makefile
This commit is contained in:
Tobias Reich
parent
5ffae46e15
commit
ef22205252
@ -23,8 +23,8 @@
|
|||||||
*/
|
*/
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: 'FontAwesome';
|
font-family: 'FontAwesome';
|
||||||
src: url('../../font/fontawesome-webfont.eot');
|
src: url('../font/fontawesome-webfont.eot');
|
||||||
src: url('../../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../../font/fontawesome-webfont.woff') format('woff'), url('../../font/fontawesome-webfont.ttf') format('truetype'), url('../../font/fontawesome-webfont.svg#FontAwesome') format('svg');
|
src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,474 +0,0 @@
|
|||||||
/**
|
|
||||||
* @name UI View
|
|
||||||
* @description Responsible to reflect data changes to the UI.
|
|
||||||
* @author Tobias Reich
|
|
||||||
* @copyright 2014 by Tobias Reich
|
|
||||||
*/
|
|
||||||
|
|
||||||
view = {
|
|
||||||
|
|
||||||
header: {
|
|
||||||
|
|
||||||
show: function() {
|
|
||||||
|
|
||||||
clearTimeout($(window).data("timeout"));
|
|
||||||
|
|
||||||
if (visible.photo()) {
|
|
||||||
lychee.imageview.removeClass("full");
|
|
||||||
lychee.loadingBar.css("opacity", 1);
|
|
||||||
lychee.header.removeClass("hidden");
|
|
||||||
if ($("#imageview #image.small").length>0) {
|
|
||||||
$("#imageview #image").css({
|
|
||||||
marginTop: -1*($("#imageview #image").height()/2)+20
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$("#imageview #image").css({
|
|
||||||
top: 60,
|
|
||||||
right: 30,
|
|
||||||
bottom: 30,
|
|
||||||
left: 30
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
hide: function() {
|
|
||||||
|
|
||||||
if (visible.photo()&&!visible.infobox()&&!visible.contextMenu()&&!visible.message()) {
|
|
||||||
clearTimeout($(window).data("timeout"));
|
|
||||||
$(window).data("timeout", setTimeout(function() {
|
|
||||||
lychee.imageview.addClass("full");
|
|
||||||
lychee.loadingBar.css("opacity", 0);
|
|
||||||
lychee.header.addClass("hidden");
|
|
||||||
if ($("#imageview #image.small").length>0) {
|
|
||||||
$("#imageview #image").css({
|
|
||||||
marginTop: -1*($("#imageview #image").height()/2)
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
$("#imageview #image").css({
|
|
||||||
top: 0,
|
|
||||||
right: 0,
|
|
||||||
bottom: 0,
|
|
||||||
left: 0
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, 500));
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
mode: function(mode) {
|
|
||||||
|
|
||||||
var albumID = album.getID();
|
|
||||||
|
|
||||||
switch (mode) {
|
|
||||||
case "albums":
|
|
||||||
lychee.header.removeClass("view");
|
|
||||||
$("#tools_album, #tools_photo").hide();
|
|
||||||
$("#tools_albums").show();
|
|
||||||
break;
|
|
||||||
case "album":
|
|
||||||
lychee.header.removeClass("view");
|
|
||||||
$("#tools_albums, #tools_photo").hide();
|
|
||||||
$("#tools_album").show();
|
|
||||||
album.json.content === false ? $("#button_archive").hide() : $("#button_archive").show();
|
|
||||||
if (albumID==="s"||albumID==="f") {
|
|
||||||
$("#button_info_album, #button_trash_album, #button_share_album").hide();
|
|
||||||
} else if (albumID==="0") {
|
|
||||||
$("#button_info_album, #button_share_album").hide();
|
|
||||||
$("#button_trash_album").show();
|
|
||||||
} else {
|
|
||||||
$("#button_info_album, #button_trash_album, #button_share_album").show();
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case "photo":
|
|
||||||
lychee.header.addClass("view");
|
|
||||||
$("#tools_albums, #tools_album").hide();
|
|
||||||
$("#tools_photo").show();
|
|
||||||
break;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
infobox: {
|
|
||||||
|
|
||||||
show: function() {
|
|
||||||
|
|
||||||
if (!visible.infobox()) $("body").append("<div id='infobox_overlay' class='fadeIn'></div>");
|
|
||||||
lychee.infobox.addClass("active");
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
hide: function() {
|
|
||||||
|
|
||||||
lychee.animate("#infobox_overlay", "fadeOut");
|
|
||||||
setTimeout(function() { $("#infobox_overlay").remove() }, 300);
|
|
||||||
lychee.infobox.removeClass("active");
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
albums: {
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
|
|
||||||
view.albums.title();
|
|
||||||
view.albums.content.init();
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
title: function() {
|
|
||||||
|
|
||||||
lychee.setTitle("Albums", false);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
content: {
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
|
|
||||||
var smartData = "",
|
|
||||||
albumsData = "";
|
|
||||||
|
|
||||||
/* Smart Albums */
|
|
||||||
albums.parse(albums.json.unsortedAlbum);
|
|
||||||
albums.parse(albums.json.publicAlbum);
|
|
||||||
albums.parse(albums.json.starredAlbum);
|
|
||||||
if (!lychee.publicMode) smartData = build.divider("Smart Albums") + build.album(albums.json.unsortedAlbum) + build.album(albums.json.starredAlbum) + build.album(albums.json.publicAlbum);
|
|
||||||
|
|
||||||
/* Albums */
|
|
||||||
if (albums.json.content) {
|
|
||||||
|
|
||||||
if (!lychee.publicMode) albumsData = build.divider("Albums");
|
|
||||||
$.each(albums.json.content, function() {
|
|
||||||
albums.parse(this);
|
|
||||||
albumsData += build.album(this);
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
if (smartData===""&&albumsData==="") $("body").append(build.no_content("picture"));
|
|
||||||
else lychee.content.html(smartData + albumsData);
|
|
||||||
|
|
||||||
$("img[data-type!='svg']").retina();
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
title: function(albumID) {
|
|
||||||
|
|
||||||
var prefix = "",
|
|
||||||
longTitle = "",
|
|
||||||
title = albums.json.content[albumID].title;
|
|
||||||
|
|
||||||
if (albums.json.content[albumID].password) prefix = "<span class='icon-lock'></span> ";
|
|
||||||
if (title.length>18) {
|
|
||||||
longTitle = title;
|
|
||||||
title = title.substr(0, 18) + "...";
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".album[data-id='" + albumID + "'] .overlay h1")
|
|
||||||
.html(prefix + title)
|
|
||||||
.attr("title", longTitle);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
delete: function(albumID) {
|
|
||||||
|
|
||||||
$(".album[data-id='" + albumID + "']").css("opacity", 0).animate({
|
|
||||||
width: 0,
|
|
||||||
marginLeft: 0
|
|
||||||
}, 300, function() {
|
|
||||||
$(this).remove();
|
|
||||||
if (albums.json.num<=0) lychee.animate(".divider:last-of-type", "fadeOut");
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
album: {
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
|
|
||||||
album.parse();
|
|
||||||
|
|
||||||
view.album.infobox();
|
|
||||||
view.album.title();
|
|
||||||
view.album.public();
|
|
||||||
view.album.content.init();
|
|
||||||
|
|
||||||
album.json.init = 1;
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
hide: function() {
|
|
||||||
|
|
||||||
view.infobox.hide();
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
title: function() {
|
|
||||||
|
|
||||||
if ((visible.album()||!album.json.init)&&!visible.photo()) {
|
|
||||||
|
|
||||||
switch (album.getID()) {
|
|
||||||
case "f":
|
|
||||||
lychee.setTitle("Starred", false);
|
|
||||||
break;
|
|
||||||
case "s":
|
|
||||||
lychee.setTitle("Public", false);
|
|
||||||
break;
|
|
||||||
case "0":
|
|
||||||
lychee.setTitle("Unsorted", false);
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
if (album.json.init) $("#infobox .attr_name").html(album.json.title + " " + build.editIcon("edit_title_album"));
|
|
||||||
lychee.setTitle(album.json.title, true);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
description: function() {
|
|
||||||
|
|
||||||
$("#infobox .attr_description").html(album.json.description + " " + build.editIcon("edit_description_album"));
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
content: {
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
|
|
||||||
var photosData = "";
|
|
||||||
|
|
||||||
$.each(album.json.content, function() {
|
|
||||||
album.parse(this);
|
|
||||||
photosData += build.photo(this);
|
|
||||||
});
|
|
||||||
lychee.content.html(photosData);
|
|
||||||
|
|
||||||
$("img[data-type!='svg']").retina();
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
title: function(photoID) {
|
|
||||||
|
|
||||||
var longTitle = "",
|
|
||||||
title = album.json.content[photoID].title;
|
|
||||||
|
|
||||||
if (title.length>18) {
|
|
||||||
longTitle = title;
|
|
||||||
title = title.substr(0, 18) + "...";
|
|
||||||
}
|
|
||||||
|
|
||||||
$(".photo[data-id='" + photoID + "'] .overlay h1")
|
|
||||||
.html(title)
|
|
||||||
.attr("title", longTitle);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
star: function(photoID) {
|
|
||||||
|
|
||||||
$(".photo[data-id='" + photoID + "'] .icon-star").remove();
|
|
||||||
if (album.json.content[photoID].star==1) $(".photo[data-id='" + photoID + "']").append("<a class='badge red icon-star'></a>");
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
public: function(photoID) {
|
|
||||||
|
|
||||||
$(".photo[data-id='" + photoID + "'] .icon-share").remove();
|
|
||||||
if (album.json.content[photoID].public==1) $(".photo[data-id='" + photoID + "']").append("<a class='badge red icon-share'></a>");
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
delete: function(photoID) {
|
|
||||||
|
|
||||||
$(".photo[data-id='" + photoID + "']").css("opacity", 0).animate({
|
|
||||||
width: 0,
|
|
||||||
marginLeft: 0
|
|
||||||
}, 300, function() {
|
|
||||||
$(this).remove();
|
|
||||||
// Only when search is not active
|
|
||||||
if (!visible.albums()) {
|
|
||||||
album.json.num--;
|
|
||||||
view.album.num();
|
|
||||||
view.album.title();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
num: function() {
|
|
||||||
|
|
||||||
$("#infobox .attr_images").html(album.json.num);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
public: function() {
|
|
||||||
|
|
||||||
if (album.json.public==1) {
|
|
||||||
$("#button_share_album a").addClass("active");
|
|
||||||
$("#button_share_album").attr("title", "Share Album");
|
|
||||||
$(".photo .icon-share").remove();
|
|
||||||
if (album.json.init) $("#infobox .attr_visibility").html("Public");
|
|
||||||
} else {
|
|
||||||
$("#button_share_album a").removeClass("active");
|
|
||||||
$("#button_share_album").attr("title", "Make Public");
|
|
||||||
if (album.json.init) $("#infobox .attr_visibility").html("Private");
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
password: function() {
|
|
||||||
|
|
||||||
if (album.json.password==1) $("#infobox .attr_password").html("Yes");
|
|
||||||
else $("#infobox .attr_password").html("No");
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
infobox: function() {
|
|
||||||
|
|
||||||
if ((visible.album()||!album.json.init)&&!visible.photo()) lychee.infobox.html(build.infoboxAlbum(album.json)).show();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
photo: {
|
|
||||||
|
|
||||||
init: function() {
|
|
||||||
|
|
||||||
photo.parse();
|
|
||||||
|
|
||||||
view.photo.infobox();
|
|
||||||
view.photo.title();
|
|
||||||
view.photo.star();
|
|
||||||
view.photo.public();
|
|
||||||
view.photo.photo();
|
|
||||||
|
|
||||||
photo.json.init = 1;
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
show: function() {
|
|
||||||
|
|
||||||
// Change header
|
|
||||||
lychee.content.addClass("view");
|
|
||||||
view.header.mode("photo");
|
|
||||||
|
|
||||||
// Make body not scrollable
|
|
||||||
$("body").css("overflow", "hidden");
|
|
||||||
|
|
||||||
// Fullscreen
|
|
||||||
$(document)
|
|
||||||
.bind("mouseenter", view.header.show)
|
|
||||||
.bind("mouseleave", view.header.hide);
|
|
||||||
|
|
||||||
lychee.animate(lychee.imageview, "fadeIn");
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
hide: function() {
|
|
||||||
|
|
||||||
if (!visible.controls()) view.header.show();
|
|
||||||
if (visible.infobox) view.infobox.hide();
|
|
||||||
|
|
||||||
lychee.content.removeClass("view");
|
|
||||||
view.header.mode("album");
|
|
||||||
|
|
||||||
// Make body scrollable
|
|
||||||
$("body").css("overflow", "auto");
|
|
||||||
|
|
||||||
// Disable Fullscreen
|
|
||||||
$(document)
|
|
||||||
.unbind("mouseenter")
|
|
||||||
.unbind("mouseleave");
|
|
||||||
|
|
||||||
// Hide Photo
|
|
||||||
lychee.animate(lychee.imageview, "fadeOut");
|
|
||||||
setTimeout(function() {
|
|
||||||
lychee.imageview.hide();
|
|
||||||
view.album.infobox();
|
|
||||||
}, 300);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
title: function() {
|
|
||||||
|
|
||||||
if (photo.json.init) $("#infobox .attr_name").html(photo.json.title + " " + build.editIcon("edit_title"));
|
|
||||||
lychee.setTitle(photo.json.title, true);
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
description: function() {
|
|
||||||
|
|
||||||
if (photo.json.init) $("#infobox .attr_description").html(photo.json.description + " " + build.editIcon("edit_description"));
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
star: function() {
|
|
||||||
|
|
||||||
$("#button_star a").removeClass("icon-star-empty icon-star");
|
|
||||||
if (photo.json.star==1) {
|
|
||||||
// Starred
|
|
||||||
$("#button_star a").addClass("icon-star");
|
|
||||||
$("#button_star").attr("title", "Unstar Photo");
|
|
||||||
} else {
|
|
||||||
// Unstarred
|
|
||||||
$("#button_star a").addClass("icon-star-empty");
|
|
||||||
$("#button_star").attr("title", "Star Photo");
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
public: function() {
|
|
||||||
|
|
||||||
if (photo.json.public==1||photo.json.public==2) {
|
|
||||||
// Photo public
|
|
||||||
$("#button_share a").addClass("active");
|
|
||||||
$("#button_share").attr("title", "Share Photo");
|
|
||||||
if (photo.json.init) $("#infobox .attr_visibility").html("Public");
|
|
||||||
} else {
|
|
||||||
// Photo private
|
|
||||||
$("#button_share a").removeClass("active");
|
|
||||||
$("#button_share").attr("title", "Make Public");
|
|
||||||
if (photo.json.init) $("#infobox .attr_visibility").html("Private");
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
tags: function() {
|
|
||||||
|
|
||||||
$("#infobox #tags").html(build.tags(photo.json.tags));
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
photo: function() {
|
|
||||||
|
|
||||||
lychee.imageview.html(build.imageview(photo.json, photo.isSmall(), visible.controls()));
|
|
||||||
|
|
||||||
if ((album.json&&album.json.content&&album.json.content[photo.getID()]&&album.json.content[photo.getID()].nextPhoto==="")||lychee.viewMode) $("a#next").hide();
|
|
||||||
if ((album.json&&album.json.content&&album.json.content[photo.getID()]&&album.json.content[photo.getID()].previousPhoto==="")||lychee.viewMode) $("a#previous").hide();
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
infobox: function() {
|
|
||||||
|
|
||||||
lychee.infobox.html(build.infoboxPhoto(photo.json)).show();
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,112 +1,474 @@
|
|||||||
/**
|
/**
|
||||||
* @name View
|
* @name UI View
|
||||||
* @description Used to view single photos with view.php
|
* @description Responsible to reflect data changes to the UI.
|
||||||
* @author Tobias Reich
|
* @author Tobias Reich
|
||||||
* @copyright 2014 by Tobias Reich
|
* @copyright 2014 by Tobias Reich
|
||||||
*/
|
*/
|
||||||
|
|
||||||
var header = $("header"),
|
view = {
|
||||||
headerTitle = $("#title"),
|
|
||||||
imageview = $("#imageview"),
|
|
||||||
api_path = "php/api.php",
|
|
||||||
infobox = $("#infobox");
|
|
||||||
|
|
||||||
$(document).ready(function(){
|
header: {
|
||||||
|
|
||||||
/* Event Name */
|
show: function() {
|
||||||
if (mobileBrowser()) event_name = "touchend";
|
|
||||||
else event_name = "click";
|
|
||||||
|
|
||||||
/* Window */
|
clearTimeout($(window).data("timeout"));
|
||||||
$(window).keydown(key);
|
|
||||||
|
|
||||||
/* Infobox */
|
if (visible.photo()) {
|
||||||
$(document).on(event_name, "#infobox .header a", function() { hideInfobox() });
|
lychee.imageview.removeClass("full");
|
||||||
$(document).on(event_name, "#infobox_overlay", function() { hideInfobox() });
|
lychee.loadingBar.css("opacity", 1);
|
||||||
$("#button_info").on(event_name, function() { showInfobox() });
|
lychee.header.removeClass("hidden");
|
||||||
|
if ($("#imageview #image.small").length>0) {
|
||||||
|
$("#imageview #image").css({
|
||||||
|
marginTop: -1*($("#imageview #image").height()/2)+20
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$("#imageview #image").css({
|
||||||
|
top: 60,
|
||||||
|
right: 30,
|
||||||
|
bottom: 30,
|
||||||
|
left: 30
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/* Direct Link */
|
},
|
||||||
$("#button_direct").on(event_name, function() {
|
|
||||||
|
|
||||||
link = $("#imageview #image").css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, "");
|
hide: function() {
|
||||||
window.open(link,"_newtab");
|
|
||||||
|
|
||||||
});
|
if (visible.photo()&&!visible.infobox()&&!visible.contextMenu()&&!visible.message()) {
|
||||||
|
clearTimeout($(window).data("timeout"));
|
||||||
|
$(window).data("timeout", setTimeout(function() {
|
||||||
|
lychee.imageview.addClass("full");
|
||||||
|
lychee.loadingBar.css("opacity", 0);
|
||||||
|
lychee.header.addClass("hidden");
|
||||||
|
if ($("#imageview #image.small").length>0) {
|
||||||
|
$("#imageview #image").css({
|
||||||
|
marginTop: -1*($("#imageview #image").height()/2)
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$("#imageview #image").css({
|
||||||
|
top: 0,
|
||||||
|
right: 0,
|
||||||
|
bottom: 0,
|
||||||
|
left: 0
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, 500));
|
||||||
|
}
|
||||||
|
|
||||||
loadPhotoInfo(gup("p"));
|
},
|
||||||
|
|
||||||
});
|
mode: function(mode) {
|
||||||
|
|
||||||
function key(e) {
|
var albumID = album.getID();
|
||||||
|
|
||||||
code = (e.keyCode ? e.keyCode : e.which);
|
switch (mode) {
|
||||||
if (code===27&&visibleInfobox()) { hideInfobox(); e.preventDefault(); }
|
case "albums":
|
||||||
|
lychee.header.removeClass("view");
|
||||||
}
|
$("#tools_album, #tools_photo").hide();
|
||||||
|
$("#tools_albums").show();
|
||||||
function visibleInfobox() {
|
break;
|
||||||
|
case "album":
|
||||||
if (parseInt(infobox.css("right").replace("px", ""))<0) return false;
|
lychee.header.removeClass("view");
|
||||||
else return true;
|
$("#tools_albums, #tools_photo").hide();
|
||||||
|
$("#tools_album").show();
|
||||||
}
|
album.json.content === false ? $("#button_archive").hide() : $("#button_archive").show();
|
||||||
|
if (albumID==="s"||albumID==="f") {
|
||||||
function isPhotoSmall(photo) {
|
$("#button_info_album, #button_trash_album, #button_share_album").hide();
|
||||||
|
} else if (albumID==="0") {
|
||||||
size = [
|
$("#button_info_album, #button_share_album").hide();
|
||||||
["width", false],
|
$("#button_trash_album").show();
|
||||||
["height", false]
|
} else {
|
||||||
];
|
$("#button_info_album, #button_trash_album, #button_share_album").show();
|
||||||
|
}
|
||||||
if (photo.width<$(window).width()-60) size["width"] = true;
|
break;
|
||||||
if (photo.height<$(window).height()-100) size["height"] = true;
|
case "photo":
|
||||||
|
lychee.header.addClass("view");
|
||||||
if (size["width"]&&size["height"]) return true;
|
$("#tools_albums, #tools_album").hide();
|
||||||
else return false;
|
$("#tools_photo").show();
|
||||||
|
break;
|
||||||
}
|
|
||||||
|
}
|
||||||
function showInfobox() {
|
|
||||||
|
}
|
||||||
$("body").append("<div id='infobox_overlay' class='fadeIn'></div>");
|
|
||||||
infobox.addClass("active");
|
},
|
||||||
|
|
||||||
}
|
infobox: {
|
||||||
|
|
||||||
function hideInfobox() {
|
show: function() {
|
||||||
|
|
||||||
$("#infobox_overlay").removeClass("fadeIn").addClass("fadeOut");
|
if (!visible.infobox()) $("body").append("<div id='infobox_overlay' class='fadeIn'></div>");
|
||||||
setTimeout(function() { $("#infobox_overlay").remove() }, 300);
|
lychee.infobox.addClass("active");
|
||||||
infobox.removeClass("active");
|
|
||||||
|
},
|
||||||
}
|
|
||||||
|
hide: function() {
|
||||||
function loadPhotoInfo(photoID) {
|
|
||||||
|
lychee.animate("#infobox_overlay", "fadeOut");
|
||||||
params = "function=getPhoto&photoID=" + photoID + "&albumID=0&password=''";
|
setTimeout(function() { $("#infobox_overlay").remove() }, 300);
|
||||||
$.ajax({type: "POST", url: api_path, data: params, dataType: "json", success: function(data) {
|
lychee.infobox.removeClass("active");
|
||||||
|
|
||||||
if (!data.title) data.title = "Untitled";
|
}
|
||||||
document.title = "Lychee - " + data.title;
|
|
||||||
headerTitle.html(data.title);
|
},
|
||||||
|
|
||||||
data.url = "uploads/big/" + data.url;
|
albums: {
|
||||||
|
|
||||||
imageview.attr("data-id", photoID);
|
init: function() {
|
||||||
if (isPhotoSmall(data)) imageview.html("<div id='image' class='small' style='background-image: url(" + data.url + "); width: " + data.width + "px; height: " + data.height + "px; margin-top: -" + parseInt((data.height/2)-20) + "px; margin-left: -" + data.width/2 + "px;'></div>");
|
|
||||||
else imageview.html("<div id='image' style='background-image: url(" + data.url + ");'></div>");
|
view.albums.title();
|
||||||
imageview.removeClass("fadeOut").addClass("fadeIn").show();
|
view.albums.content.init();
|
||||||
|
|
||||||
infobox.html(build.infoboxPhoto(data, true)).show();
|
},
|
||||||
|
|
||||||
}, error: ajaxError });
|
title: function() {
|
||||||
|
|
||||||
}
|
lychee.setTitle("Albums", false);
|
||||||
|
|
||||||
function ajaxError(jqXHR, textStatus, errorThrown) {
|
},
|
||||||
|
|
||||||
console.log(jqXHR);
|
content: {
|
||||||
console.log(textStatus);
|
|
||||||
console.log(errorThrown);
|
init: function() {
|
||||||
|
|
||||||
|
var smartData = "",
|
||||||
|
albumsData = "";
|
||||||
|
|
||||||
|
/* Smart Albums */
|
||||||
|
albums.parse(albums.json.unsortedAlbum);
|
||||||
|
albums.parse(albums.json.publicAlbum);
|
||||||
|
albums.parse(albums.json.starredAlbum);
|
||||||
|
if (!lychee.publicMode) smartData = build.divider("Smart Albums") + build.album(albums.json.unsortedAlbum) + build.album(albums.json.starredAlbum) + build.album(albums.json.publicAlbum);
|
||||||
|
|
||||||
|
/* Albums */
|
||||||
|
if (albums.json.content) {
|
||||||
|
|
||||||
|
if (!lychee.publicMode) albumsData = build.divider("Albums");
|
||||||
|
$.each(albums.json.content, function() {
|
||||||
|
albums.parse(this);
|
||||||
|
albumsData += build.album(this);
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
if (smartData===""&&albumsData==="") $("body").append(build.no_content("picture"));
|
||||||
|
else lychee.content.html(smartData + albumsData);
|
||||||
|
|
||||||
|
$("img[data-type!='svg']").retina();
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
title: function(albumID) {
|
||||||
|
|
||||||
|
var prefix = "",
|
||||||
|
longTitle = "",
|
||||||
|
title = albums.json.content[albumID].title;
|
||||||
|
|
||||||
|
if (albums.json.content[albumID].password) prefix = "<span class='icon-lock'></span> ";
|
||||||
|
if (title.length>18) {
|
||||||
|
longTitle = title;
|
||||||
|
title = title.substr(0, 18) + "...";
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".album[data-id='" + albumID + "'] .overlay h1")
|
||||||
|
.html(prefix + title)
|
||||||
|
.attr("title", longTitle);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
delete: function(albumID) {
|
||||||
|
|
||||||
|
$(".album[data-id='" + albumID + "']").css("opacity", 0).animate({
|
||||||
|
width: 0,
|
||||||
|
marginLeft: 0
|
||||||
|
}, 300, function() {
|
||||||
|
$(this).remove();
|
||||||
|
if (albums.json.num<=0) lychee.animate(".divider:last-of-type", "fadeOut");
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
album: {
|
||||||
|
|
||||||
|
init: function() {
|
||||||
|
|
||||||
|
album.parse();
|
||||||
|
|
||||||
|
view.album.infobox();
|
||||||
|
view.album.title();
|
||||||
|
view.album.public();
|
||||||
|
view.album.content.init();
|
||||||
|
|
||||||
|
album.json.init = 1;
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function() {
|
||||||
|
|
||||||
|
view.infobox.hide();
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
title: function() {
|
||||||
|
|
||||||
|
if ((visible.album()||!album.json.init)&&!visible.photo()) {
|
||||||
|
|
||||||
|
switch (album.getID()) {
|
||||||
|
case "f":
|
||||||
|
lychee.setTitle("Starred", false);
|
||||||
|
break;
|
||||||
|
case "s":
|
||||||
|
lychee.setTitle("Public", false);
|
||||||
|
break;
|
||||||
|
case "0":
|
||||||
|
lychee.setTitle("Unsorted", false);
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
if (album.json.init) $("#infobox .attr_name").html(album.json.title + " " + build.editIcon("edit_title_album"));
|
||||||
|
lychee.setTitle(album.json.title, true);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
description: function() {
|
||||||
|
|
||||||
|
$("#infobox .attr_description").html(album.json.description + " " + build.editIcon("edit_description_album"));
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
content: {
|
||||||
|
|
||||||
|
init: function() {
|
||||||
|
|
||||||
|
var photosData = "";
|
||||||
|
|
||||||
|
$.each(album.json.content, function() {
|
||||||
|
album.parse(this);
|
||||||
|
photosData += build.photo(this);
|
||||||
|
});
|
||||||
|
lychee.content.html(photosData);
|
||||||
|
|
||||||
|
$("img[data-type!='svg']").retina();
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
title: function(photoID) {
|
||||||
|
|
||||||
|
var longTitle = "",
|
||||||
|
title = album.json.content[photoID].title;
|
||||||
|
|
||||||
|
if (title.length>18) {
|
||||||
|
longTitle = title;
|
||||||
|
title = title.substr(0, 18) + "...";
|
||||||
|
}
|
||||||
|
|
||||||
|
$(".photo[data-id='" + photoID + "'] .overlay h1")
|
||||||
|
.html(title)
|
||||||
|
.attr("title", longTitle);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
star: function(photoID) {
|
||||||
|
|
||||||
|
$(".photo[data-id='" + photoID + "'] .icon-star").remove();
|
||||||
|
if (album.json.content[photoID].star==1) $(".photo[data-id='" + photoID + "']").append("<a class='badge red icon-star'></a>");
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
public: function(photoID) {
|
||||||
|
|
||||||
|
$(".photo[data-id='" + photoID + "'] .icon-share").remove();
|
||||||
|
if (album.json.content[photoID].public==1) $(".photo[data-id='" + photoID + "']").append("<a class='badge red icon-share'></a>");
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
delete: function(photoID) {
|
||||||
|
|
||||||
|
$(".photo[data-id='" + photoID + "']").css("opacity", 0).animate({
|
||||||
|
width: 0,
|
||||||
|
marginLeft: 0
|
||||||
|
}, 300, function() {
|
||||||
|
$(this).remove();
|
||||||
|
// Only when search is not active
|
||||||
|
if (!visible.albums()) {
|
||||||
|
album.json.num--;
|
||||||
|
view.album.num();
|
||||||
|
view.album.title();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
num: function() {
|
||||||
|
|
||||||
|
$("#infobox .attr_images").html(album.json.num);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
public: function() {
|
||||||
|
|
||||||
|
if (album.json.public==1) {
|
||||||
|
$("#button_share_album a").addClass("active");
|
||||||
|
$("#button_share_album").attr("title", "Share Album");
|
||||||
|
$(".photo .icon-share").remove();
|
||||||
|
if (album.json.init) $("#infobox .attr_visibility").html("Public");
|
||||||
|
} else {
|
||||||
|
$("#button_share_album a").removeClass("active");
|
||||||
|
$("#button_share_album").attr("title", "Make Public");
|
||||||
|
if (album.json.init) $("#infobox .attr_visibility").html("Private");
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
password: function() {
|
||||||
|
|
||||||
|
if (album.json.password==1) $("#infobox .attr_password").html("Yes");
|
||||||
|
else $("#infobox .attr_password").html("No");
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
infobox: function() {
|
||||||
|
|
||||||
|
if ((visible.album()||!album.json.init)&&!visible.photo()) lychee.infobox.html(build.infoboxAlbum(album.json)).show();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
photo: {
|
||||||
|
|
||||||
|
init: function() {
|
||||||
|
|
||||||
|
photo.parse();
|
||||||
|
|
||||||
|
view.photo.infobox();
|
||||||
|
view.photo.title();
|
||||||
|
view.photo.star();
|
||||||
|
view.photo.public();
|
||||||
|
view.photo.photo();
|
||||||
|
|
||||||
|
photo.json.init = 1;
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
show: function() {
|
||||||
|
|
||||||
|
// Change header
|
||||||
|
lychee.content.addClass("view");
|
||||||
|
view.header.mode("photo");
|
||||||
|
|
||||||
|
// Make body not scrollable
|
||||||
|
$("body").css("overflow", "hidden");
|
||||||
|
|
||||||
|
// Fullscreen
|
||||||
|
$(document)
|
||||||
|
.bind("mouseenter", view.header.show)
|
||||||
|
.bind("mouseleave", view.header.hide);
|
||||||
|
|
||||||
|
lychee.animate(lychee.imageview, "fadeIn");
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
hide: function() {
|
||||||
|
|
||||||
|
if (!visible.controls()) view.header.show();
|
||||||
|
if (visible.infobox) view.infobox.hide();
|
||||||
|
|
||||||
|
lychee.content.removeClass("view");
|
||||||
|
view.header.mode("album");
|
||||||
|
|
||||||
|
// Make body scrollable
|
||||||
|
$("body").css("overflow", "auto");
|
||||||
|
|
||||||
|
// Disable Fullscreen
|
||||||
|
$(document)
|
||||||
|
.unbind("mouseenter")
|
||||||
|
.unbind("mouseleave");
|
||||||
|
|
||||||
|
// Hide Photo
|
||||||
|
lychee.animate(lychee.imageview, "fadeOut");
|
||||||
|
setTimeout(function() {
|
||||||
|
lychee.imageview.hide();
|
||||||
|
view.album.infobox();
|
||||||
|
}, 300);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
title: function() {
|
||||||
|
|
||||||
|
if (photo.json.init) $("#infobox .attr_name").html(photo.json.title + " " + build.editIcon("edit_title"));
|
||||||
|
lychee.setTitle(photo.json.title, true);
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
description: function() {
|
||||||
|
|
||||||
|
if (photo.json.init) $("#infobox .attr_description").html(photo.json.description + " " + build.editIcon("edit_description"));
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
star: function() {
|
||||||
|
|
||||||
|
$("#button_star a").removeClass("icon-star-empty icon-star");
|
||||||
|
if (photo.json.star==1) {
|
||||||
|
// Starred
|
||||||
|
$("#button_star a").addClass("icon-star");
|
||||||
|
$("#button_star").attr("title", "Unstar Photo");
|
||||||
|
} else {
|
||||||
|
// Unstarred
|
||||||
|
$("#button_star a").addClass("icon-star-empty");
|
||||||
|
$("#button_star").attr("title", "Star Photo");
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
public: function() {
|
||||||
|
|
||||||
|
if (photo.json.public==1||photo.json.public==2) {
|
||||||
|
// Photo public
|
||||||
|
$("#button_share a").addClass("active");
|
||||||
|
$("#button_share").attr("title", "Share Photo");
|
||||||
|
if (photo.json.init) $("#infobox .attr_visibility").html("Public");
|
||||||
|
} else {
|
||||||
|
// Photo private
|
||||||
|
$("#button_share a").removeClass("active");
|
||||||
|
$("#button_share").attr("title", "Make Public");
|
||||||
|
if (photo.json.init) $("#infobox .attr_visibility").html("Private");
|
||||||
|
}
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
tags: function() {
|
||||||
|
|
||||||
|
$("#infobox #tags").html(build.tags(photo.json.tags));
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
photo: function() {
|
||||||
|
|
||||||
|
lychee.imageview.html(build.imageview(photo.json, photo.isSmall(), visible.controls()));
|
||||||
|
|
||||||
|
if ((album.json&&album.json.content&&album.json.content[photo.getID()]&&album.json.content[photo.getID()].nextPhoto==="")||lychee.viewMode) $("a#next").hide();
|
||||||
|
if ((album.json&&album.json.content&&album.json.content[photo.getID()]&&album.json.content[photo.getID()].previousPhoto==="")||lychee.viewMode) $("a#previous").hide();
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
infobox: function() {
|
||||||
|
|
||||||
|
lychee.infobox.html(build.infoboxPhoto(photo.json)).show();
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
112
assets/js/view/view.js
Normal file
112
assets/js/view/view.js
Normal file
@ -0,0 +1,112 @@
|
|||||||
|
/**
|
||||||
|
* @name View
|
||||||
|
* @description Used to view single photos with view.php
|
||||||
|
* @author Tobias Reich
|
||||||
|
* @copyright 2014 by Tobias Reich
|
||||||
|
*/
|
||||||
|
|
||||||
|
var header = $("header"),
|
||||||
|
headerTitle = $("#title"),
|
||||||
|
imageview = $("#imageview"),
|
||||||
|
api_path = "php/api.php",
|
||||||
|
infobox = $("#infobox");
|
||||||
|
|
||||||
|
$(document).ready(function(){
|
||||||
|
|
||||||
|
/* Event Name */
|
||||||
|
if (mobileBrowser()) event_name = "touchend";
|
||||||
|
else event_name = "click";
|
||||||
|
|
||||||
|
/* Window */
|
||||||
|
$(window).keydown(key);
|
||||||
|
|
||||||
|
/* Infobox */
|
||||||
|
$(document).on(event_name, "#infobox .header a", function() { hideInfobox() });
|
||||||
|
$(document).on(event_name, "#infobox_overlay", function() { hideInfobox() });
|
||||||
|
$("#button_info").on(event_name, function() { showInfobox() });
|
||||||
|
|
||||||
|
/* Direct Link */
|
||||||
|
$("#button_direct").on(event_name, function() {
|
||||||
|
|
||||||
|
link = $("#imageview #image").css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, "");
|
||||||
|
window.open(link,"_newtab");
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
loadPhotoInfo(gup("p"));
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
function key(e) {
|
||||||
|
|
||||||
|
code = (e.keyCode ? e.keyCode : e.which);
|
||||||
|
if (code===27&&visibleInfobox()) { hideInfobox(); e.preventDefault(); }
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function visibleInfobox() {
|
||||||
|
|
||||||
|
if (parseInt(infobox.css("right").replace("px", ""))<0) return false;
|
||||||
|
else return true;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function isPhotoSmall(photo) {
|
||||||
|
|
||||||
|
size = [
|
||||||
|
["width", false],
|
||||||
|
["height", false]
|
||||||
|
];
|
||||||
|
|
||||||
|
if (photo.width<$(window).width()-60) size["width"] = true;
|
||||||
|
if (photo.height<$(window).height()-100) size["height"] = true;
|
||||||
|
|
||||||
|
if (size["width"]&&size["height"]) return true;
|
||||||
|
else return false;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function showInfobox() {
|
||||||
|
|
||||||
|
$("body").append("<div id='infobox_overlay' class='fadeIn'></div>");
|
||||||
|
infobox.addClass("active");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function hideInfobox() {
|
||||||
|
|
||||||
|
$("#infobox_overlay").removeClass("fadeIn").addClass("fadeOut");
|
||||||
|
setTimeout(function() { $("#infobox_overlay").remove() }, 300);
|
||||||
|
infobox.removeClass("active");
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function loadPhotoInfo(photoID) {
|
||||||
|
|
||||||
|
params = "function=getPhoto&photoID=" + photoID + "&albumID=0&password=''";
|
||||||
|
$.ajax({type: "POST", url: api_path, data: params, dataType: "json", success: function(data) {
|
||||||
|
|
||||||
|
if (!data.title) data.title = "Untitled";
|
||||||
|
document.title = "Lychee - " + data.title;
|
||||||
|
headerTitle.html(data.title);
|
||||||
|
|
||||||
|
data.url = "uploads/big/" + data.url;
|
||||||
|
|
||||||
|
imageview.attr("data-id", photoID);
|
||||||
|
if (isPhotoSmall(data)) imageview.html("<div id='image' class='small' style='background-image: url(" + data.url + "); width: " + data.width + "px; height: " + data.height + "px; margin-top: -" + parseInt((data.height/2)-20) + "px; margin-left: -" + data.width/2 + "px;'></div>");
|
||||||
|
else imageview.html("<div id='image' style='background-image: url(" + data.url + ");'></div>");
|
||||||
|
imageview.removeClass("fadeOut").addClass("fadeIn").show();
|
||||||
|
|
||||||
|
infobox.html(build.infoboxPhoto(data, true)).show();
|
||||||
|
|
||||||
|
}, error: ajaxError });
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
function ajaxError(jqXHR, textStatus, errorThrown) {
|
||||||
|
|
||||||
|
console.log(jqXHR);
|
||||||
|
console.log(textStatus);
|
||||||
|
console.log(errorThrown);
|
||||||
|
|
||||||
|
}
|
||||||
35
docs/Makefile
Normal file
35
docs/Makefile
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
NO_COLOR=\x1b[0m
|
||||||
|
OK_COLOR=\x1b[32;01m
|
||||||
|
ERROR_COLOR=\x1b[31;01m
|
||||||
|
WARN_COLOR=\x1b[33;01m
|
||||||
|
|
||||||
|
OK_STRING=$(OK_COLOR)[OK]$(NO_COLOR)
|
||||||
|
ERROR_STRING=$(ERROR_COLOR)[ERRORS]$(NO_COLOR)
|
||||||
|
RUN_STRING=$(WARN_COLOR)[RUN]$(NO_COLOR)
|
||||||
|
|
||||||
|
ROOT = .
|
||||||
|
CSS = '$(ROOT)/assets/css'
|
||||||
|
JS = '$(ROOT)/assets/js'
|
||||||
|
BUILD = '$(ROOT)/assets/build'
|
||||||
|
|
||||||
|
all: clean create css js
|
||||||
|
|
||||||
|
clean:
|
||||||
|
rm -f -R $(BUILD)
|
||||||
|
@echo "$(OK_STRING) Clean build"
|
||||||
|
|
||||||
|
create: clean
|
||||||
|
mkdir $(BUILD)
|
||||||
|
@echo "$(OK_STRING) Create build"
|
||||||
|
|
||||||
|
css: create
|
||||||
|
@echo "$(RUN_STRING) Compiling CSS"
|
||||||
|
awk 'FNR==1{print ""}1' $(CSS)/*.css > $(BUILD)/main.css
|
||||||
|
csso $(BUILD)/main.css $(BUILD)/main.css
|
||||||
|
@echo "$(OK_STRING) CSS compiled"
|
||||||
|
|
||||||
|
js: create
|
||||||
|
@echo "$(RUN_STRING) Compiling JS"
|
||||||
|
awk 'FNR==1{print ""}1' $(JS)/*.js > $(BUILD)/main.js
|
||||||
|
uglifyjs $(BUILD)/main.js -o $(BUILD)/main.js
|
||||||
|
@echo "$(OK_STRING) JS compiled"
|
||||||
@ -1,32 +0,0 @@
|
|||||||
#!/bin/bash
|
|
||||||
|
|
||||||
folderCSS="../assets/css"
|
|
||||||
folderJS="../assets/js"
|
|
||||||
|
|
||||||
if [ -e "$folderCSS/modules/" ]
|
|
||||||
then
|
|
||||||
|
|
||||||
echo "Compiling CSS ..."
|
|
||||||
awk 'FNR==1{print ""}1' $folderCSS/modules/*.css > $folderCSS/min/main.css
|
|
||||||
csso $folderCSS/min/main.css $folderCSS/min/main.css
|
|
||||||
echo "CSS compiled!"
|
|
||||||
|
|
||||||
else
|
|
||||||
|
|
||||||
echo "CSS files not found in $folderCSS"
|
|
||||||
|
|
||||||
fi
|
|
||||||
|
|
||||||
if [ -e "$folderJS/modules/" ]
|
|
||||||
then
|
|
||||||
|
|
||||||
echo "Compiling JS ..."
|
|
||||||
awk 'FNR==1{print ""}1' $folderJS/modules/*.js > $folderJS/min/main.js
|
|
||||||
uglifyjs $folderJS/min/main.js -o $folderJS/min/main.js
|
|
||||||
echo "JS compiled!"
|
|
||||||
|
|
||||||
else
|
|
||||||
|
|
||||||
echo "JS files not found in $folderJS"
|
|
||||||
|
|
||||||
fi
|
|
||||||
80
index.html
80
index.html
@ -9,27 +9,25 @@
|
|||||||
<meta name="keywords" content="">
|
<meta name="keywords" content="">
|
||||||
<meta name="description" content="">
|
<meta name="description" content="">
|
||||||
|
|
||||||
<!-- CSS -->
|
<!-- Development
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/min/reset.css">
|
<link type="text/css" rel="stylesheet" href="assets/css/_reset.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/upload.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/tooltip.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/misc.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/message.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/mediaquery.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/loading.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/infobox.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/imageview.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/header.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/font.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/contextmenu.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/content.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/animations.css">
|
||||||
|
<link type="text/css" rel="stylesheet" href="assets/css/multiselect.css"> -->
|
||||||
|
|
||||||
<!-- Development -->
|
<!-- Production -->
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/upload.css">
|
<link type="text/css" rel="stylesheet" href="assets/build/main.css">
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/tooltip.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/misc.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/message.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/mediaquery.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/loading.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/infobox.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/imageview.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/header.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/font.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/contextmenu.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/content.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/animations.css">
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/modules/multiselect.css">
|
|
||||||
|
|
||||||
<!-- Production
|
|
||||||
<link type="text/css" rel="stylesheet" href="assets/css/min/main.css"> -->
|
|
||||||
|
|
||||||
<link rel="shortcut icon" href="favicon.ico">
|
<link rel="shortcut icon" href="favicon.ico">
|
||||||
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon-iphone.png" sizes="120x120">
|
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon-iphone.png" sizes="120x120">
|
||||||
@ -97,29 +95,27 @@
|
|||||||
<input id="upload_files" type="file" name="fileElem[]" multiple accept="image/*">
|
<input id="upload_files" type="file" name="fileElem[]" multiple accept="image/*">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- JS -->
|
<!-- Development
|
||||||
<script defer type="text/javascript" src="assets/js/min/frameworks.js"></script>
|
<script defer type="text/javascript" src="assets/js/_frameworks.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/init.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/lychee.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/build.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/settings.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/upload.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/view.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/password.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/modal.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/album.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/albums.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/photo.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/visible.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/loadingBar.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/contextMenu.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/search.js"></script>
|
||||||
|
<script defer type="text/javascript" src="assets/js/multiselect.js"></script> -->
|
||||||
|
|
||||||
<!-- Development -->
|
<!-- Production -->
|
||||||
<script defer type="text/javascript" src="assets/js/modules/init.js"></script>
|
<script defer type="text/javascript" src="assets/build/main.js"></script>
|
||||||
<script defer type="text/javascript" src="assets/js/modules/lychee.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/build.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/settings.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/upload.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/view.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/password.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/modal.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/album.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/albums.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/photo.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/visible.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/loadingBar.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/contextMenu.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/search.js"></script>
|
|
||||||
<script defer type="text/javascript" src="assets/js/modules/multiselect.js"></script>
|
|
||||||
|
|
||||||
<!-- Production
|
|
||||||
<script defer type="text/javascript" src="assets/js/min/main.js"></script> -->
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user