Compare commits

..

No commits in common. "2f2ad23fd6d4619e4871eba8b7729d48341f377a" and "0a8e438d4dd8b4bfe6b753e66bcfdb667a3c996a" have entirely different histories.

12 changed files with 66 additions and 233 deletions

35
main.go
View File

@ -63,11 +63,10 @@ func main() {
webfs := webfilesystem.NewWebFileSystem(client, dBName, webFsCollection) webfs := webfilesystem.NewWebFileSystem(client, dBName, webFsCollection)
wde := wde.NewWDE(webfs) wde := wde.NewWDE(webfs)
persPropsApp := personalprops.NewPersPropsApp(webfs) persPropsApp := personalprops.NewPersPropsApp()
// finderApp := finder.FinderApplication{} // finderApp := finder.FinderApplication{}
finderApp := finder.NewFinderApplication(webfs) finderApp := finder.NewFinderApplication(webfs)
imgViewerApp := imgviewer.NewImgViewerApp(webfs) imgViewerApp := imgviewer.NewImgViewerApp()
blogViewerApp := blogviewer.NewBlogViewerApp(webfs) blogViewerApp := blogviewer.NewBlogViewerApp(webfs)
appsStorage := websiteapp.ApplicationsStorage{ appsStorage := websiteapp.ApplicationsStorage{
Apps: map[string]websiteapp.WebDEApplication{}, Apps: map[string]websiteapp.WebDEApplication{},
@ -187,14 +186,10 @@ func main() {
persPropApp.GET("render", func(ctx *gin.Context) { persPropApp.GET("render", func(ctx *gin.Context) {
isMobileParam := ctx.Query("isMobile") isMobileParam := ctx.Query("isMobile")
isMobile := isMobileParam == "true" isMobile := isMobileParam == "true"
ginH, err := persPropsApp.Render()
if err != nil {
ctx.JSON(http.StatusInternalServerError, "TODO") //TODO
}
if isMobile { if isMobile {
ctx.HTML(http.StatusOK, "personal-properties/mobile-app.tmpl", ginH) ctx.HTML(http.StatusOK, "personal-properties/mobile-app.tmpl", persPropsApp.Render())
} else { } else {
ctx.HTML(http.StatusOK, "personal-properties/app.tmpl", ginH) ctx.HTML(http.StatusOK, "personal-properties/app.tmpl", persPropsApp.Render())
} }
}) })
} }
@ -213,34 +208,16 @@ func main() {
finderAppRoute.GET("renderMobileDesktop", func(ctx *gin.Context) { finderAppRoute.GET("renderMobileDesktop", func(ctx *gin.Context) {
ctx.HTML(http.StatusOK, "finder/mobile-desktop.tmpl", gin.H{}) ctx.HTML(http.StatusOK, "finder/mobile-desktop.tmpl", gin.H{})
}) })
finderAppRoute.GET("renderDesktop", func(ctx *gin.Context) {
path := ctx.Query("path")
if path == "" {
ctx.JSON(http.StatusBadRequest, "no path provided")
return
}
ctx.HTML(http.StatusOK, "finder/desktop.tmpl", gin.H{})
})
} }
imgViewerRoute := app.Group("img-viewer") imgViewerRoute := app.Group("img-viewer")
{ {
imgViewerRoute.GET("render", func(ctx *gin.Context) { imgViewerRoute.GET("render", func(ctx *gin.Context) {
isMobileParam := ctx.Query("isMobile") isMobileParam := ctx.Query("isMobile")
isMobile := isMobileParam == "true" isMobile := isMobileParam == "true"
path := ctx.Query("path")
if path == "" {
ctx.JSON(http.StatusBadRequest, "no path provided")
return
}
ginH, err := imgViewerApp.Render(path, isMobile)
if err != nil {
ctx.JSON(http.StatusInternalServerError, "TODO")
return
}
if isMobile { if isMobile {
ctx.HTML(http.StatusOK, "img-viewer/mobile-app.tmpl", ginH) ctx.HTML(http.StatusOK, "img-viewer/mobile-app.tmpl", imgViewerApp.Render(isMobile))
} else { } else {
ctx.HTML(http.StatusOK, "img-viewer/app.tmpl", ginH) ctx.HTML(http.StatusOK, "img-viewer/app.tmpl", imgViewerApp.Render(isMobile))
} }
}) })

View File

@ -10,14 +10,10 @@ class Finder{
} }
/** /**
* @param {string[]} args * @param {string} path
*/ */
NewWindow(args){ NewWindow(args){
this.path = args[0] this.path = args[0]
if (args[1] == "desktop"){
this.NewDesktop(args)
return
}
fetch(`${window.location.origin}/application/${this.appId}/render?` + new URLSearchParams({ fetch(`${window.location.origin}/application/${this.appId}/render?` + new URLSearchParams({
isMobile: WebDesktopEnvironment.isMobile, isMobile: WebDesktopEnvironment.isMobile,
// path: this.path, // path: this.path,
@ -29,7 +25,7 @@ class Finder{
newWindow.innerHTML = html newWindow.innerHTML = html
this.fileView = new FileView(newWindow.querySelector(".FileTileView"), (event) =>{ this.fileView = new FileView(newWindow.querySelector(".FileTileView"), (event) =>{
this.Click(event, false) this.Click(event, this.path)
}) })
this.OpenDir(this.path) this.OpenDir(this.path)
@ -43,7 +39,7 @@ class Finder{
if (!WebDesktopEnvironment.isMobile){ if (!WebDesktopEnvironment.isMobile){
// let scrollBar = new WdeScrollBar(newWindow.children[1].children[1], newWindow.children[1].children[0])// TODO to querry selector // let scrollBar = new WdeScrollBar(newWindow.children[1].children[1], newWindow.children[1].children[0])// TODO to querry selector
// console.log(newWindow.querySelector("#closeWindowButton")) console.log(newWindow.querySelector("#closeWindowButton"))
newWindow.querySelector("#closeWindowButton").addEventListener('click', function (params) { newWindow.querySelector("#closeWindowButton").addEventListener('click', function (params) {
WebDesktopEnvironment.CloseWindow(newWindow) WebDesktopEnvironment.CloseWindow(newWindow)
@ -56,29 +52,6 @@ class Finder{
}) })
} }
/**
* @param {string[]} args
*/
NewDesktop(args){
fetch(`${window.location.origin}/application/${this.appId}/renderDesktop?` + new URLSearchParams({
isMobile: WebDesktopEnvironment.isMobile,
path: args[0]
}))
.then((response) => response.text())
.then((html) => {
// console.log(args)
args[2].innerHTML = html
this.fileView = new FileView(args[2].querySelector(".FileTileView"), (event) =>{
this.Click(event, true)
})
this.OpenDir(this.path)
})
.catch((error) => {
WebDesktopEnvironment.Alert(error);
})
}
OpenPreviousDir(){ OpenPreviousDir(){
if (this.pathHistory.length > 0){ if (this.pathHistory.length > 0){
// console.log(this.pathHistory) // console.log(this.pathHistory)
@ -93,6 +66,7 @@ class Finder{
* @param {string} path * @param {string} path
*/ */
OpenDir(path){ OpenDir(path){
console.log()
this.pathHistory += this.path this.pathHistory += this.path
this.path = path this.path = path
this.fileView.OpenFolder(this.path) this.fileView.OpenFolder(this.path)
@ -100,17 +74,12 @@ class Finder{
/** /**
* @param {MouseEvent} event * @param {MouseEvent} event
* @param {boolean} inNewWindow
*/ */
Click(event, inNewWindow){ Click(event){
let fileType = event.target.getAttribute("fileType") let fileType = event.target.getAttribute("fileType")
let fileName = event.target.getAttribute("name") let fileName = event.target.getAttribute("name")
switch (fileType) { switch (fileType) {
case "directory": case "directory":
if (inNewWindow){
WebDesktopEnvironment.Open("finder", ["/home/user/" + fileName]) //FIXME this.path is shared for all windows
break
}
this.OpenDir(this.path +"/" + fileName) this.OpenDir(this.path +"/" + fileName)
break break
case "blog-page": case "blog-page":
@ -120,9 +89,9 @@ class Finder{
// //TODO get real id // //TODO get real id
// WebDesktopEnvironment.Open("personal-properties", []) // WebDesktopEnvironment.Open("personal-properties", [])
// break; // break;
case "base64img": // case "img":
WebDesktopEnvironment.Open("img-viewer", [this.path + "/" + fileName]) // WebDesktopEnvironment.Open("img-viewer", ["pizda"])
break; // break;
default: default:
console.log("Unsupported file type") console.log("Unsupported file type")
break; break;

View File

@ -5,13 +5,12 @@
.Img-Viewer-Picture{ .Img-Viewer-Picture{
width: 100%; width: 100%;
height: 100%; height: 100%;
/* background-image: url("./test-image.jpg"); background-image: url("./test-image.jpg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; */ background-position: center center;
} }
.Img-Viewer-Picture-Toolbar{ .Img-Viewer-Picture-Toolbar{
width: 100%; width: 100%;
height: 35px; height: 35px;

View File

@ -1,12 +1,11 @@
class ImgViewer{ class ImgViewer{
appId = "img-viewer" appId = "img-viewer"
/** /**
* @param {string[]} args * @param {string} path
*/ */
NewWindow(args){ NewWindow(path){
fetch(`${window.location.origin}/application/${this.appId}/render?`+ new URLSearchParams({ fetch(`${window.location.origin}/application/${this.appId}/render?`+ new URLSearchParams({
isMobile: WebDesktopEnvironment.isMobile, isMobile: WebDesktopEnvironment.isMobile,
path: args[0]
})) }))
.then((response) => response.text()) .then((response) => response.text())
.then((html) => { .then((html) => {
@ -25,3 +24,7 @@ class ImgViewer{
} }
} }
class test{
}

View File

@ -2,7 +2,7 @@ document.addEventListener('DOMContentLoaded', function() {
// console.log(window.screen.width) // console.log(window.screen.width)
wde = new WebDesktopEnvironment wde = new WebDesktopEnvironment
if (!WebDesktopEnvironment.isMobile){ if (!WebDesktopEnvironment.isMobile){
// WebDesktopEnvironment.Open("finder", ["/home/user"]) WebDesktopEnvironment.Open("finder", ["/home/user"])
// WebDesktopEnvironment.Open("blog-viewer", ["/home/user/blog/test-1.blog"]) // WebDesktopEnvironment.Open("blog-viewer", ["/home/user/blog/test-1.blog"])
// WebDesktopEnvironment.Open("personal-properties", ["kek"]) // WebDesktopEnvironment.Open("personal-properties", ["kek"])
} else { } else {
@ -58,12 +58,6 @@ class WebDesktopEnvironment{
} else{ } else{
document.body.style.setProperty('--zoom', 1) document.body.style.setProperty('--zoom', 1)
let desktopLayer = document.createElement("div")
desktopLayer.setAttribute('id', 'desktop-layer')
desktopLayer.setAttribute('class', 'DesktopBackground')
document.body.appendChild(desktopLayer)
WebDesktopEnvironment.Open("finder", ["/home/user", "desktop", desktopLayer])
let windowsLayer = document.createElement("div") let windowsLayer = document.createElement("div")
windowsLayer.setAttribute('id', 'windows-layer') windowsLayer.setAttribute('id', 'windows-layer')
document.body.appendChild(windowsLayer) document.body.appendChild(windowsLayer)

View File

@ -349,10 +349,3 @@
width: 0; width: 0;
height: 0; height: 0;
} }
.DesktopBackground{
position: absolute;
width: 100%;
height: 100%;
background-color: #9999CC;
}

View File

@ -1,6 +0,0 @@
{{ define "finder/desktop.tmpl" }}
<div class="FileTileView">
</div>
{{ end }}

View File

@ -1,5 +1,5 @@
{{ define "img-viewer/app.tmpl" }} {{ define "img-viewer/app.tmpl" }}
<div id="TestWindowHeader" class="WindowFrameTopBar DragArea"> <div id="TestWindowHeader" class="WindowFrameTopBar">
<button id="closeWindowButton" class="WindowFrameTopBarButton" title="Close Window"></button> <button id="closeWindowButton" class="WindowFrameTopBarButton" title="Close Window"></button>
<div id="Drag" class="WindowDragArea"></div> <div id="Drag" class="WindowDragArea"></div>
<div class="WindowFrameTitle"> <div class="WindowFrameTitle">
@ -11,9 +11,9 @@
<!-- <div class="Img-Viewer-Picture-Toolbar"> <!-- <div class="Img-Viewer-Picture-Toolbar">
Toolbar Toolbar
</div> --> </div> -->
<div class="Img-Viewer-Picture-Container">
<img class="Img-Viewer-Picture-Container"src="data:{{.header}},{{.base64}}"> <div class="Img-Viewer-Picture">
</div>
</div> </div>
{{ end }} {{ end }}

View File

@ -1,6 +1,6 @@
{{ define "personal-properties/app.tmpl" }} {{ define "personal-properties/app.tmpl" }}
<!-- <div id="WindowBorder" class="PersonalPropertiesFrame"> --> <!-- <div id="WindowBorder" class="PersonalPropertiesFrame"> -->
<div id="TestWindowHeader" class="WindowFrameTopBar DragArea"> <div id="TestWindowHeader" class="WindowFrameTopBar">
<button id="closeWindowButton" class="WindowFrameTopBarButton" title="Close Window"></button> <button id="closeWindowButton" class="WindowFrameTopBarButton" title="Close Window"></button>
<div id="Drag" class="WindowDragArea"></div> <div id="Drag" class="WindowDragArea"></div>
<div class="WindowFrameTitle"> <div class="WindowFrameTitle">
@ -13,11 +13,10 @@
<div class="ScrollContent"> <div class="ScrollContent">
<div class="PropertiesList"> <div class="PropertiesList">
<div class="Personal-properties-bio"> <div class="Personal-properties-bio">
<img src="data:{{ .headerProps.Icon.Header }},{{ .headerProps.Icon.Base64 }}" alt="My Photo" style="width: 48px;height: 48px;"> <img src="res/img/default-avatar-photo-placeholder-profile-picture-vector.jpg" alt="My Photo" style="width: 48px;height: 48px;">
<div class="Personal-properties-textbio"> <div class="Personal-properties-textbio">
<div>{{ .headerProps.Name }}</div> <div>{{ .Name }}</div>
<div>{{ .headerProps.Info1 }}</div> <div>{{ .BasicBio }}</div>
<div>{{ .headerProps.Info2 }}</div>
</div> </div>
</div> </div>
{{ range $propIsland := .allprops }} {{ range $propIsland := .allprops }}

View File

@ -1,29 +0,0 @@
package wde
import (
"errors"
"personalwebsite/webfilesystem"
"go.mongodb.org/mongo-driver/bson/primitive"
)
func ReadImage(img *webfilesystem.WebFSFile) (*Base64Img, error) {
header, ok := img.Data.(primitive.D).Map()["header"].(string)
if !ok {
return nil, errors.New("error in file decoding")
}
base64, ok := img.Data.(primitive.D).Map()["base64"].(string)
if !ok {
return nil, errors.New("error in file decoding")
}
return &Base64Img{
Header: header,
Base64: base64,
}, nil
}
type Base64Img struct {
Header string
Base64 string
}

View File

@ -1,21 +1,17 @@
package imgviewer package imgviewer
import ( import (
"personalwebsite/wde"
"personalwebsite/webfilesystem"
"personalwebsite/websiteapp" "personalwebsite/websiteapp"
"github.com/gin-gonic/gin" "github.com/gin-gonic/gin"
) )
type ImgViewerApp struct { type ImgViewerApp struct {
fs *webfilesystem.WebFileSystem
manifest websiteapp.ApplicationManifest manifest websiteapp.ApplicationManifest
} }
func NewImgViewerApp(webFs *webfilesystem.WebFileSystem) ImgViewerApp { func NewImgViewerApp() ImgViewerApp {
newApp := ImgViewerApp{ newApp := ImgViewerApp{
fs: webFs,
manifest: websiteapp.ApplicationManifest{ manifest: websiteapp.ApplicationManifest{
AppId: "img-viewer", AppId: "img-viewer",
WindowName: "About me", //TODO: delete WindowName: "About me", //TODO: delete
@ -31,17 +27,9 @@ func (p *ImgViewerApp) GetId() string {
return p.manifest.AppId return p.manifest.AppId
} }
func (p *ImgViewerApp) Render(path string, isMobile bool) (gin.H, error) { func (p *ImgViewerApp) Render(isMobile bool) gin.H {
img, err := p.fs.Read(path)
if err != nil {
return nil, err
}
data, err := wde.ReadImage(img)
if err != nil {
return nil, err
}
return gin.H{ return gin.H{
"header": data.Header, "Name": "Greg Brzezinski",
"base64": data.Base64, "BasicBio": "Born 27.09.1998 at Saint-Petersburg",
}, nil }
} }

View File

@ -1,23 +1,17 @@
package personalprops package personalprops
import ( import (
"errors"
"personalwebsite/wde"
"personalwebsite/webfilesystem"
"personalwebsite/websiteapp" "personalwebsite/websiteapp"
"github.com/gin-gonic/gin" "github.com/gin-gonic/gin"
"go.mongodb.org/mongo-driver/bson/primitive"
) )
type PersonalPropertiesApp struct { type PersonalPropertiesApp struct {
fs *webfilesystem.WebFileSystem
manifest websiteapp.ApplicationManifest manifest websiteapp.ApplicationManifest
} }
func NewPersPropsApp(webFs *webfilesystem.WebFileSystem) PersonalPropertiesApp { func NewPersPropsApp() PersonalPropertiesApp {
newApp := PersonalPropertiesApp{ newApp := PersonalPropertiesApp{
fs: webFs,
manifest: websiteapp.ApplicationManifest{ manifest: websiteapp.ApplicationManifest{
AppId: "personal-properties", AppId: "personal-properties",
WindowName: "About me", WindowName: "About me",
@ -33,7 +27,16 @@ func (p *PersonalPropertiesApp) GetId() string {
return p.manifest.AppId return p.manifest.AppId
} }
func (p *PersonalPropertiesApp) WriteToDb() { func (p *PersonalPropertiesApp) Render() gin.H {
// books := make([]Book, 0)
// books = append(books, Book{
// Title: "Title 1",
// Author: "Author 1",
// })
// books = append(books, Book{
// Title: "Title 2",
// Author: "Author 2",
// })
allProps := make([]PropIsland, 0) allProps := make([]PropIsland, 0)
// careerProps := make([]Prop, 0) // careerProps := make([]Prop, 0)
@ -120,83 +123,26 @@ func (p *PersonalPropertiesApp) WriteToDb() {
}, },
}, },
} }
// testKeys := PropIsland{
// Header: "Test",
// Props: []PropElement{{
// Key: "Urtt",
// Values: []string{"BakaBaka"},
// }},
// }
allProps = append(allProps, expertiseIsland, careerProps, eduIsland, volunteerProps) allProps = append(allProps, expertiseIsland, careerProps, eduIsland, volunteerProps)
file := webfilesystem.WebFSFile{
MongoId: primitive.NewObjectID(),
Name: "personal.props",
Type: "props",
Data: PropertiesFile{
Props: allProps,
},
}
err := p.fs.CreateFile(&file, "/home/user/")
if err != nil {
println(err.Error())
} else {
println("Ok")
}
}
func (p *PersonalPropertiesApp) Render() (gin.H, error) {
props, err := p.fs.Read("/home/user/personal.props")
if err != nil {
return nil, err
}
if props.Data == nil || props.Type != "props" {
return nil, errors.New("bad file")
}
headerProps := props.Data.(primitive.D).Map()["headerprops"].(primitive.D).Map()
file, err := p.fs.Read(headerProps["icon"].(string))
if err != nil {
//TODO
}
data, err := wde.ReadImage(file)
if err != nil {
return nil, err
}
hIsland := HeaderIsland{
Name: headerProps["name"].(string),
Icon: data,
Info1: "LLL",
Info2: "QQQ",
}
allProps := make([]PropIsland, 0)
for _, v := range props.Data.(primitive.D).Map()["props"].(primitive.A) {
island := PropIsland{}
island.Header = v.(primitive.D).Map()["header"].(string)
for _, prop := range v.(primitive.D).Map()["props"].(primitive.A) {
elem := PropElement{
Key: prop.(primitive.D).Map()["key"].(string),
}
if prop.(primitive.D).Map()["keycomments"] != nil {
for _, keyComments := range prop.(primitive.D).Map()["keycomments"].(primitive.A) {
elem.KeyComments = append(elem.KeyComments, keyComments.(string))
}
}
for _, elemValues := range prop.(primitive.D).Map()["values"].(primitive.A) {
elem.Values = append(elem.Values, elemValues.(string))
}
island.Props = append(island.Props, elem)
}
allProps = append(allProps, island)
}
return gin.H{ return gin.H{
"headerProps": hIsland, "Name": "Greg Brzezinski",
"allprops": allProps, "BasicBio": "Born 27.09.1998 at Saint-Petersburg",
}, nil // "BasicInfo": basicInfo,
// "career": careerProps,
"allprops": allProps,
}
} }
type HeaderIsland struct { type Book struct {
Name string Title string
Icon *wde.Base64Img Author string
Info1 string
Info2 string
} }
type PropElement struct { type PropElement struct {
@ -210,6 +156,6 @@ type PropIsland struct {
Props []PropElement Props []PropElement
} }
type PropertiesFile struct { // func (p *PersonalPropertiesApp) GetContent(ctx *gin.Context) interface{} {
Props []PropIsland `bson:"props"`
} // }