Rename filters

This commit is contained in:
Daniel Supernault 2022-12-30 21:43:23 -07:00
parent 5e08e5025c
commit b1f47e76ff
No known key found for this signature in database
GPG key ID: 0DEF1C662C9033F7
3 changed files with 86 additions and 86 deletions

View file

@ -5,47 +5,47 @@ namespace App\Util\Media;
class Filter { class Filter {
public static $filters = [ public static $filters = [
'1977' => 'filter-1977', '1984' => 'filter-1977',
'Aden' => 'filter-aden', 'Azen' => 'filter-aden',
'Amaro' => 'filter-amaro', 'Astairo' => 'filter-amaro',
'Ashby' => 'filter-ashby', 'Grassbee' => 'filter-ashby',
'Brannan' => 'filter-brannan', 'Bookrun' => 'filter-brannan',
'Brooklyn' => 'filter-brooklyn', 'Borough' => 'filter-brooklyn',
'Charmes' => 'filter-charmes', 'Farms' => 'filter-charmes',
'Clarendon' => 'filter-clarendon', 'Hairsadone' => 'filter-clarendon',
'Crema' => 'filter-crema', 'Cleana ' => 'filter-crema',
'Dogpatch' => 'filter-dogpatch', 'Catpatch' => 'filter-dogpatch',
'Earlybird' => 'filter-earlybird', 'Earlyworm' => 'filter-earlybird',
'Gingham' => 'filter-gingham', 'Plaid' => 'filter-gingham',
'Ginza' => 'filter-ginza', 'Kyo' => 'filter-ginza',
'Hefe' => 'filter-hefe', 'Yefe' => 'filter-hefe',
'Helena' => 'filter-helena', 'Goddess' => 'filter-helena',
'Hudson' => 'filter-hudson', 'Yards' => 'filter-hudson',
'Inkwell' => 'filter-inkwell', 'Quill' => 'filter-inkwell',
'Kelvin' => 'filter-kelvin', 'Rankine' => 'filter-kelvin',
'Kuno' => 'filter-juno', 'Juno' => 'filter-juno',
'Lark' => 'filter-lark', 'Mark' => 'filter-lark',
'Lo-Fi' => 'filter-lofi', 'Chill' => 'filter-lofi',
'Ludwig' => 'filter-ludwig', 'Van' => 'filter-ludwig',
'Maven' => 'filter-maven', 'Apache' => 'filter-maven',
'Mayfair' => 'filter-mayfair', 'Mayflower' => 'filter-mayfair',
'Moon' => 'filter-moon', 'Ceres' => 'filter-moon',
'Nashville' => 'filter-nashville', 'Knoxville' => 'filter-nashville',
'Perpetua' => 'filter-perpetua', 'Felicity' => 'filter-perpetua',
'Poprocket' => 'filter-poprocket', 'Sandblast' => 'filter-poprocket',
'Reyes' => 'filter-reyes', 'Daisy' => 'filter-reyes',
'Rise' => 'filter-rise', 'Elevate' => 'filter-rise',
'Sierra' => 'filter-sierra', 'Nevada' => 'filter-sierra',
'Skyline' => 'filter-skyline', 'Futura' => 'filter-skyline',
'Slumber' => 'filter-slumber', 'Sleepy' => 'filter-slumber',
'Stinson' => 'filter-stinson', 'Steward' => 'filter-stinson',
'Sutro' => 'filter-sutro', 'Savoy' => 'filter-sutro',
'Toaster' => 'filter-toaster', 'Blaze' => 'filter-toaster',
'Valencia' => 'filter-valencia', 'Apricot' => 'filter-valencia',
'Vesper' => 'filter-vesper', 'Gloming' => 'filter-vesper',
'Walden' => 'filter-walden', 'Walter' => 'filter-walden',
'Willow' => 'filter-willow', 'Poplar' => 'filter-willow',
'X-Pro II' => 'filter-xpro-ii' 'Xenon' => 'filter-xpro-ii'
]; ];
public static function classes() public static function classes()
@ -58,4 +58,4 @@ class Filter {
return array_keys(self::$filters); return array_keys(self::$filters);
} }
} }

View file

