* SAAS-1168, SAAS-1153 - work on station podcast frontend

* SAAS-1164 - Styling fixes for publishing and podcast editors
This commit is contained in:
Duncan Sommerville 2015-11-03 13:18:55 -05:00
parent 4cd00b50ee
commit c0d8b8b39c
14 changed files with 246 additions and 149 deletions

View file

@ -1,61 +1,62 @@
<div class="inner_editor_title">
<h2>
<?php echo _("Publishing") ?> "<span ng-bind="media.track_title" class="title_obj_name"></span>"
</h2>
</div>
<div class="inner_editor_wrapper">
<form class="media-metadata">
<input ng-value="media.id" class="obj_id" type="hidden"/>
<div class="angular_wrapper" ng-controller="Publish">
<div class="inner_editor_title">
<h2>
<?php echo _("Publishing") ?> "<span ng-bind="media.track_title" class="title_obj_name"></span>"
</h2>
<button ng-click="openEditDialog()" class="btn publish-edit-md"><?php echo _("Edit Metadata") ?></button>
<label class="publish-md-field">
<?php echo _("Title") ?>
<input disabled ng-model="media.track_title" type="text"/>
</label>
<label class="publish-md-field">
<?php echo _("Creator") ?>
<input disabled ng-model="media.artist_name" type="text"/>
</label>
<label class="publish-md-field">
<?php echo _("Description") ?>
<textarea disabled ng-model="media.description"></textarea>
</label>
<fieldset>
<legend><?php echo _("Publish to:"); ?></legend>
<div ng-repeat="(source, label) in sources.toPublish">
<input ng-model="publishData[source]" type="checkbox" name="publish_sources" id="{{source}}">
<label for="{{source}}">{{label}}</label><br/>
</div>
<div ng-if="sources.toPublish.length == 0">
<?php echo _("You have already published this track to all available sources!") . "<br/>"
. _("Published tracks can be removed or updated below.") ?>
</div>
</fieldset>
<fieldset>
<legend><?php echo _("Published on:"); ?></legend>
<div class="published-sources" ng-repeat="(source, label) in sources.published">
<span class="sp-checked-icon checked-icon left-floated"></span>
<span class="source-name">{{label}}</span>
<button class="btn btn-small" ng-click="remove(source)"><?php echo _("Remove") ?></button>
</div>
<div ng-if="sources.published.length == 0">
<?php echo _("You haven't published this track to any sources!") . "<br/>"
. _("Check the boxes above and hit 'Publish' to publish this track to the marked sources.") ?>
</div>
</fieldset>
</form>
</div>
<div class="btn-toolbar clearfix">
<div class="btn-group pull-right">
<button ng-click="discard()" class="btn" type="button" name="cancel">
<?php echo _("Cancel") ?>
</button>
</div>
<div class='btn-group pull-right'>
<button ng-click="publish()" class="btn" title='<?php echo _("Publish") ?>' type="button">
<?php echo _("Publish") ?>
</button>
<div class="inner_editor_wrapper">
<form class="media-metadata">
<input ng-value="media.id" class="obj_id" type="hidden"/>
<label class="publish-md-field">
<?php echo _("Title") ?>
<input disabled ng-model="media.track_title" type="text"/>
</label>
<label class="publish-md-field">
<?php echo _("Creator") ?>
<input disabled ng-model="media.artist_name" type="text"/>
</label>
<label class="publish-md-field">
<?php echo _("Description") ?>
<textarea disabled ng-model="media.description"></textarea>
</label>
<fieldset>
<legend><?php echo _("Publish to:"); ?></legend>
<div ng-repeat="(source, label) in sources.toPublish">
<input ng-model="publishData[source]" type="checkbox" name="publish_sources" id="{{source}}">
<label for="{{source}}">{{label}}</label><br/>
</div>
<div ng-if="sources.toPublish.length == 0">
<?php echo _("You have already published this track to all available sources!") . "<br/>"
. _("Published tracks can be removed or updated below.") ?>
</div>
</fieldset>
<fieldset>
<legend><?php echo _("Published on:"); ?></legend>
<div class="published-sources" ng-repeat="(source, label) in sources.published">
<span class="sp-checked-icon checked-icon left-floated"></span>
<span class="source-name">{{label}}</span>
<button class="btn btn-small" ng-click="remove(source)"><?php echo _("Remove") ?></button>
</div>
<div ng-if="sources.published.length == 0">
<?php echo _("You haven't published this track to any sources!") . "<br/>"
. _("Check the boxes above and hit 'Publish' to publish this track to the marked sources.") ?>
</div>
</fieldset>
</form>
</div>
<div class='success' style='display:none'></span></div>
</div>
<div class="btn-toolbar clearfix">
<div class="btn-group pull-right">
<button ng-click="discard()" class="btn" type="button" name="cancel">
<?php echo _("Cancel") ?>
</button>
</div>
<div class='btn-group pull-right'>
<button ng-click="publish()" class="btn" title='<?php echo _("Publish") ?>' type="button">
<?php echo _("Publish") ?>
</button>
</div>
<div class='success' style='display:none'></span></div>
</div>
</div>

