feat: api background quality setting

This commit is contained in:
David Ralph
2021-06-13 16:36:43 +01:00
parent 335a6864b1
commit dcddd78164
12 changed files with 87 additions and 12 deletions

View File

@@ -121,6 +121,13 @@ export default class BackgroundSettings extends React.PureComponent {
<option value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</option>
))}
</Dropdown>
<br/><br/>
<Dropdown label={background.source.quality.title} name='apiQuality' category='background'>
<option value='original'>{background.source.quality.original}</option>
<option value='high'>{background.source.quality.high}</option>
<option value='normal'>{background.source.quality.normal}</option>
<option value='datasaver'>{background.source.quality.datasaver}</option>
</Dropdown>
</>
);

View File

@@ -141,19 +141,20 @@ export default class Background extends React.PureComponent {
// API background
const backgroundAPI = localStorage.getItem('backgroundAPI');
const apiCategory = localStorage.getItem('apiCategory');
const apiQuality = localStorage.getItem('apiQuality');
let requestURL, data;
switch (backgroundAPI) {
case 'unsplash':
//requestURL = `${window.constants.UNSPLASH_URL}/getImage?category=${apiCategory}`;
requestURL = `${window.constants.UNSPLASH_URL}/images/random`;
requestURL = `${window.constants.UNSPLASH_URL}/images/random?quality=${apiQuality}`;
break;
case 'pexels':
requestURL = `${window.constants.PEXELS_URL}/images/random`;
requestURL = `${window.constants.PEXELS_URL}/images/random?quality=${apiQuality}`;
break;
// Defaults to Mue
default:
requestURL = `${window.constants.API_URL}/images/random?category=${apiCategory}`;
requestURL = `${window.constants.API_URL}/images/random?category=${apiCategory}&quality=${apiQuality}`;
break;
}

View File

@@ -218,5 +218,9 @@
{
"name": "navbarHover",
"value": false
},
{
"name": "apiQuality",
"value": "high"
}
]

View File

@@ -168,7 +168,14 @@
"add_colour": "Farbe hinzufügen",
"disabled": "Deaktiviert",
"loop_video": "Video schleife",
"mute_video": "Video stumm"
"mute_video": "Video stumm",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Add colour",
"disabled": "Disabled",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Add color",
"disabled": "Disabled",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Añadir color",
"disabled": "Desactivado",
"loop_video": "Vídeo en bucle",
"mute_video": "Silenciar video"
"mute_video": "Silenciar video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Ajouter une couleur",
"disabled": "Disabled",
"loop_video": "Boucle vidéo",
"mute_video": "Mettre la vidéo en sourdine"
"mute_video": "Mettre la vidéo en sourdine",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Kleur toevoegen",
"disabled": "Uitgeschakeld",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Legg til farge",
"disabled": "Disabled",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "Добавить цвет",
"disabled": "Выключен",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {

View File

@@ -168,7 +168,14 @@
"add_colour": "添加颜色",
"disabled": "已禁用",
"loop_video": "Loop video",
"mute_video": "Mute video"
"mute_video": "Mute video",
"quality": {
"title": "Quality",
"original": "Original",
"high": "High Quality",
"normal": "Normal Quality",
"datasaver": "Data Saver"
}
}
},
"search": {