Sophia/steamwidgets-web
1
0
Fork 0
mirror of https://github.com/SophiaAtkinson/steamwidgets-web.git synced 2025-06-27 03:57:41 -07:00
Code Issues Packages Projects Releases Wiki Activity

Rename javascript files

Browse Source
This commit is contained in:
Daniel Brendel
2022-09-25 10:34:40 +02:00
parent 815703b177
commit 3608435a76
3 changed files with 72 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
app/resources/js/steam_app.dev.js
View File

@ -1,13 +1,13 @@
/** /**
* SteamCards - Steam Cards for your website * SteamWidgets - Steam Widgets for your website
* *
* Module: Steam Game/App Widget * Module: Steam Game/App Widget
* *
* Visit: https://github.com/danielbrendel * Visit: https://github.com/danielbrendel
*/ */
const STEAMCARDS_APP_ENDPOINT = 'http://localhost:8000'; const STEAMWIDGETS_APP_ENDPOINT = 'http://localhost:8000';
const STEAMCARDS_APP_VERSION = 'v1'; const STEAMWIDGETS_APP_VERSION = 'v1';
/** /**
* Class SteamAppElem * Class SteamAppElem
@ -57,7 +57,7 @@ class SteamAppElem extends HTMLElement
styleHideImage: styleHideImage styleHideImage: styleHideImage
}; };
this.setupCard( this.setupWidget(
appid, appid,
lang, lang,
playtext, playtext,
@ -78,7 +78,7 @@ class SteamAppElem extends HTMLElement
} }
} }
setupCard(appid, lang, playtext, author, onlinecount, rating, width, height, styleBorder, styleShadow, styleColorBackground, styleColorTitle, styleColorDescription, styleColorAuthor, styleColorOnlinecount, styleHideImage) setupWidget(appid, lang, playtext, author, onlinecount, rating, width, height, styleBorder, styleShadow, styleColorBackground, styleColorTitle, styleColorDescription, styleColorAuthor, styleColorOnlinecount, styleHideImage)
{ {
var req = new XMLHttpRequest(); var req = new XMLHttpRequest();
var self = this; var self = this;
@ -115,12 +115,12 @@ class SteamAppElem extends HTMLElement
author = author.replace(':publisher', publishers); author = author.replace(':publisher', publishers);
} }
if (!document.getElementById('steamcards-app-styles')) { if (!document.getElementById('steamwidgets-app-styles')) {
let link = document.createElement('link'); let link = document.createElement('link');
link.id = 'steamcards-app-styles'; link.id = 'steamwidgets-app-styles';
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = STEAMCARDS_APP_ENDPOINT + '/api/resource/query?type=css&module=app&version=' + STEAMCARDS_APP_VERSION; link.href = STEAMWIDGETS_APP_ENDPOINT + '/api/resource/query?type=css&module=app&version=' + STEAMWIDGETS_APP_VERSION;
document.getElementsByTagName('head')[0].appendChild(link); document.getElementsByTagName('head')[0].appendChild(link);
} }
@ -130,9 +130,9 @@ class SteamAppElem extends HTMLElement
onlineCountText = onlineCountText.replace(':count', self.readableCount(json.data.online_count)); onlineCountText = onlineCountText.replace(':count', self.readableCount(json.data.online_count));
} }
let cardImageStyle = ''; let widgetImageStyle = '';
let cardStyle = ''; let widgetStyle = '';
if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) { if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) {
let widthCode = ''; let widthCode = '';
if (width !== null) { if (width !== null) {
@ -143,13 +143,13 @@ class SteamAppElem extends HTMLElement
if (styleBorder !== null) { if (styleBorder !== null) {
if (styleBorder === 'max') { if (styleBorder === 'max') {
borderCode = 'border-radius: 25px;'; borderCode = 'border-radius: 25px;';
cardImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;'; widgetImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;';
} else if (styleBorder === 'small') { } else if (styleBorder === 'small') {
borderCode = 'border-radius: 4px;'; borderCode = 'border-radius: 4px;';
cardImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;'; widgetImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;';
} else if (styleBorder === 'none') { } else if (styleBorder === 'none') {
borderCode = 'border-radius: unset;'; borderCode = 'border-radius: unset;';
cardImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;'; widgetImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;';
} }
} }
@ -163,7 +163,7 @@ class SteamAppElem extends HTMLElement
bgColor = 'background-color: ' + styleColorBackground + ';'; bgColor = 'background-color: ' + styleColorBackground + ';';
} }
cardStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"'; widgetStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"';
} }
let ratingCode = ''; let ratingCode = '';
@ -180,8 +180,8 @@ class SteamAppElem extends HTMLElement
} }
let html = ` let html = `
<div class="steam-app" ` + ((cardStyle.length > 0) ? cardStyle: '') + `> <div class="steam-app" ` + ((widgetStyle.length > 0) ? widgetStyle: '') + `>
<div class="steam-app-image" style="background-image: url('` + json.data.header_image + `'); ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((cardImageStyle.length > 0) ? cardImageStyle : '') + ((styleHideImage) ? 'display: none;' : '') + `"></div> <div class="steam-app-image" style="background-image: url('` + json.data.header_image + `'); ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((widgetImageStyle.length > 0) ? widgetImageStyle : '') + ((styleHideImage) ? 'display: none;' : '') + `"></div>
<div class="steam-app-infos"> <div class="steam-app-infos">
<div class="steam-app-title"> <div class="steam-app-title">
@ -213,13 +213,13 @@ class SteamAppElem extends HTMLElement
self.innerHTML = html; self.innerHTML = html;
} }
}; };
req.open('GET', STEAMCARDS_APP_ENDPOINT + '/api/query/app?appid=' + appid + '&lang=' + lang, true); req.open('GET', STEAMWIDGETS_APP_ENDPOINT + '/api/query/app?appid=' + appid + '&lang=' + lang, true);
req.send(); req.send();
} }
updateCard() updateWidget()
{ {
this.setupCard( this.setupWidget(
this.storedData.appid, this.storedData.appid,
this.storedData.lang, this.storedData.lang,
this.storedData.playtext, this.storedData.playtext,
@ -246,7 +246,7 @@ class SteamAppElem extends HTMLElement
this.storedData.author = author; this.storedData.author = author;
this.storedData.onlinecount = onlinecount; this.storedData.onlinecount = onlinecount;
this.setupCard( this.setupWidget(
this.storedData.appid, this.storedData.appid,
this.storedData.lang, this.storedData.lang,
this.storedData.playtext, this.storedData.playtext,
@ -270,7 +270,7 @@ class SteamAppElem extends HTMLElement
{ {
this.storedData.styleHideImage = !visibility; this.storedData.styleHideImage = !visibility;
this.setupCard( this.setupWidget(
this.storedData.appid, this.storedData.appid,
this.storedData.lang, this.storedData.lang,
this.storedData.playtext, this.storedData.playtext,
@ -316,7 +316,7 @@ window.customElements.define('steam-app', SteamAppElem);
/** /**
* Class SteamApp * Class SteamApp
* *
* Dynamically create a Steam game/app card via JavaScript * Dynamically create a Steam game/app widget via JavaScript
*/ */
class SteamApp class SteamApp
{ {
@ -403,9 +403,9 @@ class SteamApp
} }
} }
updateCard() updateWidget()
{ {
this.elem.updateCard(); this.elem.updateWidget();
} }
changeLang(lang, playtext, author, onlinecount) changeLang(lang, playtext, author, onlinecount)