View file

@ -7,24 +7,14 @@
<div class="inner_editor_wrapper">
<form class="podcast-metadata">
<input ng-value="podcast.id" class="obj_id" type="hidden"/>
<p>
<label for="podcast_name">
<?php echo _("Podcast Name") ?>
</label>
<input disabled name="podcast_name" ng-model="podcast.title" type="text"/>
</p>
<p>
<label for="podcast_url">
<?php echo _("Podcast URL") ?>
</label>
<input disabled name="podcast_url" ng-model="podcast.url" type="text"/>
</p>
<p>
<label for="podcast_auto_ingest">
<?php echo _("Automatically download latest episodes?") ?>
</label>
<input name="podcast_auto_ingest" ng-model="podcast.auto_ingest" type="checkbox"/>
</p>
<label for="podcast_name"><?php echo _("Podcast Name") ?></label>
<input disabled name="podcast_name" ng-model="podcast.title" type="text"/>
<label for="podcast_url"><?php echo _("Podcast URL") ?></label>
<input disabled name="podcast_url" ng-model="podcast.url" type="text"/>
<label for="podcast_auto_ingest"><?php echo _("Automatically download latest episodes?") ?></label>
<input name="podcast_auto_ingest" ng-model="podcast.auto_ingest" type="checkbox"/>
</form>
</div>

View file

@ -1,30 +1,77 @@
<div class="angular_wrapper" ng-controller="StationPodcast">
<div class="inner_editor_title">
<h2>
<?php echo _("Editing ") ?>"<span ng-bind="podcast.title" class="title_obj_name"></span>"
</h2>
<h2>
<?php echo _("Editing ") ?>"<span ng-bind="podcast.title" class="title_obj_name"></span>"
</h2>
<a href="{{podcast.url}}" target="_blank">
<button class="btn"><?php echo _("View Feed") ?></button>
</a>
</div>
<div class="inner_editor_wrapper">
<form class="podcast-metadata">
<p>
<?php echo _("Check out the ") ?><a target="_blank" href="http://cyber.law.harvard.edu/rss/rss.html#requiredChannelElements"><?php echo _("RSS specification") ?></a>
<?php echo _(" or the ") ?><a target="_blank" href="http://www.apple.com/ca/itunes/podcasts/specs.html"><?php echo _("Apple podcasting specification") ?></a>
<?php echo _(" for more information.") ?>
</p>
<input ng-value="podcast.id" class="obj_id" type="hidden"/>
<p>
<label for="podcast_name">
<?php echo _("Podcast Name") ?>
</label>
<div>
<label><?php echo _("Name") ?></label>
<input name="podcast_name" ng-model="podcast.title" type="text"/>
</p>
<p>
<label for="podcast_creator">
<?php echo _("Podcast Creator") ?>
</label>
</div>
<div>
<label><?php echo _("Creator") ?></label>
<input name="podcast_creator" ng-model="podcast.creator" type="text"/>
</p>
<p>
<label for="podcast_url">
<?php echo _("Podcast URL") ?>
</label>
</div>
<div>
<label><?php echo _("URL") ?></label>
<input disabled name="podcast_url" ng-model="podcast.url" type="text"/>
</p>
</div>
<div>
<label><?php echo _("Description") ?></label>
<textarea name="podcast_description" ng-model="podcast.description"></textarea>
</div>
<div>
<label><?php echo _("Language") ?></label>
<input name="podcast_language" ng-model="podcast.language" type="text"/>
</div>
<div>
<label><?php echo _("Copyright") ?></label>
<input name="podcast_copyright" ng-model="podcast.copyright" type="text"/>
</div>
<div>
<label><?php echo _("Link") ?></label>
<input name="podcast_link" ng-model="podcast.link" type="text"/>
</div>
<fieldset>
<legend><?php echo _("iTunes Fields") ?></legend>
<label><?php echo _("iTunes Author") ?></label>
<input name="podcast_itunes_author" ng-model="podcast.itunes_author" type="text"/>
<label><?php echo _("iTunes Keywords") ?></label>
<input name="podcast_itunes_keywords" ng-model="podcast.itunes_keywords" type="text"/>
<label><?php echo _("iTunes Summary") ?></label>
<textarea name="podcast_itunes_summary" ng-model="podcast.itunes_summary"></textarea>
<label><?php echo _("iTunes Subtitle") ?></label>
<textarea name="podcast_itunes_subtitle" ng-model="podcast.itunes_subtitle"></textarea>
<label><?php echo _("iTunes Category") ?></label>
<input name="podcast_itunes_category" ng-model="podcast.itunes_category" type="text"/>
<label><?php echo _("iTunes Explicit") ?></label>
<input name="podcast_itunes_explicit" ng-model="podcast.itunes_explicit" type="checkbox"/>
</fieldset>
</form>
</div>