110 lines
5.2 KiB
ERB
110 lines
5.2 KiB
ERB
<% content_for :page_specific_css do %>
|
||
<%= stylesheet_link_tag "new_channel" %>
|
||
<% end %>
|
||
<% content_for :page_specific_javascript do %>
|
||
<%= javascript_include_tag "new_channel" %>
|
||
<% end %>
|
||
<div id="import-container">
|
||
<div id="import-head" class="muted">
|
||
<i class='icons-rss'></i><br/>
|
||
Subscribe to Orbit channels
|
||
</div>
|
||
|
||
<div id="loading" style="display:none;">
|
||
<%= image_tag 'preloader.gif' %><br/>
|
||
<span class="progress_msg"></span>
|
||
</div>
|
||
|
||
<div id="site-url-wrapper" class="import-wrapper">
|
||
<input type="text" class="import-url" name="url" value="" placeholder="http://orbitek.co">
|
||
<button id="find-channels" class="btn btn-primary">Find Channels</button>
|
||
</div>
|
||
|
||
<!-- === 新增區塊：手動輸入 RSS 網址訂閱公告 === -->
|
||
<div id="manual-rss-wrapper" class="import-wrapper">
|
||
<a href="javascript:void(0);" id="toggle-manual-rss">或者，直接輸入網址訂閱公告</a>
|
||
<div id="manual-rss-form" style="display:none;">
|
||
|
||
<div id="manual-source-type">
|
||
<label><input type="radio" name="source-type" value="rss" checked> RSS 來源</label>
|
||
|
||
<label><input type="radio" name="source-type" value="json"> JSON API 來源</label>
|
||
</div>
|
||
<input type="text" id="manual-rss-url" class="manual-rss-input" placeholder="網址，例如 https://www.peopo.org/rss-top10"><br/>
|
||
|
||
<!-- RSS 偵測區塊 -->
|
||
<div id="rss-detect-block">
|
||
<button id="manual-rss-detect" class="btn">偵測欄位</button><br/>
|
||
<div id="manual-rss-mapping" style="display:none;">
|
||
標題欄位：<select id="manual-rss-title-field" class="manual-rss-input"></select><br/>
|
||
連結欄位：<select id="manual-rss-link-field" class="manual-rss-input"></select><br/>
|
||
圖片欄位：<select id="manual-rss-image-field" class="manual-rss-input">
|
||
<option value="">（不設定圖片欄位）</option>
|
||
</select><br/>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- JSON 偵測區塊（新增） -->
|
||
<div id="json-detect-block" style="display:none;">
|
||
<button id="json-detect-step1" class="btn">第一步：抓取結構</button><br/>
|
||
<div id="json-list-key-wrapper" style="display:none;">
|
||
文章列表位置：<select id="json-list-key-select" class="manual-rss-input"></select>
|
||
<button id="json-detect-step2" class="btn">第二步：抓取欄位</button><br/>
|
||
</div>
|
||
<div id="json-field-mapping" style="display:none;">
|
||
標題欄位：<select id="json-title-field" class="manual-rss-input"></select><br/>
|
||
副標題欄位：<select id="json-subtitle-field" class="manual-rss-input">
|
||
<option value="">（不設定副標題欄位）</option>
|
||
</select><br/>
|
||
內容欄位：<select id="json-content-field" class="manual-rss-input">
|
||
<option value="">（不設定內容欄位）</option>
|
||
</select><br/>
|
||
時間欄位：<select id="json-time-field" class="manual-rss-input"></select><br/>
|
||
圖片欄位：<select id="json-image-field" class="manual-rss-input">
|
||
<option value="">（不設定圖片欄位）</option>
|
||
</select><br/>
|
||
ID欄位：<select id="json-id-field" class="manual-rss-input"></select><br/>
|
||
|
||
連結來源：
|
||
<label><input type="radio" name="json-link-mode" value="field" checked> 直接讀取欄位</label>
|
||
<label><input type="radio" name="json-link-mode" value="template"> 用樣板組出來</label><br/>
|
||
|
||
<div id="json-link-field-wrapper">
|
||
連結欄位：<select id="json-link-field" class="manual-rss-input"></select><br/>
|
||
</div>
|
||
<div id="json-link-template-wrapper" style="display:none;">
|
||
連結樣板：<input type="text" id="json-link-template" class="manual-rss-input" placeholder="例如 https://news.pts.org.tw/article/{id}"><br/>
|
||
<small style="color:#888;">注意：一定要用固定文字 {id}，不要換成 ID 欄位實際的名稱（例如不要寫成 {news_id}）</small><br/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<input type="text" id="manual-rss-title" class="manual-rss-input" placeholder="頻道顯示名稱，例如 PeoPo公民新聞"><br/>
|
||
<button id="manual-rss-next" class="btn btn-primary">下一步：選擇分類</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="channels" style="display:none; text-align:center;">
|
||
</div>
|
||
</div>
|
||
<div id="selectCategoryModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="selectCategoryModalLabel" aria-hidden="true">
|
||
<div class="modal-header">
|
||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||
<h4>Select category for feed to merge.</h4>
|
||
</div>
|
||
<div class="modal-body">
|
||
<label class="import-modal-label muted">Category : </label>
|
||
<select class="import-modal-select" name="local_category" id="local-category">
|
||
<option>Loading categories ...</option>
|
||
</select>
|
||
</div>
|
||
<div class="modal-footer">
|
||
<button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
|
||
<button class="btn btn-primary" id="subscribe-button">Subscribe</button>
|
||
</div>
|
||
</div>
|
||
<script type="text/javascript">
|
||
var I18n = {};
|
||
I18n.locale = "<%= I18n.locale.to_s %>";
|
||
</script>
|