48
app/resources/js/steam_server.dev.js
View File

@ -1,13 +1,13 @@
/** /**
* SteamCards - Steam Cards for your website * SteamWidgets - Steam Widgets for your website
* *
* Module: Steam Server Widget * Module: Steam Server Widget
* *
* Visit: https://github.com/danielbrendel * Visit: https://github.com/danielbrendel
*/ */
const STEAMCARDS_SERVER_ENDPOINT = 'http://localhost:8000'; const STEAMWIDGETS_SERVER_ENDPOINT = 'http://localhost:8000';
const STEAMCARDS_SERVER_VERSION = 'v1'; const STEAMWIDGETS_SERVER_VERSION = 'v1';
/** /**
* Class SteamServerElem * Class SteamServerElem
@ -56,7 +56,7 @@
styleColorTextDark styleColorTextDark
}; };
this.setupCard( this.setupWidget(
addr, addr,
header, header,
width, width,
@ -76,7 +76,7 @@
} }
} }
setupCard(addr, header, width, height, bots, secure_yes, secure_no, hosting_dedicated, hosting_listen, playtext, styleBorder, styleShadow, styleColorBackground, styleColorTextBright, styleColorTextDark) setupWidget(addr, header, width, height, bots, secure_yes, secure_no, hosting_dedicated, hosting_listen, playtext, styleBorder, styleShadow, styleColorBackground, styleColorTextBright, styleColorTextDark)
{ {
var req = new XMLHttpRequest(); var req = new XMLHttpRequest();
var self = this; var self = this;
@ -85,18 +85,18 @@
if (req.readyState == XMLHttpRequest.DONE) { if (req.readyState == XMLHttpRequest.DONE) {
let json = JSON.parse(req.responseText); let json = JSON.parse(req.responseText);
if (!document.getElementById('steamcards-server-styles')) { if (!document.getElementById('steamwidgets-server-styles')) {
let link = document.createElement('link'); let link = document.createElement('link');
link.id = 'steamcards-server-styles'; link.id = 'steamwidgets-server-styles';
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = STEAMCARDS_SERVER_ENDPOINT + '/api/resource/query?type=css&module=server&version=' + STEAMCARDS_SERVER_VERSION; link.href = STEAMWIDGETS_SERVER_ENDPOINT + '/api/resource/query?type=css&module=server&version=' + STEAMWIDGETS_SERVER_VERSION;
document.getElementsByTagName('head')[0].appendChild(link); document.getElementsByTagName('head')[0].appendChild(link);
} }
let cardImageStyle = ''; let widgetImageStyle = '';
let cardStyle = ''; let widgetStyle = '';
if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) { if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) {
let widthCode = ''; let widthCode = '';
if (width !== null) { if (width !== null) {
@ -107,13 +107,13 @@
if (styleBorder !== null) { if (styleBorder !== null) {
if (styleBorder === 'max') { if (styleBorder === 'max') {
borderCode = 'border-radius: 25px;'; borderCode = 'border-radius: 25px;';
cardImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;'; widgetImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;';
} else if (styleBorder === 'small') { } else if (styleBorder === 'small') {
borderCode = 'border-radius: 4px;'; borderCode = 'border-radius: 4px;';
cardImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;'; widgetImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;';
} else if (styleBorder === 'none') { } else if (styleBorder === 'none') {
borderCode = 'border-radius: unset;'; borderCode = 'border-radius: unset;';
cardImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;'; widgetImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;';
} }
} }
@ -127,7 +127,7 @@
bgColor = 'background-color: ' + styleColorBackground + ';'; bgColor = 'background-color: ' + styleColorBackground + ';';
} }
cardStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"'; widgetStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"';
} }
let bgimage = ''; let bgimage = '';
@ -155,8 +155,8 @@
} }
let html = ` let html = `
<div class="steam-server" ` + ((cardStyle.length > 0) ? cardStyle: '') + `> <div class="steam-server" ` + ((widgetStyle.length > 0) ? widgetStyle: '') + `>
<div class="steam-server-image" style="` + bgimage + ` ` + ((header == '') ? 'display: none;' : '') + ` ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((cardImageStyle.length > 0) ? cardImageStyle : '') + `"></div> <div class="steam-server-image" style="` + bgimage + ` ` + ((header == '') ? 'display: none;' : '') + ` ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((widgetImageStyle.length > 0) ? widgetImageStyle : '') + `"></div>
<div class="steam-server-infos"> <div class="steam-server-infos">
<div class="steam-server-title"> <div class="steam-server-title">
@ -193,13 +193,13 @@
self.innerHTML = html; self.innerHTML = html;
} }
}; };
req.open('GET', STEAMCARDS_SERVER_ENDPOINT + '/api/query/server?addr=' + addr, true); req.open('GET', STEAMWIDGETS_SERVER_ENDPOINT + '/api/query/server?addr=' + addr, true);
req.send(); req.send();
} }
updateCard() updateWidget()
{ {
this.setupCard( this.setupWidget(
this.storedData.addr, this.storedData.addr,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -227,7 +227,7 @@
this.storedData.hosting_listen = hosting_listen; this.storedData.hosting_listen = hosting_listen;
this.storedData.playtext = playtext; this.storedData.playtext = playtext;
this.setupCard( this.setupWidget(
this.storedData.addr, this.storedData.addr,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -258,7 +258,7 @@
this.storedData.header = ''; this.storedData.header = '';
} }
this.setupCard( this.setupWidget(
this.storedData.addr, this.storedData.addr,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -283,7 +283,7 @@
/** /**
* Class SteamServer * Class SteamServer
* *
* Dynamically create a Steam server card via JavaScript * Dynamically create a Steam server widgets via JavaScript
*/ */
class SteamServer class SteamServer
{ {
@ -354,9 +354,9 @@
} }
} }
updateCard() updateWidget()
{ {
this.elem.updateCard(); this.elem.updateWidget();
} }
changeLang(bots, secure_yes, secure_no, hosting_dedicated, hosting_listen, playtext) changeLang(bots, secure_yes, secure_no, hosting_dedicated, hosting_listen, playtext)

