Skip to content

M
Moecube Store
Commit cc8cc2ae authored by 神楽坂玲奈's avatar 神楽坂玲奈
Browse files
Options

search

parent 8dc364d9
Hide whitespace changes
Inline Side-by-side
Showing with 298 additions and 338 deletions
assets/javascripts/decks.coffee
View file @ cc8cc2ae
...@@ -8,7 +8,6 @@ class Card extends Spine.Model ...@@ -8,7 +8,6 @@ class Card extends Spine.Model
@configure 'Card', 'id', 'name', 'card_type', 'type', 'attribute', 'level', 'atk', 'def', 'description' @configure 'Card', 'id', 'name', 'card_type', 'type', 'attribute', 'level', 'atk', 'def', 'description'
@extend Spine.Model.Local @extend Spine.Model.Local
@extend Spine.Events @extend Spine.Events
@hasMany 'card_usages', CardUsage
@url: "http://my-card.in/cards" @url: "http://my-card.in/cards"
@locale_url: "http://my-card.in/cards_#{locale}" @locale_url: "http://my-card.in/cards_#{locale}"
image_url: -> image_url: ->
...@@ -50,14 +49,14 @@ class Card extends Spine.Model ...@@ -50,14 +49,14 @@ class Card extends Spine.Model
cards_id = [] cards_id = []
for lang in langs for lang in langs
try try
result.push Card.find lang._id result.push Card.find(lang._id)
catch e catch e
cards_id.push lang._id cards_id.push lang._id
if cards_id.length if cards_id.length
$.getJSON "#{@url}?q=#{JSON.stringify({_id: { $in: cards_id}})}", (cards) => $.getJSON "#{@url}?q=#{JSON.stringify({_id: { $in: cards_id}})}", (cards) =>
@load cards, langs @load cards, langs
for card in cards for card in cards
result.push Card.find card._id result.push Card.find(card._id)
callback(result) callback(result)
else else
callback(result) callback(result)
...@@ -176,7 +175,6 @@ class Deck extends Spine.Model ...@@ -176,7 +175,6 @@ class Deck extends Spine.Model
else else
throw '无效卡组' throw '无效卡组'
card_usages.push {id: "#{result.cid}_#{side}_#{last_id}", card_id: last_id, side: side, count: count} if last_id card_usages.push {id: "#{result.cid}_#{side}_#{last_id}", card_id: last_id, side: side, count: count} if last_id
alert card_usages
result.card_usages card_usages result.card_usages card_usages
result result
...@@ -190,7 +188,7 @@ class Deck extends Spine.Model ...@@ -190,7 +188,7 @@ class Deck extends Spine.Model
"http://my-card.in" + @location_ydk() "http://my-card.in" + @location_ydk()
add: (card_usage)-> add: (card_usage)->
if !card_usage.card_id #card if !card_usage.card_id #card
card_usage = @card_usages().findByAttribute('card_id', card.id) || new CardUsage(card_id: card.id, deck_id: deck.id, main: true, count: 0) card_usage = @card_usages().findByAttribute('card_id', card.id) || new CardUsage(card_id: card_usage.id, deck_id: @id, main: true, count: 0)
count = 0 count = 0
for c in @card_usages().findAllByAttribute('card_id', card_usage.card_id) #TODO: alias for c in @card_usages().findAllByAttribute('card_id', card_usage.card_id) #TODO: alias
count += c.count count += c.count
...@@ -199,7 +197,7 @@ class Deck extends Spine.Model ...@@ -199,7 +197,7 @@ class Deck extends Spine.Model
card_usage.save() card_usage.save()
minus: (card_usage)-> minus: (card_usage)->
if !card_usage.card_id #card if !card_usage.card_id #card
card_usage = @card_usages().findByAttribute('card_id', card.id) card_usage = @card_usages().findByAttribute('card_id', card_usage.id)
return if !card_usage return if !card_usage
card_usage.count-- card_usage.count--
if card_usage.count if card_usage.count
...@@ -308,7 +306,7 @@ class DecksController extends Spine.Controller ...@@ -308,7 +306,7 @@ class DecksController extends Spine.Controller
else else
$('#deck_url_ydk').attr 'href', @deck().url_ydk() $('#deck_url_ydk').attr 'href', @deck().url_ydk()
@tab_control: -> tab_control: ->
$(".bottom_area div").click -> $(".bottom_area div").click ->
$(this).addClass("bottom_button_active").removeClass("bottom_button") $(this).addClass("bottom_button_active").removeClass("bottom_button")
$(this).siblings().addClass("bottom_button").removeClass("bottom_button_active") $(this).siblings().addClass("bottom_button").removeClass("bottom_button_active")
...@@ -322,16 +320,15 @@ class DecksController extends Spine.Controller ...@@ -322,16 +320,15 @@ class DecksController extends Spine.Controller
{btn: false}}) {btn: false}})
; ;
show: (e) -> show: (e) ->
card = $(e.target).tmplItem().data.card() card = $(e.target).tmplItem().data
@show_card(card) card = card.card() if card.card_id
show_card: (card)->
$('#card').removeClass(Card.card_types.join(' ')) $('#card').removeClass(Card.card_types.join(' '))
active_page_index = $('.bottom_area div').index $(".bottom_button_active") active_page_index = $('.bottom_area div').index $(".bottom_button_active")
$('#card').html $("#card_template").tmpl(card) $('#card').html $("#card_template").tmpl(card)
$('#card').addClass(card.card_type.join(' ')) $('#card').addClass(card.card_type.join(' '))
$('.card_frame .frame_element').eq(active_page_index).addClass('card_frame_focus') $('.card_frame .frame_element').eq(active_page_index).addClass('card_frame_focus')
$('.bottom_area div').eq(active_page_index).addClass('bottom_button_active').removeClass("bottom_button") $('.bottom_area div').eq(active_page_index).addClass('bottom_button_active').removeClass("bottom_button")
DecksController.tab_control() @tab_control()
add: (e)-> add: (e)->
@deck().add $(e.target).tmplItem().data @deck().add $(e.target).tmplItem().data
minus: (e)-> minus: (e)->
...@@ -340,22 +337,25 @@ class DecksController extends Spine.Controller ...@@ -340,22 +337,25 @@ class DecksController extends Spine.Controller
class CardsController extends Spine.Controller class CardsController extends Spine.Controller
events: events:
'mouseover .card_search_result': 'show', 'mouseover .search_card': 'show',
'click .card_search_result': 'add', 'click .search_card': 'add',
'contextmenu .card_search_result': 'minus' 'contextmenu .search_card': 'minus'
add: (e)-> add: (e)->
decks.deck().add($(this).tmplItem().data) decks.deck().add($(e.target).tmplItem().data)
minus: (e)-> minus: (e)->
decks.deck().minus($(this).tmplItem().data) e.preventDefault()
decks.deck().minus($(e.target).tmplItem().data)
show: (e)-> show: (e)->
decks.show_card($(this).tmplItem().data) decks.show(e)
template: ->
$('#search_cards_' + if $('.operate_area').hasClass('text') then 'text' else 'graphic' + '_template')
search: (name)-> search: (name)->
Card.fetch_by_name name, (cards)=> Card.fetch_by_name name, (cards)=>
@html $('#cards_search_result_template').tmpl cards @html @template().tmpl cards
decks = new DecksController(el: $("#deck")) decks = new DecksController(el: $("#deck"))
cards = new CardsController(el: $("#cards_search")) cards = new CardsController(el: $("#search_cards"))
$(document).ready -> $(document).ready ->
decks.load_from_url() decks.load_from_url()
...@@ -400,18 +400,18 @@ $(document).ready -> ...@@ -400,18 +400,18 @@ $(document).ready ->
$('#deck_load').change -> $('#deck_load').change ->
decks.upload(@files) decks.upload(@files)
window.addEventListener 'popstate', (ev)-> $(window).bind 'popstate', (ev)->
if ev.state if ev.state
deck.refresh ev.state, false deck.refresh ev.state, false
$('.main_div').bind 'dragover', (ev)-> $('.main_div').bind 'dragover', (ev)->
$("#drop_upload_dialog").dialog('open') ev.preventDefault();
false #$("#drop_upload_dialog").dialog('open')
$("#drop_upload_dialog").bind 'drop', (ev)-> $('.main_div').bind 'drop', (ev)->
ev.preventDefault();
$("#drop_upload_dialog").dialog('close') $("#drop_upload_dialog").dialog('close')
decks.upload event.dataTransfer.files decks.upload event.dataTransfer.files
false
$(".rename_ope").click -> $(".rename_ope").click ->
$(".text,.graphic").toggleClass("graphic text") $(".text,.graphic").toggleClass("graphic text")
......
assets/javascripts/decks.js
View file @ cc8cc2ae
...@@ -32,8 +32,6 @@ ...@@ -32,8 +32,6 @@
Card.extend(Spine.Events); Card.extend(Spine.Events);
Card.hasMany('card_usages', CardUsage);
Card.url = "http://my-card.in/cards"; Card.url = "http://my-card.in/cards";
Card.locale_url = "http://my-card.in/cards_" + locale; Card.locale_url = "http://my-card.in/cards_" + locale;
...@@ -415,7 +413,6 @@ ...@@ -415,7 +413,6 @@
count: count count: count
}); });
} }
alert(card_usages);
result.card_usages(card_usages); result.card_usages(card_usages);
return result; return result;
}; };
...@@ -440,8 +437,8 @@ ...@@ -440,8 +437,8 @@
var c, count, _i, _len, _ref; var c, count, _i, _len, _ref;
if (!card_usage.card_id) { if (!card_usage.card_id) {
card_usage = this.card_usages().findByAttribute('card_id', card.id) || new CardUsage({ card_usage = this.card_usages().findByAttribute('card_id', card.id) || new CardUsage({
card_id: card.id, card_id: card_usage.id,
deck_id: deck.id, deck_id: this.id,
main: true, main: true,
count: 0 count: 0
}); });
...@@ -460,7 +457,7 @@ ...@@ -460,7 +457,7 @@
Deck.prototype.minus = function(card_usage) { Deck.prototype.minus = function(card_usage) {
if (!card_usage.card_id) { if (!card_usage.card_id) {
card_usage = this.card_usages().findByAttribute('card_id', card.id); card_usage = this.card_usages().findByAttribute('card_id', card_usage.id);
} }
if (!card_usage) { if (!card_usage) {
return; return;
...@@ -689,7 +686,7 @@ ...@@ -689,7 +686,7 @@
} }
}; };
DecksController.tab_control = function() { DecksController.prototype.tab_control = function() {
$(".bottom_area div").click(function() { $(".bottom_area div").click(function() {
var $dangqian; var $dangqian;
$(this).addClass("bottom_button_active").removeClass("bottom_button"); $(this).addClass("bottom_button_active").removeClass("bottom_button");
...@@ -707,20 +704,18 @@ ...@@ -707,20 +704,18 @@
}; };
DecksController.prototype.show = function(e) { DecksController.prototype.show = function(e) {
var card; var active_page_index, card;
card = $(e.target).tmplItem().data.card(); card = $(e.target).tmplItem().data;
return this.show_card(card); if (card.card_id) {
}; card = card.card();
}
DecksController.prototype.show_card = function(card) {
var active_page_index;
$('#card').removeClass(Card.card_types.join(' ')); $('#card').removeClass(Card.card_types.join(' '));
active_page_index = $('.bottom_area div').index($(".bottom_button_active")); active_page_index = $('.bottom_area div').index($(".bottom_button_active"));
$('#card').html($("#card_template").tmpl(card)); $('#card').html($("#card_template").tmpl(card));
$('#card').addClass(card.card_type.join(' ')); $('#card').addClass(card.card_type.join(' '));
$('.card_frame .frame_element').eq(active_page_index).addClass('card_frame_focus'); $('.card_frame .frame_element').eq(active_page_index).addClass('card_frame_focus');
$('.bottom_area div').eq(active_page_index).addClass('bottom_button_active').removeClass("bottom_button"); $('.bottom_area div').eq(active_page_index).addClass('bottom_button_active').removeClass("bottom_button");
return DecksController.tab_control(); return this.tab_control();
}; };
DecksController.prototype.add = function(e) { DecksController.prototype.add = function(e) {
...@@ -745,27 +740,32 @@ ...@@ -745,27 +740,32 @@
} }
CardsController.prototype.events = { CardsController.prototype.events = {
'mouseover .card_search_result': 'show', 'mouseover .search_card': 'show',
'click .card_search_result': 'add', 'click .search_card': 'add',
'contextmenu .card_search_result': 'minus' 'contextmenu .search_card': 'minus'
}; };
CardsController.prototype.add = function(e) { CardsController.prototype.add = function(e) {
return decks.deck().add($(this).tmplItem().data); return decks.deck().add($(e.target).tmplItem().data);
}; };
CardsController.prototype.minus = function(e) { CardsController.prototype.minus = function(e) {
return decks.deck().minus($(this).tmplItem().data); e.preventDefault();
return decks.deck().minus($(e.target).tmplItem().data);
}; };
CardsController.prototype.show = function(e) { CardsController.prototype.show = function(e) {
return decks.show_card($(this).tmplItem().data); return decks.show(e);
};
CardsController.prototype.template = function() {
return $('#search_cards_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic' + '_template'));
}; };
CardsController.prototype.search = function(name) { CardsController.prototype.search = function(name) {
var _this = this; var _this = this;
return Card.fetch_by_name(name, function(cards) { return Card.fetch_by_name(name, function(cards) {
return _this.html($('#cards_search_result_template').tmpl(cards)); return _this.html(_this.template().tmpl(cards));
}); });
}; };
...@@ -778,7 +778,7 @@ ...@@ -778,7 +778,7 @@
}); });
cards = new CardsController({ cards = new CardsController({
el: $("#cards_search") el: $("#search_cards")
}); });
$(document).ready(function() { $(document).ready(function() {
...@@ -825,19 +825,18 @@ ...@@ -825,19 +825,18 @@
$('#deck_load').change(function() { $('#deck_load').change(function() {
return decks.upload(this.files); return decks.upload(this.files);
}); });
window.addEventListener('popstate', function(ev) { $(window).bind('popstate', function(ev) {
if (ev.state) { if (ev.state) {
return deck.refresh(ev.state, false); return deck.refresh(ev.state, false);
} }
}); });
$('.main_div').bind('dragover', function(ev) { $('.main_div').bind('dragover', function(ev) {
$("#drop_upload_dialog").dialog('open'); return ev.preventDefault();
return false;
}); });
$("#drop_upload_dialog").bind('drop', function(ev) { $('.main_div').bind('drop', function(ev) {
ev.preventDefault();
$("#drop_upload_dialog").dialog('close'); $("#drop_upload_dialog").dialog('close');
decks.upload(event.dataTransfer.files); return decks.upload(event.dataTransfer.files);
return false;
}); });
$(".rename_ope").click(function() { $(".rename_ope").click(function() {
$(".text,.graphic").toggleClass("graphic text"); $(".text,.graphic").toggleClass("graphic text");
......
decks/new/index.html
View file @ cc8cc2ae
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
</script> </script>
<script id="card_usage_graphic_template" type="text/x-jquery-tmpl"> <script id="card_usage_graphic_template" type="text/x-jquery-tmpl">
{{each Array(count)}} {{each Array(count)}}
<img class="card_usage" width="44" height="64" style="float:left;overflow:visible;" src="${$data.card().image_thumbnail_url()}"/> <img class="card_usage" width="44" height="64" style="float:left;overflow:visible;" src="${$data.card().image_thumbnail_url()}"/>
{{/each}} {{/each}}
</script> </script>
<script id="deck_template" type="text/x-jquery-tmpl"> <script id="deck_template" type="text/x-jquery-tmpl">
...@@ -88,7 +88,7 @@ ...@@ -88,7 +88,7 @@
</legend> </legend>
<div class="deck_part main"> <div class="deck_part main">
{{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(main) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
<fieldset id="deck_side"> <fieldset id="deck_side">
...@@ -97,7 +97,7 @@ ...@@ -97,7 +97,7 @@
</legend> </legend>
<div class="deck_part side"> <div class="deck_part side">
{{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(side) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
<fieldset id="deck_extra"> <fieldset id="deck_extra">
...@@ -106,321 +106,282 @@ ...@@ -106,321 +106,282 @@
</legend> </legend>
<div class="deck_part extra"> <div class="deck_part extra">
{{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} {{tmpl(extra) '#card_usage_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}}
</div> </div>
</fieldset> </fieldset>
</script> </script>
<script id="loading_template" type="text/x-jquery-tmpl"> <script id="loading_template" type="text/x-jquery-tmpl">
<img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/> <img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
</script> </script>
<script id="search_card_template" type="text/x-jquery-tmpl"> <script id="search_cards_text_template" type="text/x-jquery-tmpl">
{{tmpl({test: 'test'}) '#search_card_' + ($('.operate_area').hasClass('text') ? 'text' : 'graphic') + '_template'}} <table class="press">
</script> <thead>
<script id="search_card_text_template" type="text/x-jquery-tmpl"> <tr>
<table class="press"> <th>
<thead> <div class="thead_bg">
<tr> <span>卡名</span>
<th>
<div class="thead_bg">
<span>卡名</span>
<div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/></div> <div class="arrow" onclick="showMe(this,'filter_name');"><img src="image/arrow.png" alt=""/>
<div id="filter_name" class="filter_float" style="display:none;">
<!-- 修改 -->
<div>
<input type="checkbox" name=""/>
<label>按照名称排序</label>
</div> </div>
<div> <div id="filter_name" class="filter_float" style="display:none;">
<input type="checkbox" name=""/> <!-- 修改 -->
<label>按照名称排序</label> <div>
<input type="checkbox" name=""/>
<label>按照名称排序</label>
</div>
<div>
<input type="checkbox" name=""/>
<label>按照名称排序</label>
</div>
<div>
<input type="checkbox" name=""/>
<label>按照名称排序</label>
</div>
<!-- 修改 -->
</div> </div>
<div>
<input type="checkbox" name=""/>
<label>按照名称排序</label>
</div>
<!-- 修改 -->
</div> </div>
</div> </th>
</th> <th>
<th> <div class="thead_bg">
<div class="thead_bg"> <span>卡类</span>
<span>卡类</span>
<div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/></div> <div class="arrow" onclick="showMe(this,'filter_cate');"><img src="image/arrow.png" alt=""/>
<div id="filter_cate" class="filter_float" style="display:none;"></div> </div>
</div> <div id="filter_cate" class="filter_float" style="display:none;"></div>
</th> </div>
<th> </th>
<div class="thead_bg"><span>攻击</span></div> <th>
</th> <div class="thead_bg"><span>攻击</span></div>
<th> </th>
<div class="thead_bg"><span>守备</span></div> <th>
</th> <div class="thead_bg"><span>守备</span></div>
<th> </th>
<div class="thead_bg"><span>星级</span></div> <th>
</th> <div class="thead_bg"><span>星级</span></div>
<th> </th>
<div class="thead_bg"><span>属性</span></div> <th>
</th> <div class="thead_bg"><span>属性</span></div>
<th> </th>
<div class="thead_bg"><span>测试</span></div> <th>
</th> <div class="thead_bg"><span>测试</span></div>
</tr> </th>
</thead> </tr>
<tbody> </thead>
<tr> <tbody>
<td>黑羽-疾风之</td> <tr>
<td>效果·调整</td> <td>黑羽-疾风之</td>
<td>1300</td> <td>效果·调整</td>
<td>400</td> <td>1300</td>
<td>3 ☆</td> <td>400</td>
<td>暗</td> <td>3 ☆</td>
<td>测试</td> <td>暗</td>
</tr> <td>测试</td>
<tr> </tr>
<td>黑羽-疾风之</td> <tr>
<td>效果·调整</td> <td>黑羽-疾风之</td>
<td>1300</td> <td>效果·调整</td>
<td>400</td> <td>1300</td>
<td>3 ☆</td> <td>400</td>
<td>暗</td> <td>3 ☆</td>
<td>测试</td> <td>暗</td>
</tr> <td>测试</td>
</tbody> </tr>
</table> </tbody>
</script> </table>
<script id="search_card_graphic_template" type="text/x-jquery-tmpl"> </script>
<div> <script id="search_cards_graphic_template" type="text/x-jquery-tmpl">
<div class="graphic_search_out"> <div class="graphic_search_out search_card">
<div class="search_out_img">
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
</div>
<div class="search_out_text">
<span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<span>暗</span>
<span>鸟兽</span>
<span>☆ 3</span>
<br />
<span>1300</span>/<span>400</span>
</div>
</div>
<div class="graphic_search_out">
<div class="search_out_img">
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
</div>
<div class="search_out_text">
<span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<span>暗</span>
<span>鸟兽</span>
<span>☆ 3</span>
<br />
<span>1300</span>/<span>400</span>
</div>
</div>
<div class="graphic_search_out">
<div class="search_out_img">
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/>
</div>
<div class="search_out_text">
<span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/>
<span>暗</span>
<span>鸟兽</span>
<span>☆ 3</span>
<br />
<span>1300</span>/<span>400</span>
</div>
</div>
<div class="graphic_search_out">
<div class="search_out_img"> <div class="search_out_img">
<img src="http://my-card.in/images/cards/ygocore/thumbnail/2009101.jpg" width="44" height="64"/> <img src="${$data.image_thumbnail_url()}" width="44" height="64"/>
</div> </div>
<div class="search_out_text"> <div class="search_out_text">
<span class="search_out_textTitle">黑羽-疾风之盖尔</span><br/> <span class="search_out_textTitle">${$data.name}</span><br/>
<span>暗</span> {{if type}}
<span>鸟兽</span> <span>${$.i18n.prop('attribute.'+attribute)}</span>
<span>☆ 3</span> <span>${$.i18n.prop('type.'+type)}</span>
<br /> <span>☆ ${level}</span>
<span>1300</span>/<span>400</span> <br/>
<span>${atk}</span>/<span>${def}</span>
{{/if}}
</div> </div>
</div> </div>
</div>
</script> </script>
</head> </head>
<body> <body>
<!--[if lt IE 9]> <!--[if lt IE 9]>
<p class="chromeframe">浏览器太旧了亲~. 请 <a href="http://browsehappy.com/">升级/更换您的浏览器</a> 或者 <a href="http://www.google.com/chromeframe/?redirect=true">激活 Google Chrome 浏览器内嵌框架</a>.</p> <p class="chromeframe">浏览器太旧了亲~. 请 <a href="http://browsehappy.com/">升级/更换您的浏览器</a> 或者
<a href="http://www.google.com/chromeframe/?redirect=true">激活 Google Chrome 浏览器内嵌框架</a>.</p>
<![endif]--> <![endif]-->
<div class="main_div line"> <div class="main_div line">
<div id="card" class="main_left floatleft line"> <div id="card" class="main_left floatleft line">
<div class="card_name">Mycard 卡组编辑器</div> <div class="card_name">Mycard 卡组编辑器</div>
<div class="card_img line floatleft"> <div class="card_img line floatleft">
<img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/> <img height="187px" width="130px" src="/assets/images/decks/card.jpg" alt="card_name"/>
</div>
<div class="card_info floatleft">
<div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜！</div>
<div class="attr_real floatleft">(／・ω・)／</div>
<div class="attr_name floatleft">喵！</div>
<div class="attr_real floatleft">(」・ω・)」</div>
<div class="attr_name floatleft">呜！</div>
<div class="attr_real floatleft">(／・ω・)／</div>
<div class="attr_name floatleft">喵！</div>
<div class="attr_name floatleft"></div>
<div class="attr_real floatleft">世界已完蛋</div>
</div>
<div class="card_frame floatleft">
<div class="card_description floatleft frame_element card_frame_focus">
<div>
这是一个卡组编辑/分享系统<br/>
this is a deck editing & sharing system<br/>
</div>
</div> </div>
<div class="card_adjustment floatleft frame_element"> <div class="card_info floatleft">
<ruby>数据来源 <div class="attr_real floatleft">(」・ω・)」</div>
<rt>Database</rt> <div class="attr_name floatleft">呜！</div>
</ruby> <div class="attr_real floatleft">(／・ω・)／</div>
: <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/> <div class="attr_name floatleft">喵！</div>
<ruby>许可协议 <div class="attr_real floatleft">(」・ω・)」</div>
<rt>License</rt> <div class="attr_name floatleft">呜！</div>
</ruby> <div class="attr_real floatleft">(／・ω・)／</div>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/> <div class="attr_name floatleft">喵！</div>
<ruby>项目主页 <div class="attr_name floatleft"></div>
<rt>Github</rt> <div class="attr_real floatleft">世界已完蛋</div>
</ruby>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<ruby>开发成员
<rt>Authors</rt>
</ruby>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</div> </div>
</div> <div class="card_frame floatleft">
<div class="floatleft bottom_area"> <div class="card_description floatleft frame_element card_frame_focus">
<div class="bottom_button_active floatleft">简介</div> <div>
<div class="bottom_button floatleft">关于</div> 这是一个卡组编辑/分享系统<br/>
</div> this is a deck editing & sharing system<br/>
</div> </div>
<div class="main_right floatleft line"> </div>
<div class="floatleft search_data graphic"> <div class="card_adjustment floatleft frame_element">
<div class="floatleft search_bar"> <ruby>数据来源
<form id="search"> <rt>Database</rt>
<div class="floatleft search_frame"> </ruby>
<input type="text" name="" class="search_input floatleft" value=""/> : <a href="https://github.com/Fluorohydride/ygopro/">Ygopro</a><br/>
<input type="submit" class="serach_button" value=""/> <ruby>许可协议
<rt>License</rt>
</ruby>
: <a href="http://www.gnu.org/licenses/gpl.html">GPLv3 or later</a><br/>
<ruby>项目主页
<rt>Github</rt>
</ruby>
: <a href="https://github.com/zh99998/mycard">github.com/zh99998/mycard</a><br/>
<ruby>开发成员
<rt>Authors</rt>
</ruby>
: <a href="https://plus.google.com/101873829070855379840">zh99998</a>&lt;<a
href="mailto:zh99998@gmail.com">zh99998@gmail.com</a>&gt;<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a
href="https://plus.google.com/u/0/102725466404235496819">Mesiade</a>&lt;<a
href="mailto:Mesiade746@hotmail.com">Mesiade746@hotmail.com</a>&gt;
</div>
</div> </div>
<div class="floatright advanced_search_father"> <div class="floatleft bottom_area">
<div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div> <div class="bottom_button_active floatleft">简介</div>
<div class="bottom_button floatleft">关于</div>
</div> </div>
</form> </div>
<!-- 修改 --> <div class="main_right floatleft line">
<div class="submenu"> <div class="floatleft search_data graphic">
<div class="floatright submenu_mask"></div> <div class="floatleft search_bar">
<div class="submenu_main"> <form id="search">
<div class="submenu_mainLeft"> <div class="floatleft search_frame">
<div class="submenu_unit"> <input type="text" name="" class="search_input floatleft" value=""/>
<label>种类：</label> <input type="submit" class="serach_button" value=""/>
<select class="select_half" name=""> </div>
<option>(无)</option> <div class="floatright advanced_search_father">
</select> <div class="advanced_search" onclick="showMe(this,'submenu');">高级搜索</div>
<select class="select_half" name=""> </div>
<option>(无)</option> </form>
<option></option> <!-- 修改 -->
</select> <div class="submenu">
</div> <div class="floatright submenu_mask"></div>
<div class="submenu_unit"> <div class="submenu_main">
<label>种类：</label> <div class="submenu_mainLeft">
<select class="select_full" name=""> <div class="submenu_unit">
<option>(无)</option> <label>种类：</label>
</select> <select class="select_half" name="">
</div> <option>(无)</option>
<div class="submenu_unit"> </select>
<label>种类：</label> <select class="select_half" name="">
<select class="select_full" name=""> <option>(无)</option>
<option>(无)</option> <option></option>
</select> </select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unit">
<label>种类：</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
<div class="submenu_mainRight">
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unitLarge">
<label>种类：</label>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<label style="margin:10px 0 0 0;">种类：</label>
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/>
</div>
<input type="button" value="效果"/>
<div class="submenu_unit">
<label>种类：</label>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/>
</div>
</div>
</div>
</div> </div>
<div class="submenu_unit"> <!-- 修改 -->
<label>种类：</label> <div class="floatleft search_results">
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <span style="color:#3366CC;font-weight:bold;">结果数</span>
魔法：<span style="color:#FFAD6E;">XXX</span>
陷阱：<span style="color:#FFAD6E;">XXX</span>
怪兽：<span style="color:#FFAD6E;">XXX</span>
</div> </div>
</div> </div>
<div class="submenu_mainRight"> <div class="floatleft main_area" id="search_cards"></div>
<div class="submenu_unit">
<label>种类：</label>
<select class="select_full" name="">
<option>(无)</option>
</select>
</div>
<div class="submenu_unitLarge">
<label>种类：</label>
<input style="width:83px;margin:-2px 0 0 5px;" type="text" name=""/>
<label style="margin:10px 0 0 0;">种类：</label> <div class="floatright page">
<input style="width:83px;margin:10px 0 0 5px;" type="text" name=""/> <a class="page_home" href=""></a>
</div> <a class="page_pre" href=""></a>
<input type="button" value="效果"/> <a class="page_num" href="">9</a>
<a class="page_num" href="">10</a>
<div class="submenu_unit"> <a class="page_num" href="">11</a>
<label>种类：</label> <a class="page_next" href=""></a>
<input style="width:137px;margin:-2px 0 0 5px;" type="text" name=""/> <a class="page_last" href=""></a>
</div>
</div> </div>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</div> </div>
</div>
<!-- 修改 -->
<div class="floatleft search_results">
<span style="color:#3366CC;font-weight:bold;">结果数</span>
魔法：<span style="color:#FFAD6E;">XXX</span>
陷阱：<span style="color:#FFAD6E;">XXX</span>
怪兽：<span style="color:#FFAD6E;">XXX</span>
</div>
</div>
<div class="floatleft main_area" id="search_card"></div>
<div class="floatright page">
<a class="page_home" href=""></a>
<a class="page_pre" href=""></a>
<a class="page_num" href="">9</a>
<a class="page_num" href="">10</a>
<a class="page_num" href="">11</a>
<a class="page_next" href=""></a>
<a class="page_last" href=""></a>
</div>
<!--{"archetypes":"","card_type":"\u6548\u679c\u602a\u517d","id":2067,"lore":"\u8fd9\u5f20\u5361\u653b\u51fb\u7684\u573a\u5408\uff0c\u5bf9\u65b9\u76f4\u5230\u4f24\u5bb3\u6b65\u9aa4\u7ed3\u675f\u65f6\u4e0d\u80fd\u53d1\u52a8\u9b54\u6cd5\u00b7\u9677\u9631\u5361\u3002\u7528\u4ee5\u4e0b\u7684\u602a\u517d\u4e3a\u796d\u54c1\u4f5c\u796d\u54c1\u53ec\u5524\u7684\u573a\u5408\uff0c\u8fd9\u5f20\u5361\u5f97\u5230\u5404\u81ea\u7684\u6548\u679c\u3002\u25cf\u7eff\u9f7f\u8f6e\uff1a\u8fd9\u5f20\u5361\u653b\u51fb\u5b88\u5907\u8868\u793a\u602a\u517d\u65f6\uff0c\u82e5\u8fd9\u5f20\u5361\u7684\u653b\u51fb\u529b\u8d85\u8fc7\u5b88\u5907\u8868\u793a\u602a\u517d\u7684\u5b88\u5907\u529b\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206\u90a3\u4e2a\u6570\u503c\u7684\u6218\u6597\u4f24\u5bb3\u3002\u25cf\u7ea2\u9f7f\u8f6e\uff1a\u7ed9\u4e88\u5bf9\u65b9\u73a9\u5bb6\u6218\u6597\u4f24\u5bb3\u65f6\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206400\u5206\u4f24\u5bb3\u3002\u25cf\u9ec4\u9f7f\u8f6e\uff1a\u6218\u6597\u7834\u574f\u5bf9\u65b9\u602a\u517d\u7684\u573a\u5408\uff0c\u7ed9\u4e88\u5bf9\u65b9\u57fa\u672c\u5206600\u5206\u4f24\u5bb3\u3002","mediums":"OCG\tTCG","monster_atk":3000,"monster_attribute":"\u5730","monster_def":2000,"monster_level":8,"monster_type":null,"name":"\u53e4\u4ee3\u7684\u673a\u68b0\u5de8\u9f99","number":50933533,"stats":"21,26,37","status":3,"tokens":0,"type":"\u673a\u68b0"} -->
</div>
<div class="floatleft operate_area graphic"> <div class="floatleft operate_area graphic">
<div class="select_card"> <div class="select_card">
<div class="select_cardOn"> <div class="select_cardOn">
<select name=""> <select name="">
<option id="name" value="">卡组</option> <option id="name" value="">卡组</option>
</select> </select>
<img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/> <img class="add_ope" src="/assets/images/decks/add.png" alt="" title="新建"/>
<img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/> <img class="rename_ope" src="/assets/images/decks/rename.png" alt="" title="重命名"/>
</div> </div>
<div class="select_cardUnder"> <div class="select_cardUnder">
<div class="donwload_out" title="上传"> <div class="donwload_out" title="上传">
<div class="upload_inner" > <div class="upload_inner">
<input id="deck_load" type="file" tabindex="-1"/> <input id="deck_load" type="file" tabindex="-1"/>
</div> </div>
</div>
<div class="donwload_out" title="分享" id="deck_share">
<div class="download_inner"></div>
</div>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> -->
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a>
</div>
</div> </div>
<div class="donwload_out" title="分享" id="deck_share">
<div class="download_inner"></div> <div id="deck" class="card_group">
<img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
</div> </div>
<!-- <img class="donwload_ope" src="/assets/images/decks/download.png" alt="" title="上传" /> -->
<a href="#" id="deck_url_ydk"><img class="save_ope" src="/assets/images/decks/save.png" alt="" title="保存"/></a>
</div> </div>
</div> </div>
<div id="deck" class="card_group">
<img class="load_img" src="/assets/images/decks/loading.gif" alt="" title=""/>
</div>
</div>
</div>
</div> </div>
<div id="deck_share_dialog" title="share" style="display: none"> <div id="deck_share_dialog" title="share" style="display: none">
<fieldset> <fieldset>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment