',
+
+ 'heading_cell_start' => '| ',
+ 'cell_start' => ' | ',
+ 'cell_alt_start' => ' | ',
+
+ 'row_start' => ' | ',
+ 'row_alt_start' => '
',
+ ];
+
+ $table->setTemplate($template);
+
+ $tableHeaders = [];
+ foreach ($columns as $column) {
+ array_push($tableHeaders, $column['header']);
+ }
+
+ $table->setHeading($tableHeaders);
+
+ if ($dataCount = count($data)) {
+ for ($i = 0; $i < $dataCount; $i++) {
+ $row = $data[$i];
+ $rowData = [];
+ foreach ($columns as $column) {
+ array_push($rowData, $column['cell']($row, ...$rest));
+ }
+ $table->addRow($rowData);
+ }
+ } else {
+ return lang('Common.no_data');
+ }
+
+ return '' .
+ $table->generate() .
+ '
';
+ }
+}
+
+// ------------------------------------------------------------------------
diff --git a/app/Helpers/form_helper.php b/app/Helpers/form_helper.php
new file mode 100644
index 00000000..5be15eec
--- /dev/null
+++ b/app/Helpers/form_helper.php
@@ -0,0 +1,187 @@
+\n";
+
+ $info =
+ '' .
+ $title .
+ '
' .
+ $subtitle .
+ '
';
+ }
+}
+
+//--------------------------------------------------------------------
+
+if (!function_exists('form_section_close')) {
+ /**
+ * Form Section close Tag
+ *
+ * @param string $extra
+ *
+ * @return string
+ */
+ function form_section_close(string $extra = ''): string
+ {
+ return '
' . $extra;
+ }
+}
+
+//--------------------------------------------------------------------
+
+if (!function_exists('form_switch')) {
+ /**
+ * Form Checkbox Switch
+ *
+ * Abstracts form_label to stylize it as a switch toggle
+ *
+ * @param array $data
+ * @param string $value
+ * @param boolean $checked
+ * @param mixed $extra
+ *
+ * @return string
+ */
+ function form_switch(
+ $label = '',
+ $data = '',
+ string $value = '',
+ bool $checked = false,
+ $class = '',
+ $extra = ''
+ ): string {
+ $data['class'] = 'form-switch';
+
+ return '';
+ }
+}
+
+//--------------------------------------------------------------------
+
+if (!function_exists('form_label')) {
+ /**
+ * Form Label Tag
+ *
+ * @param string $label_text The text to appear onscreen
+ * @param string $id The id the label applies to
+ * @param array $attributes Additional attributes
+ * @param string $hintText Hint text to add next to the label
+ * @param boolean $isOptional adds an optional text if true
+ *
+ * @return string
+ */
+ function form_label(
+ string $label_text = '',
+ string $id = '',
+ array $attributes = [],
+ string $hintText = '',
+ bool $isOptional = false
+ ): string {
+ $label = ' $val) {
+ $label .= ' ' . $key . '="' . $val . '"';
+ }
+ }
+
+ $label_content = $label_text;
+ if ($isOptional) {
+ $label_content .=
+ '(' .
+ lang('Common.optional') .
+ ')';
+ }
+
+ if ($hintText !== '') {
+ $label_content .= hint_tooltip($hintText, 'ml-1');
+ }
+
+ return $label . '>' . $label_content . '';
+ }
+}
+
+//--------------------------------------------------------------------
+
+if (!function_exists('form_multiselect')) {
+ /**
+ * Multi-select menu
+ *
+ * @param string $name
+ * @param array $options
+ * @param array $selected
+ * @param mixed $extra
+ *
+ * @return string
+ */
+ function form_multiselect(
+ string $name = '',
+ array $options = [],
+ array $selected = [],
+ $customExtra = ''
+ ): string {
+ $defaultExtra = [
+ 'data-class' => $customExtra['class'],
+ 'data-select-text' => lang('Common.forms.multiSelect.selectText'),
+ 'data-loading-text' => lang('Common.forms.multiSelect.loadingText'),
+ 'data-no-results-text' => lang(
+ 'Common.forms.multiSelect.noResultsText'
+ ),
+ 'data-no-choices-text' => lang(
+ 'Common.forms.multiSelect.noChoicesText'
+ ),
+ 'data-max-item-text' => lang(
+ 'Common.forms.multiSelect.maxItemText'
+ ),
+ ];
+ $extra = stringify_attributes(array_merge($defaultExtra, $customExtra));
+
+ if (stripos($extra, 'multiple') === false) {
+ $extra .= ' multiple="multiple"';
+ }
+
+ return form_dropdown($name, $options, $selected, $extra);
+ }
+}
+
+//--------------------------------------------------------------------
diff --git a/app/Helpers/rss_helper.php b/app/Helpers/rss_helper.php
index 68da0f2a..532b9bcb 100644
--- a/app/Helpers/rss_helper.php
+++ b/app/Helpers/rss_helper.php
@@ -7,7 +7,6 @@
*/
use App\Libraries\SimpleRSSElement;
-use App\Models\CategoryModel;
use CodeIgniter\I18n\Time;
/**
@@ -18,14 +17,8 @@ use CodeIgniter\I18n\Time;
*/
function get_rss_feed($podcast)
{
- $category_model = new CategoryModel();
-
$episodes = $podcast->episodes;
- $podcast_category = $category_model
- ->where('id', $podcast->category_id)
- ->first();
-
$itunes_namespace = 'http://www.itunes.com/dtds/podcast-1.0.dtd';
$rss = new SimpleRSSElement(
@@ -60,39 +53,20 @@ function get_rss_feed($podcast)
$itunes_image->addAttribute('href', $podcast->image->url);
$channel->addChild('language', $podcast->language);
- $itunes_category = $channel->addChild('category', null, $itunes_namespace);
- $itunes_category->addAttribute(
- 'text',
- $podcast_category->parent
- ? $podcast_category->parent->apple_category
- : $podcast_category->apple_category
- );
-
- if ($podcast_category->parent) {
- $itunes_category_child = $itunes_category->addChild(
- 'category',
- null,
- $itunes_namespace
- );
- $itunes_category_child->addAttribute(
- 'text',
- $podcast_category->apple_category
- );
- $channel->addChild(
- 'category',
- $podcast_category->parent->apple_category
- );
+ // set main category first, then other categories as apple
+ add_category_tag($channel, $podcast->category);
+ foreach ($podcast->other_categories as $other_category) {
+ add_category_tag($channel, $other_category);
}
- $channel->addChild('category', $podcast_category->apple_category);
$channel->addChild(
'explicit',
- $podcast->explicit ? 'true' : 'false',
+ $podcast->parental_advisory === 'explicit' ? 'true' : 'false',
$itunes_namespace
);
- $podcast->author &&
- $channel->addChild('author', $podcast->author, $itunes_namespace);
+ $podcast->publisher &&
+ $channel->addChild('author', $podcast->publisher, $itunes_namespace);
$channel->addChild('link', $podcast->link);
$owner = $channel->addChild('owner', null, $itunes_namespace);
@@ -137,11 +111,13 @@ function get_rss_feed($podcast)
$itunes_namespace
);
$episode_itunes_image->addAttribute('href', $episode->image->feed_url);
- $item->addChild(
- 'explicit',
- $episode->explicit ? 'true' : 'false',
- $itunes_namespace
- );
+
+ $episode->parental_advisory &&
+ $item->addChild(
+ 'explicit',
+ $episode->parental_advisory === 'explicit' ? 'true' : 'false',
+ $itunes_namespace
+ );
$item->addChild('episode', $episode->number, $itunes_namespace);
$episode->season_number &&
@@ -157,3 +133,35 @@ function get_rss_feed($podcast)
return $rss->asXML();
}
+
+/**
+ * Adds and tags to node for a given category
+ *
+ * @param \SimpleXMLElement $node
+ * @param \App\Entities\Category $category
+ *
+ * @return void
+ */
+function add_category_tag($node, $category)
+{
+ $itunes_namespace = 'http://www.itunes.com/dtds/podcast-1.0.dtd';
+
+ $itunes_category = $node->addChild('category', null, $itunes_namespace);
+ $itunes_category->addAttribute(
+ 'text',
+ $category->parent
+ ? $category->parent->apple_category
+ : $category->apple_category
+ );
+
+ if ($category->parent) {
+ $itunes_category_child = $itunes_category->addChild(
+ 'category',
+ null,
+ $itunes_namespace
+ );
+ $itunes_category_child->addAttribute('text', $category->apple_category);
+ $node->addChild('category', $category->parent->apple_category);
+ }
+ $node->addChild('category', $category->apple_category);
+}
diff --git a/app/Helpers/svg_helper.php b/app/Helpers/svg_helper.php
index a3b353d7..921284c9 100644
--- a/app/Helpers/svg_helper.php
+++ b/app/Helpers/svg_helper.php
@@ -13,16 +13,17 @@
* @param string $class to be added to the svg string
* @return string svg contents
*/
-function icon($name, $class = null)
+function icon(string $name, string $class = '')
{
$svg_contents = file_get_contents('assets/icons/' . $name . '.svg');
- if ($class) {
+ if ($class !== '') {
$svg_contents = str_replace(
' 'Go to website',
'dashboard' => 'Dashboard',
- 'podcasts' => 'Podcasts',
- 'users' => 'Users',
- 'pages' => 'Pages',
'admin' => 'Home',
+ 'podcasts' => 'Podcasts',
'podcast-list' => 'All podcasts',
'podcast-create' => 'New podcast',
'podcast-import' => 'Import a podcast',
+ 'users' => 'Users',
'user-list' => 'All users',
'user-create' => 'New user',
+ 'pages' => 'Pages',
'page-list' => 'All pages',
'page-create' => 'New Page',
- 'go_to_website' => 'Go to website',
];
diff --git a/app/Language/en/Common.php b/app/Language/en/Common.php
index ac242f8f..7e90eb89 100644
--- a/app/Language/en/Common.php
+++ b/app/Language/en/Common.php
@@ -7,12 +7,25 @@
*/
return [
+ 'yes' => 'Yes',
+ 'no' => 'No',
+ 'optional' => 'Optional',
+ 'no_data' => 'No data found!',
'home' => 'Home',
'explicit' => 'Explicit',
'mediumDate' => '{0,date,medium}',
'duration' => '{0,duration}',
'powered_by' => 'Powered by {castopod}.',
+ 'actions' => 'Actions',
+ 'pageInfo' => 'Page {currentPage} out of {pageCount}',
'forms' => [
+ 'multiSelect' => [
+ 'selectText' => 'Press to select',
+ 'loadingText' => 'Loading...',
+ 'noResultsText' => 'No results found',
+ 'noChoicesText' => 'No choices to choose from',
+ 'maxItemText' => 'Cannot add more items',
+ ],
'image_size_hint' =>
'Image must be squared with at least 1400px wide and tall.',
],
diff --git a/app/Language/en/Contributor.php b/app/Language/en/Contributor.php
index 46b95f04..540dc571 100644
--- a/app/Language/en/Contributor.php
+++ b/app/Language/en/Contributor.php
@@ -14,6 +14,10 @@ return [
'edit_role' => 'Update role for {0}',
'edit' => 'Edit',
'remove' => 'Remove',
+ 'list' => [
+ 'username' => 'Username',
+ 'role' => 'Role',
+ ],
'form' => [
'user' => 'User',
'role' => 'Role',
diff --git a/app/Language/en/Episode.php b/app/Language/en/Episode.php
index d2563a11..d6a01ac2 100644
--- a/app/Language/en/Episode.php
+++ b/app/Language/en/Episode.php
@@ -13,6 +13,9 @@ return [
'next_season' => 'Next season',
'season' => 'Season {seasonNumber}',
'number' => 'Episode {episodeNumber}',
+ 'number_abbr' => 'Ep. {episodeNumber}',
+ 'season_episode' => 'Season {seasonNumber} episode {episodeNumber}',
+ 'season_episode_abbr' => 'S{seasonNumber}E{episodeNumber}',
'all_podcast_episodes' => 'All podcast episodes',
'back_to_podcast' => 'Go back to podcast',
'edit' => 'Edit',
@@ -20,50 +23,51 @@ return [
'go_to_page' => 'Go to page',
'create' => 'Add an episode',
'form' => [
- 'enclosure' => 'Audio file',
+ 'enclosure' => 'Choose an .mp3 or .m4a audio file…',
+ 'info_section_title' => 'Episode info',
+ 'info_section_subtitle' => '',
+ 'image' => 'Cover image',
+ 'image_hint' =>
+ 'If you do not set an image, the podcast cover will be used instead.',
'title' => 'Title',
- 'title_help' =>
- 'This episode title. It should contain a clear, concise name for your episode. Don’t specify the episode number or season number here.',
+ 'title_hint' =>
+ 'Should contain a clear and concise episode name. Do not specify the episode or season numbers here.',
'slug' => 'Slug',
- 'slug_help' =>
- 'This episode slug. It will be used for its URL address.',
- 'description' => 'Description',
- 'description_help' =>
- 'This is where you type the episode show notes. You may add rich text, links, images…',
- 'image' => 'Image',
- 'image_help' =>
- 'This episode image. If an image is already in the audio file, you don’t need to add one here. If you add no image to this episode, the podcast image will be used instead.',
- 'explicit' => 'Explicit',
- 'explicit_help' =>
- 'The episode parental advisory information for this episode.',
- 'published_at' => [
- 'label' => 'Publication date',
- 'date' => 'Publication date',
- 'time' => 'Publication time',
- ],
- 'published_at_help' =>
- 'The date and time when this episode was released. It can be in the past or in the future.',
+ 'slug_hint' => 'Used for generating the episode URL.',
+ 'season_number' => 'Season',
+ 'episode_number' => 'Episode',
'type' => [
'label' => 'Type',
+ 'hint' =>
+ '- full: complete content the episode.
- trailer: short, promotional piece of content that represents a preview of the current show.
- bonus: extra content for the show (for example, behind the scenes info or interviews with the cast) or cross-promotional content for another show.',
'full' => 'Full',
- 'full_help' =>
- 'Specify full when you are submitting the complete content of your episode.',
'trailer' => 'Trailer',
- 'trailer_help' =>
- 'Specify trailer when you are submitting a short, promotional piece of content that represents a preview of your current show.',
'bonus' => 'Bonus',
- 'bonus_help' =>
- 'Specify bonus when you are submitting extra content for your show (for example, behind the scenes information or interviews with the cast) or cross-promotional content for another show.',
],
- 'episode_number' => 'Episode number',
- 'episode_number_help' =>
- 'The episode number is mandatory for serial podcasts but optional for episodic podcasts.',
- 'season_number' => 'Season number',
- 'season_number_help' =>
- 'Season number is a non-zero integer (1, 2, 3, etc.) representing this episode season number.',
- 'block' => 'Block',
- 'block_help' =>
- 'This episode show or hide status. If you want this episode removed from the Apple directory, use this tag.',
+ 'show_notes_section_title' => 'Show notes',
+ 'show_notes_section_subtitle' =>
+ 'Up to 4000 characters, be clear and concise. Show notes help potential listeners in finding the episode.',
+ 'description' => 'Description',
+ 'description_footer' => 'Description footer',
+ 'description_footer_hint' =>
+ 'This text is added at the end of each episode description, it is a good place to input your social links for example.',
+ 'publication_section_title' => 'Publication info',
+ 'publication_section_subtitle' => '',
+ 'published_at' => [
+ 'label' => 'Publication date',
+ 'date' => 'Date',
+ 'time' => 'Time',
+ ],
+ 'parental_advisory' => [
+ 'label' => 'Parental advisory',
+ 'hint' => 'Does the episode contain explicit content?',
+ 'undefined' => 'undefined',
+ 'clean' => 'Clean',
+ 'explicit' => 'Explicit',
+ ],
+ 'block' => 'Episode should be hidden from all platforms',
+ 'block_hint' =>
+ 'The episode show or hide status. If you want this episode removed from the Apple directory, toggle this on.',
'submit_create' => 'Create episode',
'submit_edit' => 'Save episode',
],
diff --git a/app/Language/en/Page.php b/app/Language/en/Page.php
index e0f5f032..c15145b1 100644
--- a/app/Language/en/Page.php
+++ b/app/Language/en/Page.php
@@ -7,6 +7,7 @@
*/
return [
+ 'page' => 'Page',
'all_pages' => 'All pages',
'create' => 'New page',
'go_to_page' => 'Go to page',
diff --git a/app/Language/en/Pager.php b/app/Language/en/Pager.php
new file mode 100644
index 00000000..d18f15ed
--- /dev/null
+++ b/app/Language/en/Pager.php
@@ -0,0 +1,19 @@
+ 'Page navigation',
+ 'first' => 'First',
+ 'previous' => 'Previous',
+ 'next' => 'Next',
+ 'last' => 'Last',
+ 'older' => 'Older',
+ 'newer' => 'Newer',
+ 'invalidTemplate' => '{0} is not a valid Pager template.',
+ 'invalidPaginationGroup' => '{0} is not a valid Pagination group.',
+];
diff --git a/app/Language/en/Podcast.php b/app/Language/en/Podcast.php
index 2c573d72..8a86df06 100644
--- a/app/Language/en/Podcast.php
+++ b/app/Language/en/Podcast.php
@@ -9,8 +9,8 @@
return [
'all_podcasts' => 'All podcasts',
'no_podcast' => 'No podcast found!',
- 'create' => 'Create a Podcast',
- 'import' => 'Create and Import a Podcast from an existing Feed',
+ 'create' => 'Create a podcast',
+ 'import' => 'Import a podcast',
'new_episode' => 'New Episode',
'feed' => 'RSS feed',
'view' => 'View podcast',
@@ -19,93 +19,55 @@ return [
'see_episodes' => 'See episodes',
'see_contributors' => 'See contributors',
'go_to_page' => 'Go to page',
+ 'latest_episodes' => 'Latest episodes',
+ 'see_all_episodes' => 'See all episodes',
'form' => [
+ 'identity_section_title' => 'Podcast identity',
+ 'identity_section_subtitle' => 'These fields allow you to get noticed.',
+ 'image' => 'Cover image',
'title' => 'Title',
- 'title_help' =>
- 'The podcast title will be shown on all podcasts platforms (such as Apple Podcasts) and players (such as Podcast Addict).',
'name' => 'Name',
- 'name_help' =>
- 'The podcast will be used in the URL address. It will be used as a Fediverse actor name, (for instance, it will be the podcast Mastodon’s name).',
- 'description' => 'Description',
- 'description_help' =>
- 'It will be shown on all podcasts platforms (such as Apple Podcasts) and players (such as Podcast Addict).',
- 'episode_description_footer' => 'Episode description footer',
- 'episode_description_footer_help' =>
- 'This text will be automatically added at the end of each episode description, so that you don’t have to copy/paste it a gazillion times.',
- 'image' => 'Image',
- 'image_help' =>
- 'This podcast image. It must be square, JPEG or PNG, minimum 1400 x 1400 pixels and maximum 3000 x 3000 pixels.',
- 'language' => 'Language',
- 'language_help' => 'The language spoken on the podcast.',
- 'category' => 'Category',
- 'category_help' =>
- 'This podcast category. Because no one uses subcategories, Castopod does not allow you te use one.',
- 'explicit' => 'Explicit',
- 'explicit_help' =>
- 'The podcast parental advisory information. Does it contain explicit content?',
- 'owner_name' => 'Owner name',
- 'owner_name_help' =>
- 'For administrative use only. It will not be shown on podcasts platforms (such as Apple Podcasts) nor players (such as Podcast Addict) but it is visible in the public RSS feed.',
- 'owner_email' => 'Owner email',
- 'owner_email_help' =>
- 'It will be used by most platforms to verify this podcast ownership. It will not be shown on podcasts platforms (such as Apple Podcasts) nor players (such as Podcast Addict) but it is visible in the public RSS feed.',
- 'author' => 'Author',
- 'author_help' =>
- 'The group responsible for creating the show. Show author most often refers to the parent company or network of a podcast. This field is sometimes labeled as ’Author’.',
+ 'name_hint' => 'Used for generating the podcast URL.',
'type' => [
'label' => 'Type',
+ 'hint' =>
+ '- episodic: if episodes are intended to be consumed without any specific order. Newest episodes will be presented first.
- serial: if episodes are intended to be consumed in sequential order. The oldest episodes will be presented first.',
'episodic' => 'Episodic',
- 'episodic_help' =>
- 'Specify episodic when episodes are intended to be consumed without any specific order. The newest episodes will be presented first.',
'serial' => 'Serial',
- 'serial_help' =>
- 'Specify serial when episodes are intended to be consumed in sequential order. The oldest episodes will be presented first.',
],
+ 'description' => 'Description',
+ 'classification_section_title' => 'Classification',
+ 'classification_section_subtitle' =>
+ 'These fields will impact your audience and competition.',
+ 'language' => 'Language',
+ 'category' => 'Category',
+ 'other_categories' => 'Other categories',
+ 'parental_advisory' => [
+ 'label' => 'Parental advisory',
+ 'hint' => 'Does it contain explicit content?',
+ 'undefined' => 'undefined',
+ 'clean' => 'Clean',
+ 'explicit' => 'Explicit',
+ ],
+ 'author_section_title' => 'Author',
+ 'author_section_subtitle' => 'Who is managing the podcast?',
+ 'owner_name' => 'Owner name',
+ 'owner_name_hint' =>
+ 'For administrative use only. Visible in the public RSS feed.',
+ 'owner_email' => 'Owner email',
+ 'owner_email_hint' =>
+ 'Will be used by most platforms to verify the podcast ownership. Visible in the public RSS feed.',
+ 'publisher' => 'Publisher',
+ 'publisher_hint' =>
+ 'The group responsible for creating the show. Often refers to the parent company or network of a podcast. This field is sometimes labeled as ’Author’.',
'copyright' => 'Copyright',
- 'copyright_help' =>
- 'The podcast copyright details, such as "2020 (cc)(by-nc-sa)" or "©2020".',
- 'block' => 'Block',
- 'block_help' =>
- 'If you want your show removed from all platforms, use this tag.',
- 'complete' => 'Complete',
- 'complete_help' =>
- 'Check this if you will never publish another episode to your podcast.',
- 'custom_html_head' => 'Custom HTML code in ',
- 'custom_html_head_help' =>
- 'Add here any HTML code that you would like to see on all this podcast pages within the tag.',
+ 'status_section_title' => 'Status',
+ 'status_section_subtitle' => 'Dead or alive?',
+ 'block' => 'Podcast should be hidden from all platforms',
+ 'complete' => 'Podcast will not be having new episodes',
'submit_create' => 'Create podcast',
'submit_edit' => 'Save podcast',
],
- 'form_import' => [
- 'name' => 'Name',
- 'name_help' =>
- 'This podcast name. It will be used in the URL address. It will be used as a Fediverse actor name, (for instance, it will be the podcast Mastodon’s name).',
- 'imported_feed_url' => 'Feed URL',
- 'imported_feed_url_help' =>
- 'Make sure you are legally allowed to copy that podcast.',
- 'force_renumber' => 'Force episodes renumbering',
- 'force_renumber_help' =>
- 'Use this if your old podcast does not have number but you want some on your new one.',
- 'season_number' => 'Season number',
- 'season_number_help' =>
- 'Use this if your old podcast does not have season number but you want one on your new one. Leave blank otherwise.',
- 'slug_field' => [
- 'label' => 'Which field should be used to calculate episode slug',
- 'link' => '<link>',
- 'title' => '<title>',
- ],
- 'description_field' => [
- 'label' => 'Source field used for episode description / show notes',
- 'description' => '<description>',
- 'summary' => '<itunes:summary>',
- 'subtitle_summary' =>
- '<itunes:subtitle> <itunes:summary>',
- ],
- 'max_episodes' => 'Maximum number of episodes to import',
- 'max_episodes_helper' => 'Leave blank to import all episodes',
- 'submit_import' => 'Import podcast',
- 'submit_importing' => 'Importing podcast, this could take a while…',
- ],
'category_options' => [
'uncategorized' => 'uncategorized',
'arts' => 'Arts',
@@ -219,7 +181,7 @@ return [
'film_reviews' => 'Film Reviews',
'tv_reviews' => 'TV Reviews',
],
- 'by' => 'By {author}',
+ 'by' => 'By {publisher}',
'season' => 'Season {seasonNumber}',
'list_of_episodes_year' => '{year} episodes',
'list_of_episodes_season' => 'Season {seasonNumber} episodes',
diff --git a/app/Language/en/PodcastImport.php b/app/Language/en/PodcastImport.php
new file mode 100644
index 00000000..6b86eb16
--- /dev/null
+++ b/app/Language/en/PodcastImport.php
@@ -0,0 +1,43 @@
+ 'The podcast to import',
+ 'old_podcast_section_subtitle' => '',
+ 'imported_feed_url' => 'Feed URL',
+ 'imported_feed_url_hint' =>
+ 'The feed must be in `.xml` format. Make sure you are legally allowed to copy the podcast.',
+ 'new_podcast_section_title' => 'The new podcast',
+ 'new_podcast_section_subtitle' => '',
+ 'name' => 'Name',
+ 'name_hint' => 'Used for generating the podcast URL.',
+ 'advanced_params_section_title' => 'Advanced parameters',
+ 'advanced_params_section_subtitle' =>
+ 'Keep the default values if you have no idea of what the fields are for.',
+ 'slug_field' => [
+ 'label' => 'Which field should be used to calculate episode slug',
+ 'link' => '<link>',
+ 'title' => '<title>',
+ ],
+ 'description_field' => [
+ 'label' => 'Source field used for episode description / show notes',
+ 'description' => '<description>',
+ 'summary' => '<itunes:summary>',
+ 'subtitle_summary' =>
+ '<itunes:subtitle> + <itunes:summary>',
+ ],
+ 'force_renumber' => 'Force episodes renumbering',
+ 'force_renumber_hint' =>
+ 'Use this if your podcast does not have episode numbers but wish to set them during import.',
+ 'season_number' => 'Season number',
+ 'season_number_hint' =>
+ 'Use this if your podcast does not have a season number but wish to set one during import. Leave blank otherwise.',
+ 'max_episodes' => 'Maximum number of episodes to import',
+ 'max_episodes_hint' => 'Leave blank to import all episodes',
+ 'submit' => 'Import podcast',
+];
diff --git a/app/Language/en/PodcastNavigation.php b/app/Language/en/PodcastNavigation.php
new file mode 100644
index 00000000..05fe31f1
--- /dev/null
+++ b/app/Language/en/PodcastNavigation.php
@@ -0,0 +1,23 @@
+ 'Go to podcast page',
+ 'dashboard' => 'Podcast dashboard',
+ 'podcast-view' => 'Home',
+ 'podcast-edit' => 'Edit podcast',
+ 'episodes' => 'Episodes',
+ 'episode-list' => 'All episodes',
+ 'episode-create' => 'New episode',
+ 'analytics' => 'Analytics',
+ 'contributors' => 'Contributors',
+ 'contributor-list' => 'All contributors',
+ 'contributor-add' => 'Add contributor',
+ 'settings' => 'Settings',
+ 'platforms' => 'Podcast platforms',
+];
diff --git a/app/Language/en/User.php b/app/Language/en/User.php
index 2e221aaf..3c84d274 100644
--- a/app/Language/en/User.php
+++ b/app/Language/en/User.php
@@ -12,15 +12,21 @@ return [
'ban' => 'Ban',
'unban' => 'Unban',
'delete' => 'Delete',
- 'create' => 'Create a user',
+ 'create' => 'New user',
'view' => '{username}\'s info',
'all_users' => 'All users',
+ 'list' => [
+ 'user' => 'User',
+ 'roles' => 'Roles',
+ 'banned' => 'Banned?',
+ ],
'form' => [
'email' => 'Email',
'username' => 'Username',
'password' => 'Password',
'new_password' => 'New Password',
'roles' => 'Roles',
+ 'permissions' => 'Permissions',
'submit_create' => 'Create user',
'submit_edit' => 'Save',
'submit_password_change' => 'Change!',
diff --git a/app/Libraries/Breadcrumb.php b/app/Libraries/Breadcrumb.php
index 43cb2f95..816f61eb 100644
--- a/app/Libraries/Breadcrumb.php
+++ b/app/Libraries/Breadcrumb.php
@@ -75,7 +75,7 @@ class Breadcrumb
*
* @return string
*/
- public function render()
+ public function render($class = null)
{
$listItems = '';
$keys = array_keys($this->links);
@@ -97,7 +97,9 @@ class Breadcrumb
return '';
}
diff --git a/app/Models/CategoryModel.php b/app/Models/CategoryModel.php
index af52ff04..6764f6ed 100644
--- a/app/Models/CategoryModel.php
+++ b/app/Models/CategoryModel.php
@@ -53,4 +53,72 @@ class CategoryModel extends Model
return $options;
}
+
+ /**
+ * Sets categories for a given podcast
+ *
+ * @param int $podcastId
+ * @param array $categories
+ *
+ * @return integer|false Number of rows inserted or FALSE on failure
+ */
+ public function setPodcastCategories($podcastId, $categories)
+ {
+ cache()->delete("podcasts{$podcastId}_categories");
+
+ // Remove already previously set categories to overwrite them
+ $this->db
+ ->table('podcasts_categories')
+ ->delete(['podcast_id' => $podcastId]);
+
+ if (!empty($categories)) {
+ // prepare data for `podcasts_categories` table
+ $data = array_reduce(
+ $categories,
+ function ($result, $categoryId) use ($podcastId) {
+ $result[] = [
+ 'podcast_id' => $podcastId,
+ 'category_id' => $categoryId,
+ ];
+
+ return $result;
+ },
+ []
+ );
+
+ // Set podcast categories
+ return $this->db->table('podcasts_categories')->insertBatch($data);
+ }
+
+ // no row has been inserted after deletion
+ return 0;
+ }
+
+ /**
+ * Gets all the podcast categories
+ *
+ * @param int $podcastId
+ *
+ * @return \App\Entities\Category[]
+ */
+ public function getPodcastCategories($podcastId)
+ {
+ if (!($categories = cache("podcasts{$podcastId}_categories"))) {
+ $categories = $this->select('categories.*')
+ ->join(
+ 'podcasts_categories',
+ 'podcasts_categories.category_id = categories.id'
+ )
+ ->where('podcasts_categories.podcast_id', $podcastId)
+ ->findAll();
+
+ cache()->save(
+ "podcasts{$podcastId}_categories",
+ $categories,
+ DECADE
+ );
+ }
+
+ return $categories;
+ }
}
diff --git a/app/Models/EpisodeModel.php b/app/Models/EpisodeModel.php
index 9eb734d8..d72f3f08 100644
--- a/app/Models/EpisodeModel.php
+++ b/app/Models/EpisodeModel.php
@@ -26,7 +26,7 @@ class EpisodeModel extends Model
'enclosure_filesize',
'description',
'image_uri',
- 'explicit',
+ 'parental_advisory',
'number',
'season_number',
'type',
@@ -47,7 +47,6 @@ class EpisodeModel extends Model
'slug' => 'required|regex_match[/^[a-zA-Z0-9\-]{1,191}$/]',
'enclosure_uri' => 'required',
'description' => 'required',
- 'image_uri' => 'required',
'number' => 'is_natural_no_zero|permit_empty',
'season_number' => 'is_natural_no_zero|permit_empty',
'type' => 'required',
diff --git a/app/Models/PodcastModel.php b/app/Models/PodcastModel.php
index 16f50a26..2df72349 100644
--- a/app/Models/PodcastModel.php
+++ b/app/Models/PodcastModel.php
@@ -24,15 +24,14 @@ class PodcastModel extends Model
'image_uri',
'language',
'category_id',
- 'explicit',
+ 'parental_advisory',
'owner_name',
'owner_email',
- 'author',
+ 'publisher',
'type',
'copyright',
'block',
'complete',
- 'custom_html_head',
'created_by',
'updated_by',
'imported_feed_url',
diff --git a/app/Views/_assets/admin.ts b/app/Views/_assets/admin.ts
index 2f390556..7967215c 100644
--- a/app/Views/_assets/admin.ts
+++ b/app/Views/_assets/admin.ts
@@ -1,11 +1,15 @@
import Dropdown from "./modules/Dropdown";
-import HTMLEditor from "./modules/HTMLEditor";
+import EnclosureInput from "./modules/EnclosureInput";
import MarkdownEditor from "./modules/MarkdownEditor";
+import MultiSelect from "./modules/MultiSelect";
+import SidebarToggler from "./modules/SidebarToggler";
import Slugify from "./modules/Slugify";
import Tooltip from "./modules/Tooltip";
Dropdown();
Tooltip();
MarkdownEditor();
-HTMLEditor();
+MultiSelect();
Slugify();
+SidebarToggler();
+EnclosureInput();
diff --git a/app/Views/_assets/icons/arrow-left.svg b/app/Views/_assets/icons/arrow-left.svg
index 6d82f7ba..d10d02b5 100644
--- a/app/Views/_assets/icons/arrow-left.svg
+++ b/app/Views/_assets/icons/arrow-left.svg
@@ -1,6 +1,6 @@
diff --git a/app/Views/_assets/icons/caret-right.svg b/app/Views/_assets/icons/caret-right.svg
new file mode 100644
index 00000000..346cb156
--- /dev/null
+++ b/app/Views/_assets/icons/caret-right.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/chevron-left.svg b/app/Views/_assets/icons/chevron-left.svg
new file mode 100644
index 00000000..6d82f7ba
--- /dev/null
+++ b/app/Views/_assets/icons/chevron-left.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/arrow-right.svg b/app/Views/_assets/icons/chevron-right.svg
similarity index 100%
rename from app/Views/_assets/icons/arrow-right.svg
rename to app/Views/_assets/icons/chevron-right.svg
diff --git a/app/Views/_assets/icons/download.svg b/app/Views/_assets/icons/download.svg
new file mode 100644
index 00000000..42702f57
--- /dev/null
+++ b/app/Views/_assets/icons/download.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/line-chart.svg b/app/Views/_assets/icons/line-chart.svg
new file mode 100644
index 00000000..c3080e57
--- /dev/null
+++ b/app/Views/_assets/icons/line-chart.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/menu.svg b/app/Views/_assets/icons/menu.svg
new file mode 100644
index 00000000..666764dc
--- /dev/null
+++ b/app/Views/_assets/icons/menu.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/question.svg b/app/Views/_assets/icons/question.svg
new file mode 100644
index 00000000..984376ae
--- /dev/null
+++ b/app/Views/_assets/icons/question.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/settings.svg b/app/Views/_assets/icons/settings.svg
new file mode 100644
index 00000000..8ab66f65
--- /dev/null
+++ b/app/Views/_assets/icons/settings.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/user-add.svg b/app/Views/_assets/icons/user-add.svg
new file mode 100644
index 00000000..ab808608
--- /dev/null
+++ b/app/Views/_assets/icons/user-add.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/icons/user.svg b/app/Views/_assets/icons/user.svg
new file mode 100644
index 00000000..9e64bb56
--- /dev/null
+++ b/app/Views/_assets/icons/user.svg
@@ -0,0 +1,6 @@
+
diff --git a/app/Views/_assets/modules/EnclosureInput.ts b/app/Views/_assets/modules/EnclosureInput.ts
new file mode 100644
index 00000000..ef6b95e1
--- /dev/null
+++ b/app/Views/_assets/modules/EnclosureInput.ts
@@ -0,0 +1,24 @@
+const EnclosureInput = (): void => {
+ const enclosureInput = document.querySelector(
+ ".form-enclosure-input"
+ ) as HTMLInputElement;
+
+ if (enclosureInput) {
+ const label = enclosureInput?.nextElementSibling?.querySelector(
+ "span"
+ ) as HTMLSpanElement;
+ const labelVal = label.innerHTML;
+
+ enclosureInput.addEventListener("change", (e: Event) => {
+ const fileName = (e.target as HTMLInputElement).value.split("\\").pop();
+
+ if (fileName) {
+ label.innerHTML = fileName;
+ } else {
+ label.innerHTML = labelVal;
+ }
+ });
+ }
+};
+
+export default EnclosureInput;
diff --git a/app/Views/_assets/modules/HTMLEditor.ts b/app/Views/_assets/modules/HTMLEditor.ts
deleted file mode 100644
index 7e67b65f..00000000
--- a/app/Views/_assets/modules/HTMLEditor.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import CodeMirror from "codemirror";
-import "codemirror/lib/codemirror.css";
-
-const HTMLEditor = (): void => {
- const allHTMLEditors: NodeListOf = document.querySelectorAll(
- "textarea[data-editor='html']"
- );
-
- for (let j = 0; j < allHTMLEditors.length; j++) {
- const textarea = allHTMLEditors[j];
-
- CodeMirror.fromTextArea(textarea, {
- lineNumbers: true,
- mode: { name: "xml", htmlMode: true },
- });
- }
-};
-
-export default HTMLEditor;
diff --git a/app/Views/_assets/modules/MarkdownEditor.ts b/app/Views/_assets/modules/MarkdownEditor.ts
index cb38bca9..604e948e 100644
--- a/app/Views/_assets/modules/MarkdownEditor.ts
+++ b/app/Views/_assets/modules/MarkdownEditor.ts
@@ -59,7 +59,7 @@ class ProseMirrorView {
}
},
attributes: {
- class: "prose-sm px-3 py-2 overflow-y-auto",
+ class: "prose-sm px-3 py-2 overflow-y-auto focus:shadow-outline",
style: "min-height: 200px; max-height: 500px",
},
});
@@ -95,12 +95,22 @@ const MarkdownEditor = (): void => {
"px-2",
"bg-white",
"border",
- "text-xs"
+ "text-xs",
+ "outline-none",
+ "focus:shadow-outline"
);
wysiwygBtn.setAttribute("type", "button");
wysiwygBtn.innerHTML = "Wysiwyg";
const markdownBtn = document.createElement("button");
- markdownBtn.classList.add("py-1", "px-2", "bg-white", "border", "text-xs");
+ markdownBtn.classList.add(
+ "py-1",
+ "px-2",
+ "bg-white",
+ "border",
+ "text-xs",
+ "outline-none",
+ "focus:shadow-outline"
+ );
markdownBtn.setAttribute("type", "button");
markdownBtn.innerHTML = "Markdown";
diff --git a/app/Views/_assets/modules/MultiSelect.ts b/app/Views/_assets/modules/MultiSelect.ts
new file mode 100644
index 00000000..87ef62be
--- /dev/null
+++ b/app/Views/_assets/modules/MultiSelect.ts
@@ -0,0 +1,40 @@
+import Choices from "choices.js";
+
+const MultiSelect = (): void => {
+ // Pass single element
+ const multiSelects: NodeListOf = document.querySelectorAll(
+ "select[multiple]"
+ );
+
+ for (let i = 0; i < multiSelects.length; i++) {
+ const multiSelect = multiSelects[i];
+
+ new Choices(multiSelect, {
+ maxItemCount: parseInt(multiSelect.dataset.maxItemCount || "-1"),
+ itemSelectText: multiSelect.dataset.selectText,
+ maxItemText: multiSelect.dataset.maxItemText,
+ removeItemButton: true,
+ classNames: {
+ containerOuter:
+ "multiselect" +
+ (multiSelect.dataset.class ? ` ${multiSelect.dataset.class}` : ""),
+ containerInner: "multiselect__inner",
+ input: "multiselect__input",
+ inputCloned: "multiselect__input--cloned",
+ list: "multiselect__list",
+ listItems: "multiselect__list--multiple",
+ listDropdown: "multiselect__list--dropdown",
+ item: "multiselect__item",
+ itemSelectable: "multiselect__item--selectable",
+ itemDisabled: "multiselect__item--disabled",
+ itemChoice: "multiselect__item--choice",
+ placeholder: "multiselect__placeholder",
+ group: "multiselect__group",
+ groupHeading: "multiselect__heading",
+ button: "multiselect__button",
+ },
+ });
+ }
+};
+
+export default MultiSelect;
diff --git a/app/Views/_assets/modules/SidebarToggler.ts b/app/Views/_assets/modules/SidebarToggler.ts
new file mode 100644
index 00000000..f9176f4f
--- /dev/null
+++ b/app/Views/_assets/modules/SidebarToggler.ts
@@ -0,0 +1,62 @@
+const SidebarToggler = (): void => {
+ const sidebar = document.querySelector(
+ "aside[id='admin-sidebar']"
+ ) as HTMLElement;
+ const toggler = document.querySelector(
+ "button[id='sidebar-toggler']"
+ ) as HTMLButtonElement;
+ const sidebarBackdrop = document.querySelector(
+ "div[id='sidebar-backdrop']"
+ ) as HTMLElement;
+
+ const setAriaExpanded = (isExpanded: "true" | "false") => {
+ toggler.setAttribute("aria-expanded", isExpanded);
+ sidebarBackdrop.setAttribute("aria-expanded", isExpanded);
+ };
+
+ const hideSidebar = () => {
+ setAriaExpanded("false");
+ sidebar.classList.add("-translate-x-full");
+ sidebarBackdrop.classList.add("hidden");
+ toggler.style.transform = "translateX(0px)";
+ };
+
+ const showSidebar = () => {
+ setAriaExpanded("true");
+ sidebar.classList.remove("-translate-x-full");
+ sidebarBackdrop.classList.remove("hidden");
+ toggler.style.transform =
+ "translateX(" + sidebar.getBoundingClientRect().width + "px)";
+ };
+
+ toggler.addEventListener("click", () => {
+ if (sidebar.classList.contains("-translate-x-full")) {
+ showSidebar();
+ } else {
+ hideSidebar();
+ }
+ });
+
+ sidebarBackdrop.addEventListener("click", () => {
+ if (!sidebar.classList.contains("-translate-x-full")) {
+ hideSidebar();
+ }
+ });
+
+ const setAriaExpandedOnWindowEvent = () => {
+ const isExpanded =
+ !sidebar.classList.contains("-translate-x-full") ||
+ window.innerWidth >= 768;
+ const ariaExpanded = toggler.getAttribute("aria-expanded");
+ if (isExpanded && (!ariaExpanded || ariaExpanded === "false")) {
+ setAriaExpanded("true");
+ } else if (!isExpanded && (!ariaExpanded || ariaExpanded === "true")) {
+ setAriaExpanded("false");
+ }
+ };
+
+ window.addEventListener("load", setAriaExpandedOnWindowEvent);
+ window.addEventListener("resize", setAriaExpandedOnWindowEvent);
+};
+
+export default SidebarToggler;
diff --git a/app/Views/_assets/modules/Tooltip.ts b/app/Views/_assets/modules/Tooltip.ts
index 7f91ec0b..b8d2ab2d 100644
--- a/app/Views/_assets/modules/Tooltip.ts
+++ b/app/Views/_assets/modules/Tooltip.ts
@@ -10,10 +10,10 @@ const Tooltip = (): void => {
const tooltipContent = tooltipReference.title;
const tooltip = document.createElement("div");
- tooltip.setAttribute("id", "tooltip");
+ tooltip.setAttribute("id", "tooltip" + i);
tooltip.setAttribute(
"class",
- "px-2 py-1 text-sm bg-gray-900 text-white rounded"
+ "px-2 py-1 text-sm bg-gray-900 text-white rounded max-w-xs z-50"
);
tooltip.innerHTML = tooltipContent;
@@ -31,13 +31,13 @@ const Tooltip = (): void => {
const show = () => {
tooltipReference.removeAttribute("title");
- tooltipReference.setAttribute("aria-describedby", "tooltip");
+ tooltipReference.setAttribute("aria-describedby", "tooltip" + i);
document.body.appendChild(tooltip);
popper.update();
};
const hide = () => {
- const element = document.getElementById("tooltip");
+ const element = document.getElementById("tooltip" + i);
tooltipReference.removeAttribute("aria-describedby");
tooltipReference.setAttribute("title", tooltipContent);
if (element) {
diff --git a/app/Views/_assets/styles/breadcrumb.css b/app/Views/_assets/styles/breadcrumb.css
index f2cb9162..0a89fe55 100644
--- a/app/Views/_assets/styles/breadcrumb.css
+++ b/app/Views/_assets/styles/breadcrumb.css
@@ -1,5 +1,5 @@
.breadcrumb {
- @apply inline-flex flex-wrap px-1 py-2 text-sm text-gray-800;
+ @apply inline-flex flex-wrap px-1 py-2 text-sm;
}
.breadcrumb-item + .breadcrumb-item::before {
diff --git a/app/Views/_assets/styles/enclosureInput.css b/app/Views/_assets/styles/enclosureInput.css
new file mode 100644
index 00000000..44ea5329
--- /dev/null
+++ b/app/Views/_assets/styles/enclosureInput.css
@@ -0,0 +1,16 @@
+.form-enclosure-input {
+ @apply absolute w-0 h-0 opacity-0;
+}
+
+.form-enclosure-input + label {
+ @apply inline-flex items-center justify-center w-full py-2 text-lg font-semibold text-green-600 bg-white border-2 border-green-500 rounded-lg shadow cursor-pointer;
+}
+
+.form-enclosure-input:focus + label,
+.form-enclosure-input + label:hover {
+ @apply text-green-700 border-green-700 shadow-md;
+}
+
+.form-enclosure-input:focus + label {
+ @apply shadow-outline;
+}
diff --git a/app/Views/_assets/styles/index.css b/app/Views/_assets/styles/index.css
index f12f46bb..d68082f6 100644
--- a/app/Views/_assets/styles/index.css
+++ b/app/Views/_assets/styles/index.css
@@ -1,3 +1,7 @@
@import "./tailwind.css";
@import "./layout.css";
@import "./breadcrumb.css";
+@import "./multiSelect.css";
+@import "./radioBtn.css";
+@import "./switch.css";
+@import "./enclosureInput.css";
diff --git a/app/Views/_assets/styles/layout.css b/app/Views/_assets/styles/layout.css
index bed5c1eb..b613b747 100644
--- a/app/Views/_assets/styles/layout.css
+++ b/app/Views/_assets/styles/layout.css
@@ -1,21 +1,26 @@
.holy-grail-grid {
- @apply grid;
- grid-template: auto 1fr auto / auto 1fr auto;
+ @apply grid min-h-screen overflow-y-auto;
+ grid-template: 1fr auto / auto 1fr;
- & .holy-grail-header {
- grid-column: 1 / 4;
- }
-
- & .holy-grail-sidenav {
- grid-column: 1 / 2;
- grid-row: 2 / 4;
+ & .holy-grail-sidebar {
+ @apply w-64 col-start-1 col-end-2 row-start-1 row-end-3;
}
& .holy-grail-main {
- grid-column: 2 / 4;
+ @apply w-full col-start-1 col-end-3 row-start-1 row-end-2;
}
& .holy-grail-footer {
- grid-column: 2 / 4;
+ @apply w-full col-start-1 col-end-3 row-start-2 row-end-3;
+ }
+
+ @screen md {
+ & .holy-grail-main {
+ @apply col-start-2;
+ }
+
+ & .holy-grail-footer {
+ @apply col-start-2;
+ }
}
}
diff --git a/app/Views/_assets/styles/multiSelect.css b/app/Views/_assets/styles/multiSelect.css
new file mode 100644
index 00000000..83fe9c76
--- /dev/null
+++ b/app/Views/_assets/styles/multiSelect.css
@@ -0,0 +1,180 @@
+/*===============================
+= MultiSelect =
+===============================*/
+.multiselect {
+ @apply relative;
+
+ &:focus {
+ @apply shadow-outline outline-none;
+ }
+ &:last-child {
+ @apply mb-0;
+ }
+ &.is-disabled {
+ &.multiselect__inner,
+ &.multiselect__input {
+ @apply bg-gray-300 cursor-not-allowed select-none;
+ }
+ &.multiselect__item {
+ @apply cursor-not-allowed;
+ }
+ }
+
+ & [hidden] {
+ @apply hidden;
+ }
+}
+
+.multiselect[data-type*="select-multiple"],
+.multiselect[data-type*="text"] {
+ & .multiselect__inner {
+ @apply cursor-text;
+ }
+ & .multiselect__button {
+ @apply relative inline-block w-2 pl-4 mt-0 mb-0 ml-1 opacity-75;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
+ background-size: 8px;
+
+ &:hover,
+ &:focus {
+ @apply opacity-100;
+ }
+ }
+}
+
+.multiselect__inner {
+ @apply inline-block w-full px-2 pt-2 pb-1 overflow-hidden align-top bg-white border rounded;
+
+ &.is-focused,
+ &.is-open {
+ @apply shadow-outline;
+ }
+ &.is-open {
+ @apply rounded-b-none;
+ }
+ &.is-flipped.is-open {
+ @apply rounded-t-none;
+ }
+}
+
+.multiselect__list {
+ @apply p-0 m-0 list-none;
+}
+
+.multiselect__list--multiple {
+ @apply inline;
+
+ & .multiselect__item {
+ @apply inline-flex px-2 py-1 mb-1 mr-2 text-sm text-white break-all bg-green-500 rounded;
+
+ &[data-deletable] {
+ @apply pr-1;
+ }
+ & [dir="rtl"] {
+ @apply ml-2 mr-0;
+ }
+ &.is-highlighted {
+ @apply bg-green-700;
+ }
+ &.is-disabled {
+ @apply bg-gray-500;
+ }
+ }
+}
+
+.multiselect__list--dropdown {
+ @apply absolute z-10 invisible w-full overflow-hidden break-all bg-white border border-t-0 rounded-b shadow-lg;
+ top: 100%;
+ will-change: visibility;
+
+ &.is-active {
+ @apply visible;
+ }
+ &.is-open {
+ @apply shadow-outline;
+ }
+ &.is-flipped {
+ @apply top-auto mt-0 rounded-t;
+ bottom: 100%;
+ }
+ & .multiselect__list {
+ @apply relative overflow-auto;
+ max-height: 300px;
+ -webkit-overflow-scrolling: touch;
+ will-change: scroll-position;
+ }
+ & .multiselect__item {
+ @apply relative p-3;
+
+ & [dir="rtl"] {
+ @apply text-right;
+ }
+ }
+ & .multiselect__item--selectable {
+ @screen sm {
+ padding-right: 100px;
+ &:after {
+ @apply absolute text-sm transform -translate-y-1/2 opacity-0;
+ content: attr(data-select-text);
+ right: 10px;
+ top: 50%;
+ }
+ & [dir="rtl"] {
+ @apply text-right;
+ padding-left: 100px;
+ padding-right: 10px;
+ &:after {
+ @apply right-auto;
+ left: 10px;
+ }
+ }
+ }
+ &.is-highlighted {
+ @apply bg-gray-100;
+ &:after {
+ @apply opacity-50;
+ }
+ }
+ }
+}
+
+.multiselect__item {
+ @apply cursor-default;
+}
+
+.multiselect__item--selectable {
+ @apply cursor-pointer;
+}
+
+.multiselect__item--disabled {
+ @apply opacity-50 cursor-not-allowed select-none;
+}
+
+.multiselect__heading {
+ @apply p-3 font-semibold text-gray-600 border-b;
+}
+
+.multiselect__button {
+ @apply bg-transparent bg-center bg-no-repeat border-0 appearance-none cursor-pointer;
+ text-indent: -9999px;
+
+ &:focus {
+ @apply outline-none;
+ }
+}
+
+.multiselect__input {
+ @apply inline-block max-w-full py-1 pl-1 mb-1 align-baseline bg-transparent border-0 rounded-none;
+ &:focus {
+ @apply outline-none;
+ }
+ & [dir="rtl"] {
+ @apply pl-0 pr-1;
+ }
+}
+
+.multiselect__placeholder {
+ @apply opacity-50;
+}
+
+/*===== End of Choices ======*/
diff --git a/app/Views/_assets/styles/radioBtn.css b/app/Views/_assets/styles/radioBtn.css
new file mode 100644
index 00000000..7e6045d6
--- /dev/null
+++ b/app/Views/_assets/styles/radioBtn.css
@@ -0,0 +1,24 @@
+.form-radio-btn {
+ @apply absolute opacity-0;
+}
+
+.form-radio-btn:focus + label {
+ @apply shadow-outline;
+}
+
+.form-radio-btn + label {
+ @apply px-2 py-1 text-sm text-black bg-white border rounded cursor-pointer;
+
+ &:hover {
+ @apply bg-green-100;
+ }
+}
+
+.form-radio-btn:checked + label {
+ @apply text-white bg-green-500;
+
+ &::before {
+ @apply mr-2 text-green-200;
+ content: "✓";
+ }
+}
diff --git a/app/Views/_assets/styles/switch.css b/app/Views/_assets/styles/switch.css
new file mode 100644
index 00000000..be0cbe0f
--- /dev/null
+++ b/app/Views/_assets/styles/switch.css
@@ -0,0 +1,26 @@
+.form-switch {
+ @apply absolute w-0 h-0 opacity-0;
+
+ &:checked + .form-switch-slider {
+ @apply bg-green-500;
+ }
+
+ &:focus + .form-switch-slider {
+ @apply shadow-outline;
+ }
+
+ &:checked + .form-switch-slider::before {
+ @apply transform translate-x-5;
+ }
+}
+
+.form-switch-slider {
+ @apply relative inset-0 flex-shrink-0 w-10 h-5 transition duration-200 bg-gray-400 rounded-full cursor-pointer;
+
+ &::before {
+ @apply absolute w-4 h-4 transition duration-200 bg-white rounded-full shadow-xs;
+ content: "";
+ left: 2px;
+ bottom: 2px;
+ }
+}
diff --git a/app/Views/_layout.php b/app/Views/_layout.php
index 5bd01391..c2ce4918 100644
--- a/app/Views/_layout.php
+++ b/app/Views/_layout.php
@@ -1,6 +1,6 @@
-
+
@@ -9,9 +9,6 @@
-
- custom_html_head ?>
-
@@ -25,6 +22,9 @@
diff --git a/app/Views/admin/_header.php b/app/Views/admin/_header.php
deleted file mode 100644
index 274f52dc..00000000
--- a/app/Views/admin/_header.php
+++ /dev/null
@@ -1,28 +0,0 @@
-
\ No newline at end of file
diff --git a/app/Views/admin/_layout.php b/app/Views/admin/_layout.php
index f87c44f1..8cd3c3f1 100644
--- a/app/Views/admin/_layout.php
+++ b/app/Views/admin/_layout.php
@@ -1,31 +1,54 @@
-
+
- Castopod Admin
+ <?= $this->renderSection('title') ?> | Castopod Admin
+
-
- 'flex items-center px-4 py-2 holy-grail-header',
- ]) ?>
- 'flex flex-col w-64 py-6 holy-grail-sidenav',
- ]) ?>
-
- renderSection('title') ?>
-
- renderSection('content') ?>
+
+
+
+
+
+
+
+
+
renderSection(
+ 'pageTitle'
+ ) ?>
+
+
renderSection(
+ 'headerRight'
+ ) ?>
+
+
+ renderSection('content') ?>
+
-