48
app/resources/js/steam_user.dev.js
View File

@ -1,13 +1,13 @@
/** /**
* SteamCards - Steam Cards for your website * SteamWidgets - Steam Widgets for your website
* *
* Module: Steam User Widget * Module: Steam User Widget
* *
* Visit: https://github.com/danielbrendel * Visit: https://github.com/danielbrendel
*/ */
const STEAMCARDS_USER_ENDPOINT = 'http://localhost:8000'; const STEAMWIDGETS_USER_ENDPOINT = 'http://localhost:8000';
const STEAMCARDS_USER_VERSION = 'v1'; const STEAMWIDGETS_USER_VERSION = 'v1';
/** /**
* Class SteamUserElem * Class SteamUserElem
@ -52,7 +52,7 @@
styleColorTextDark styleColorTextDark
}; };
this.setupCard( this.setupWidget(
steamid, steamid,
header, header,
width, width,
@ -70,7 +70,7 @@
} }
} }
setupCard(steamid, header, width, height, online_yes, online_no, member_since, viewtext, styleBorder, styleShadow, styleColorBackground, styleColorTextBright, styleColorTextDark) setupWidget(steamid, header, width, height, online_yes, online_no, member_since, viewtext, styleBorder, styleShadow, styleColorBackground, styleColorTextBright, styleColorTextDark)
{ {
var req = new XMLHttpRequest(); var req = new XMLHttpRequest();
var self = this; var self = this;
@ -79,18 +79,18 @@
if (req.readyState == XMLHttpRequest.DONE) { if (req.readyState == XMLHttpRequest.DONE) {
let json = JSON.parse(req.responseText); let json = JSON.parse(req.responseText);
if (!document.getElementById('steamcards-user-styles')) { if (!document.getElementById('steamwidgets-user-styles')) {
let link = document.createElement('link'); let link = document.createElement('link');
link.id = 'steamcards-user-styles'; link.id = 'steamwidgets-user-styles';
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.type = 'text/css'; link.type = 'text/css';
link.href = STEAMCARDS_USER_ENDPOINT + '/api/resource/query?type=css&module=user&version=' + STEAMCARDS_USER_VERSION; link.href = STEAMWIDGETS_USER_ENDPOINT + '/api/resource/query?type=css&module=user&version=' + STEAMWIDGETS_USER_VERSION;
document.getElementsByTagName('head')[0].appendChild(link); document.getElementsByTagName('head')[0].appendChild(link);
} }
let cardImageStyle = ''; let widgetImageStyle = '';
let cardStyle = ''; let widgetStyle = '';
if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) { if ((width !== null) || (styleBorder !== null) || (styleShadow !== true) || (styleColorBackground !== null)) {
let widthCode = ''; let widthCode = '';
if (width !== null) { if (width !== null) {
@ -101,13 +101,13 @@
if (styleBorder !== null) { if (styleBorder !== null) {
if (styleBorder === 'max') { if (styleBorder === 'max') {
borderCode = 'border-radius: 25px;'; borderCode = 'border-radius: 25px;';
cardImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;'; widgetImageStyle = 'border-top-left-radius: 25px; border-top-right-radius: 25px;';
} else if (styleBorder === 'small') { } else if (styleBorder === 'small') {
borderCode = 'border-radius: 4px;'; borderCode = 'border-radius: 4px;';
cardImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;'; widgetImageStyle = 'border-top-left-radius: 4px; border-top-right-radius: 4px;';
} else if (styleBorder === 'none') { } else if (styleBorder === 'none') {
borderCode = 'border-radius: unset;'; borderCode = 'border-radius: unset;';
cardImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;'; widgetImageStyle = 'border-top-left-radius: unset; border-top-right-radius: unset;';
} }
} }
@ -121,7 +121,7 @@
bgColor = 'background-color: ' + styleColorBackground + ';'; bgColor = 'background-color: ' + styleColorBackground + ';';
} }
cardStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"'; widgetStyle = 'style="' + widthCode + borderCode + shadowCode + bgColor + '"';
} }
let bgimage = ''; let bgimage = '';
@ -145,8 +145,8 @@
member_since = member_since.replace(':day', regdate.getDate()); member_since = member_since.replace(':day', regdate.getDate());
let html = ` let html = `
<div class="steam-user" ` + ((cardStyle.length > 0) ? cardStyle: '') + `> <div class="steam-user" ` + ((widgetStyle.length > 0) ? widgetStyle: '') + `>
<div class="steam-user-image" style="` + bgimage + ` ` + ((header == '') ? 'display: none;' : '') + ` ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((cardImageStyle.length > 0) ? cardImageStyle : '') + `"></div> <div class="steam-user-image" style="` + bgimage + ` ` + ((header == '') ? 'display: none;' : '') + ` ` + ((height !== null) ? 'height: ' + height + 'px;' : '') + ((widgetImageStyle.length > 0) ? widgetImageStyle : '') + `"></div>
<div class="steam-user-infos"> <div class="steam-user-infos">
<div class="steam-user-infos-left"> <div class="steam-user-infos-left">
@ -172,13 +172,13 @@
self.innerHTML = html; self.innerHTML = html;
} }
}; };
req.open('GET', STEAMCARDS_USER_ENDPOINT + '/api/query/user?steamid=' + steamid, true); req.open('GET', STEAMWIDGETS_USER_ENDPOINT + '/api/query/user?steamid=' + steamid, true);
req.send(); req.send();
} }
updateCard() updateWidget()
{ {
this.setupCard( this.setupWidget(
this.storedData.steamid, this.storedData.steamid,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -202,7 +202,7 @@
this.storedData.member_since = member_since; this.storedData.member_since = member_since;
this.storedData.viewtext = viewtext; this.storedData.viewtext = viewtext;
this.setupCard( this.setupWidget(
this.storedData.steamid, this.storedData.steamid,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -231,7 +231,7 @@
this.storedData.header = ''; this.storedData.header = '';
} }
this.setupCard( this.setupWidget(
this.storedData.steamid, this.storedData.steamid,
this.storedData.header, this.storedData.header,
this.storedData.width, this.storedData.width,
@ -254,7 +254,7 @@
/** /**
* Class SteamUser * Class SteamUser
* *
* Dynamically create a Steam user card via JavaScript * Dynamically create a Steam user widgets via JavaScript
*/ */
class SteamUser class SteamUser
{ {
@ -321,9 +321,9 @@
} }
} }
updateCard() updateWidget()
{ {
this.elem.updateCard(); this.elem.updateWidget();
} }
changeLang(online_yes, online_no, member_since, viewtext) changeLang(online_yes, online_no, member_since, viewtext)