2019-07-26 21:07:33 +02:00
< div v-if = 'seen' >
< div v-if = '!isNewProfile' class = 'card' >
2019-08-07 15:49:25 +02:00
< div v-if = "subscriptionList.length === 0" >
< h2 > Subscription List for {{profileName}} Profile< / h2 >
< h4 > This profile is empty. Add subscriptions to this profile to manage them.< / h4 >
2019-07-26 21:07:33 +02:00
< / div >
2019-08-07 15:49:25 +02:00
< div v-else >
< h2 > Subscription List for {{profileName}} Profile< / h2 >
< h3 > {{amountSelected}} Selected< / h3 >
< br / >
< div class = 'profileEditPadding' v-on:click = 'channel.checked = !channel.checked' v-for = 'channel in subscriptionList' >
< div class = 'profileEdit' :style = "{ backgroundImage: 'url(' + channel.channelThumbnail + ')' }" style = 'cursor: pointer; background-size: contain;' >
< / div >
< div v-if = 'channel.checked' class = 'profileEditSelected' > < i class = 'fas fa-check' > < / i > < / div >
< div class = 'profileEditName' > < span > {{channel.channelName}}< / span > < / div >
2019-07-26 21:07:33 +02:00
< / div >
2019-08-07 15:49:25 +02:00
< br / > < br / > < br / >
< div class = 'center' >
< div v-on:click = 'selectAll' class = 'settingsButton' >
SELECT ALL
< / div >
< div v-on:click = 'selectNone' class = 'settingsButton' >
SELECT NONE
< / div >
< div v-if = "profileName !== 'All Channels'" v-on:click = 'move' class = 'settingsButton' >
MOVE SELECTED TO
< / div >
< div v-on:click = 'copy' class = 'settingsButton' >
COPY SELECTED TO
< / div >
< div v-on:click = 'deleteChannel' style = 'color: #f44336' class = 'settingsButton' >
DELETE SELECTED
< / div >
2019-07-26 21:07:33 +02:00
< / div >
2019-08-07 15:49:25 +02:00
< br / >
< div class = "select center" >
< select id = "profileListSelect" class = "select-text" v-model = 'selectedProfile' required >
< option v-for = 'profile in profileList' :value = 'profile.name' > {{profile.name}}< / option >
< / select >
< span class = "select-highlight" > < / span >
< span class = "select-bar" > < / span >
< label class = "select-label" > Profile Select< / label >
2019-07-26 21:07:33 +02:00
< / div >
2019-08-07 15:49:25 +02:00
< h4 v-if = "profileName === 'All Channels'" > NOTE: Deleting a channel from the "All Channels" profile will also delete the channel from all other profiles.< / h4 >
2019-08-01 20:42:36 +02:00
< / div >
2019-07-26 21:07:33 +02:00
< / div >
< div class = 'card' >
< h2 v-if = 'isNewProfile' > Add New Profile< / h2 >
< h2 v-if = '!isNewProfile' > Edit Profile Attributes< / h2 >
< div class = "input-text-settings" >
2019-08-01 20:42:36 +02:00
< input v-if = "profileName !== 'All Channels'" type = "text" placeholder = 'Profile Name' name = "set-name" v-model = 'newProfileName' / >
< input v-if = "profileName === 'All Channels'" type = "text" placeholder = 'Profile Name' name = "set-name" v-model = 'newProfileName' disabled / >
2019-07-26 21:07:33 +02:00
< / div >
< h3 > Color Picker< / h3 >
< div class = 'colorPickerPadding' v-for = '(value, key) in colorPalette' >
< div class = 'colorPicker' v-on:click = 'changeProfileColor(value)' :style = '{ backgroundColor: value }' style = 'cursor: pointer;' > < / div >
< / div >
< br / >
< div class = "input-text-settings" >
2019-08-01 20:42:36 +02:00
< input type = "text" placeholder = 'HEX Color' name = "set-name" v-model = 'newProfileColorText' / >
2019-07-26 21:07:33 +02:00
< / div >
< br / >
2019-08-01 20:42:36 +02:00
< h3 v-if = '!isNewProfile' > New Profile Color< / h3 >
< h3 v-if = 'isNewProfile' > Selected Profile Color< / h3 >
2019-07-26 21:07:33 +02:00
< div class = 'colorPickerPadding' >
< div class = 'colorPicker' :style = '{ backgroundColor: newProfileColor }' > < / div >
< / div >
< div class = 'center' >
< div v-if = 'isNewProfile' v-on:click = 'updateProfile' class = 'settingsButton' >
ADD PROFILE
< / div >
< div v-else >
< div v-on:click = 'updateProfile' class = 'settingsButton' >
UPDATE PROFILE
< / div >
< div v-on:click = 'defaultProfile' class = 'settingsButton' >
MAKE DEFAULT PROFILE
< / div >
2019-08-01 20:42:36 +02:00
< div v-if = "profileName !== 'All Channels'" v-on:click = 'deleteProfile' style = 'color: #f44336' class = 'settingsButton' >
2019-07-26 21:07:33 +02:00
DELETE PROFILE
< / div >
< / div >
< / div >
< / div >
< / div >