@ -149,47 +149,47 @@ window.App.util = {
}) })
}, },
filters: [ filters: [
['1977','filter-1977'], ['1984','filter-1977'],
['Aden','filter-aden'], ['Azen','filter-aden'],
['Amaro','filter-amaro'], ['Astairo','filter-amaro'],
['Ashby','filter-ashby'], ['Grassbee','filter-ashby'],
['Brannan','filter-brannan'], ['Bookrun','filter-brannan'],
['Brooklyn','filter-brooklyn'], ['Borough','filter-brooklyn'],
['Charmes','filter-charmes'], ['Farms','filter-charmes'],
['Clarendon','filter-clarendon'], ['Hairsadone','filter-clarendon'],
['Crema','filter-crema'], ['Cleana ','filter-crema'],
['Dogpatch','filter-dogpatch'], ['Catpatch','filter-dogpatch'],
['Earlybird','filter-earlybird'], ['Earlyworm','filter-earlybird'],
['Gingham','filter-gingham'], ['Plaid','filter-gingham'],
['Ginza','filter-ginza'], ['Kyo','filter-ginza'],
['Hefe','filter-hefe'], ['Yefe','filter-hefe'],
['Helena','filter-helena'], ['Goddess','filter-helena'],
['Hudson','filter-hudson'], ['Yards','filter-hudson'],
['Inkwell','filter-inkwell'], ['Quill','filter-inkwell'],
['Kelvin','filter-kelvin'], ['Rankine','filter-kelvin'],
['Kuno','filter-juno'], ['Juno','filter-juno'],
['Lark','filter-lark'], ['Mark','filter-lark'],
['Lo-Fi','filter-lofi'], ['Chill','filter-lofi'],
['Ludwig','filter-ludwig'], ['Van','filter-ludwig'],
['Maven','filter-maven'], ['Apache','filter-maven'],
['Mayfair','filter-mayfair'], ['Mayflower','filter-mayfair'],
['Moon','filter-moon'], ['Ceres','filter-moon'],
['Nashville','filter-nashville'], ['Knoxville','filter-nashville'],
['Perpetua','filter-perpetua'], ['Felicity','filter-perpetua'],
['Poprocket','filter-poprocket'], ['Sandblast','filter-poprocket'],
['Reyes','filter-reyes'], ['Daisy','filter-reyes'],
['Rise','filter-rise'], ['Elevate','filter-rise'],
['Sierra','filter-sierra'], ['Nevada','filter-sierra'],
['Skyline','filter-skyline'], ['Futura','filter-skyline'],
['Slumber','filter-slumber'], ['Sleepy','filter-slumber'],
['Stinson','filter-stinson'], ['Steward','filter-stinson'],
['Sutro','filter-sutro'], ['Savoy','filter-sutro'],
['Toaster','filter-toaster'], ['Blaze','filter-toaster'],
['Valencia','filter-valencia'], ['Apricot','filter-valencia'],
['Vesper','filter-vesper'], ['Gloming','filter-vesper'],
['Walden','filter-walden'], ['Walter','filter-walden'],
['Willow','filter-willow'], ['Poplar','filter-willow'],
['X-Pro II','filter-xpro-ii'] ['Xenon','filter-xpro-ii']
], ],
filterCss: { filterCss: {
'filter-1977': 'sepia(.5) hue-rotate(-30deg) saturate(1.4)', 'filter-1977': 'sepia(.5) hue-rotate(-30deg) saturate(1.4)',

View file

@ -370,7 +370,7 @@
<div class="p-1 pt-3"> <div class="p-1 pt-3">
<img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])"> <img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
</div> </div>
<a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-primary active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">i{{filter[0]}}</a> <a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-primary active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">{{filter[0]}}</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -407,7 +407,7 @@
<div class="p-1 pt-3"> <div class="p-1 pt-3">
<img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])"> <img :src="media[carouselCursor].url" width="100px" height="60px" :class="filter[1]" v-on:click.prevent="toggleFilter($event, filter[1])">
</div> </div>
<a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-primary active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">i{{filter[0]}}</a> <a :class="[media[carouselCursor].filter_class == filter[1] ? 'nav-link text-primary active' : 'nav-link text-muted']" href="#" v-on:click.prevent="toggleFilter($event, filter[1])">{{filter[0]}}</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -1033,7 +1033,7 @@ export default {
}, },
beforeMount() { beforeMount() {
this.filters = window.App.util.filters; this.filters = window.App.util.filters.sort();
axios.get('/api/compose/v0/settings') axios.get('/api/compose/v0/settings')
.then(res => { .then(res => {
this.composeSettings = res.data; this.composeSettings = res.data;