261 lines
7.0 KiB
JavaScript
261 lines
7.0 KiB
JavaScript
var Tasker = {};
|
|
var Persist = {Servers: {}, Sources: {}, Identities: {},};
|
|
var Present = structuredClone(Persist);
|
|
|
|
Persist.__Set__ = function __Set__() {
|
|
// set value to own object
|
|
// set value to Present object too
|
|
// rewrite own object into cookies
|
|
};
|
|
|
|
Present.__Set__ = function __Set__() {
|
|
// like Persist but only set value to own object
|
|
};
|
|
|
|
var ApiCache = {
|
|
__Store__(Data, Path/*Key, Where*/) {
|
|
eval(`ApiCache.${Path} = Data;`);
|
|
},
|
|
__UrlStore__(Data) {
|
|
ApiCache.__Store__(Data, `Urls['${Data.Url}']`);
|
|
},
|
|
Urls: {},
|
|
};
|
|
|
|
Assets.__ = function __(Name) {
|
|
if (Name in Assets) {
|
|
if (Assets[Name].startsWith('data:')) {
|
|
return Assets[Name];
|
|
} else {
|
|
return `./Assets/${Assets[Name]}`;
|
|
};
|
|
};
|
|
};
|
|
|
|
Strings.__ = function __(Name) {
|
|
// TODO: Handle arbitrary nestation
|
|
if (Name in Strings) {
|
|
if (Strings[Name]['en']) { // TODO{ Select this language from user config
|
|
return Strings[Name]['en'];
|
|
} else {
|
|
return Strings[Name].en;
|
|
};
|
|
};
|
|
};
|
|
|
|
function DoAsync(First, Then, Data) {
|
|
var Job = RndId();
|
|
Tasker[Job] = {
|
|
Remains: 0,
|
|
Return(Data) {
|
|
this.Remains -= 1;
|
|
this.Result = Data;
|
|
},
|
|
};
|
|
// Call all First functs
|
|
ForceList(First).forEach(function(Fun){
|
|
var Task = RndId();
|
|
var Proc = [Job, Task];
|
|
Tasker[Job][Task] = {};
|
|
Tasker[Job].Remains += 1;
|
|
//Fun(Proc, Data);
|
|
Data ? Fun(Data, Proc) : Fun(Proc);
|
|
});
|
|
// Continuosly check when First functs completed
|
|
Tasker[Job].Interval = setInterval(function(Job, Then){
|
|
if (Tasker[Job].Remains <= 0) {
|
|
clearInterval(Tasker[Job].Interval);
|
|
// Call all Then functs
|
|
ForceList(Then).forEach(function(Fun){
|
|
Fun(Tasker[Job].Result);
|
|
});
|
|
delete Tasker[Job];
|
|
};
|
|
}, 50, Job, Then);
|
|
return Job;
|
|
};
|
|
|
|
function HtmlAssign(Id, Data) {
|
|
Array.from(document.getElementsByClassName(Id)).forEach(function(El){
|
|
HtmlAssignPropper(El, Data);
|
|
});
|
|
Array.from(document.getElementById(Id).querySelectorAll(`*:not([class~="${Id}"])`)).forEach(function(El){
|
|
if (El.dataset.assign) {
|
|
HtmlAssignPropper(El, Data);
|
|
};
|
|
});
|
|
};
|
|
function HtmlAssignPropper(El, Data) {
|
|
El.dataset.assign.trim().split(' ').forEach(function(Att){
|
|
var Toks = Att.split('=');
|
|
var Key = Toks[0].trim();
|
|
var Val = eval(`Data.${Toks[1]}`);
|
|
if (Val !== undefined) {
|
|
if (Key === 'src') {
|
|
Val = MkUrl(Val);
|
|
};
|
|
El[Key] = Val;
|
|
};
|
|
});
|
|
};
|
|
|
|
function TransNetCall(Data, FromSource, DestType, Proc) {
|
|
Data.CallOld = Data.Call;
|
|
Data.CallFineOld = Data.CallFine;
|
|
Data.CallFailOld = Data.CallFail;
|
|
NetCall(_.merge(Data, {
|
|
//Call: function(Res){ CallFun(Data.Call, Res); },
|
|
CallFine: function(Res){
|
|
Res.responseJsonOld = Res.responseJson;
|
|
Res.responseJson = ApiTransform(Res.responseJson, FromSource, DestType);
|
|
CallFun(Data.CallFineOld, Res);
|
|
}, //CallFail: function(Res){ CallFun(Data.CallFail, Res); },
|
|
}), Proc);
|
|
};
|
|
|
|
function DisplayProfile(Profile) {
|
|
Profile = UrlObj(Profile, DisplayProfile);
|
|
//if (Profile) {
|
|
var Window = MkWindow({className: "Profile"});
|
|
Window.innerHTML += `<div class="Profile" style="display: inline-block;">
|
|
<a href="${Profile.Url}">
|
|
<div>
|
|
<img class="" src="${Profile.Banner}"/>
|
|
</div>
|
|
<div>
|
|
<img class="" src="${Profile.Icon}"/>
|
|
${Profile.Name}
|
|
</div>
|
|
</a>
|
|
</div>`;
|
|
// TODO: Handle fetching notes of non-standard profiles like servers timelines
|
|
DoAsync(FetchNotes, FillTimeline, Profile);
|
|
//};
|
|
};
|
|
|
|
function FetchNotes(Profile, Proc) {
|
|
var Soft = Profile.ServerSoftware;
|
|
var Method = Profile.Type == 'Server'
|
|
? ApiEndpoints.ServerTimeline[Soft]
|
|
: ApiEndpoints.FetchNotes[Soft](Profile);
|
|
var Endp = Method;
|
|
var Method = Endp.Method || Endp;
|
|
NetCall({Target: UrlBase(Profile.Url), Method: Method, Data: Endp.Data, CallFine: function(Res){
|
|
var Notes = ApiTransform(Res.responseJson, Soft, 'Note');
|
|
LogDebug(Notes, 'l');
|
|
Tasker[Res.Proc[0]].Return(Notes);
|
|
}}, Proc);
|
|
};
|
|
|
|
function FetchMastodon(Proc) {
|
|
//if (UseFakeApi) {
|
|
// ResFetchMastodon({responseJson: [FakeApi.Mastodon.Status], Proc: Proc});
|
|
//} else {
|
|
NetCall({Target: "Mastodon", Method: "GET timelines/public", CallFine: ResFetchMastodon}, Proc);
|
|
//};
|
|
};
|
|
function ResFetchMastodon(Res) {
|
|
var Notes = ApiTransform(Res.responseJson, 'Mastodon', 'Note');
|
|
LogDebug(Notes, 'l');
|
|
Tasker[Res.Proc[0]].Return(Notes);
|
|
};
|
|
|
|
function FillTimeline(Notes) {
|
|
Notes.forEach(function(Note){
|
|
ApiCache.__UrlStore__(Note.Profile);
|
|
Root.lastChild.innerHTML += Templating.ViewNote(Note);
|
|
});
|
|
};
|
|
|
|
function DisplayThread(Note) {
|
|
|
|
};
|
|
|
|
function FillHome() {
|
|
var Window = MkWindow({className: "Gallery"});
|
|
var Categories = ApiStatic.Featured;
|
|
//_.forOwn(Categories, function(CategoryVal, Category){
|
|
Object.keys(Categories).forEach(function(Category){
|
|
Window.innerHTML += `<h2>Featured ${Category}</h2><ul></ul>`;
|
|
Categories[Category].forEach(function(Profile){
|
|
ApiCache.Urls[Profile.Url] = Profile;
|
|
var Rnd = RndHtmlId();
|
|
Window.querySelector('ul').innerHTML += `<li id="${Rnd}">
|
|
<a href="${Profile.Url}" onclick="DisplayProfile('${Profile.Url}'); return false;">
|
|
<img class="Profile Banner" data-assign="src=Banner" src="${Profile.Banner}"/>
|
|
<div>
|
|
<img class="Profile Icon" data-assign="src=Icon" src="${Profile.Icon}"/>
|
|
<span data-assign="innerHTML=Name">${Profile.Url}</span>
|
|
</div>
|
|
</a>
|
|
</li>`;
|
|
var Endp = ApiEndpoints.ServerInfo[Profile.ServerSoftware];
|
|
var Method = Endp.Method || Endp;
|
|
TransNetCall({Target: Profile.Url, Method: Method, Data: Endp.Data, CallFine: function(Res){
|
|
HtmlAssign(Rnd, Res.responseJson);
|
|
_.merge(ApiCache.Urls[Profile.Url], Res.responseJson);
|
|
}}, Profile.ServerSoftware, 'Profile');
|
|
});
|
|
});
|
|
};
|
|
|
|
/*
|
|
PlazasView.innerHTML = `
|
|
<div>
|
|
<h3>Featured</h3>
|
|
<ul>
|
|
<li onclick="DisplayFriendicaTimeline('statuses/networkpublic_timeline');">Federation</li>
|
|
<li onclick="DisplayFriendicaTimeline('statuses/public_timeline');">${FriendicaUrl}</li>
|
|
</ul>
|
|
</div>
|
|
`;
|
|
*/
|
|
|
|
function ComposeNote() {
|
|
var Window = MkWindow();
|
|
Window.innerHTML += `
|
|
<h2>Compose</h2>
|
|
<p>Posting in: [Channel]</p>
|
|
<textarea style="width: 100%; height: 20em;"></textarea>
|
|
<p>
|
|
<button onclick="PostNote(this.parentNode.parentNode.querySelector('textarea').value);">Note!</button>
|
|
</p>
|
|
`;
|
|
};
|
|
function PostNote(Text) {
|
|
Obj = ExtrimObj(ApiSchema.Note);
|
|
Obj.Content = Text;
|
|
// Find out current profile and destination channel to do a proper net request
|
|
};
|
|
|
|
function ManageSettings() {
|
|
MkWindow().innerHTML = `
|
|
<h2>Settings</h2>
|
|
<h3>Misc</h3>
|
|
<p>
|
|
Language: ${MkSelectMenu([{innerHTML: "en"}, {innerHTML: "it"},]).outerHTML}
|
|
</p>
|
|
<p>
|
|
Theme:
|
|
</p>
|
|
<p>
|
|
<label>Wait <input type="number"/> seconds after clicking send for a note to be sent</label>
|
|
</p>
|
|
<h3>Identities</h3>
|
|
${MkListMenu(Present.Identities, ElsCfg.ListMenu.FullControl).outerHTML}
|
|
<h3>Sources</h3>
|
|
${MkListMenu(Present.Sources, ElsCfg.ListMenu.FullControl).outerHTML}
|
|
<h3>Data</h3>
|
|
<p>
|
|
<button>Import User Data</button>
|
|
<button>Export User Data</button>
|
|
</p>
|
|
<p>
|
|
<label><input type="checkbox"/> Persist cache on app reload</label>
|
|
</p>
|
|
`;
|
|
};
|
|
|
|
FillHome();
|
|
CoverView.remove();
|