okos
/
rpg-cards
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

Update generator

crobi 10 年之前
父節點
bc316c5cf4
當前提交
a966fd8d1e
共有 5 個檔案被更改，包括 41 行新增 和 12 行删除
統一視圖 顯示文件統計
  1. 19
    0
      generator/css/cards.css
  2. 3
    3
      generator/data/card_data_example.js
  3. 3
    2
      generator/generate.html
  4. 14
    5
      generator/js/cards.js
  5. 2
    2
      generator/js/ui.js

+ 19
- 0
generator/css/cards.css 查看文件

180 
     margin-top: 0.5em;
 180 
     margin-top: 0.5em;
181 
     margin-bottom: 0.2em;
 181 
     margin-bottom: 0.2em;
182 
 }
 182 
 }
183 
+
184 
+.card-bullet-line {
185 
+    font-size: inherit;
186 
+    color: black;
187 
+    padding-left: 16px;
188 
+    padding-bottom: 0;
189 
+    margin-bottom: 0;
190 
+    margin-top: 0;
191 
+}
192 
+
193 
+.card-bullet {
194 
+    margin-bottom: 0;
195 
+    margin-top: 0;
196 
+    font-size: inherit;
197 
+}
198 
+
199 
+.card-element:last-of-type{
200 
+    margin-bottom: 0;
201 
+}

+ 3
- 3
generator/data/card_data_example.js 查看文件

106 
             "rule",
 106 
             "rule",
107 
             "fill | 2",
 107 
             "fill | 2",
108 
             "description | Spells | You can use your action to cast the following spells:",
 108 
             "description | Spells | You can use your action to cast the following spells:",
109 
-            "text | - magic missile, 1st level (1 charge)",
110 
-            "text | - magic missile, 2nd level (2 charges)",
111 
-            "text | - magic missile, 3rd level (3 charges)",
109 
+            "bullet | magic missile, 1st level (1 charge)",
110 
+            "bullet | magic missile, 2nd level (2 charges)",
111 
+            "bullet | magic missile, 3rd level (3 charges)",
112 
             "fill | 3"
 112 
             "fill | 3"
113 
         ]
 113 
         ]
114 
     },
 114 
     },

+ 3
- 2
generator/generate.html 查看文件

2 
 <html lang="en">
 2 
 <html lang="en">
3 
 <head>
 3 
 <head>
4 
     <title>RPG cards</title>
 4 
     <title>RPG cards</title>
5 
+    <meta charset="UTF-8">
5 
     <!-- Library: jQuery -->
 6 
     <!-- Library: jQuery -->
6 
     <script type="text/javascript" src="lib/jquery/jquery.min.js" charset="utf-8"></script>
 7 
     <script type="text/javascript" src="lib/jquery/jquery.min.js" charset="utf-8"></script>
7 
     <!-- Library: Bootstrap -->
 8 
     <!-- Library: Bootstrap -->
45 
                 <!--<h3>Menu</h3>-->
 46 
                 <!--<h3>Menu</h3>-->
46 
                 <form role="form" class="form-horizontal">
 47 
                 <form role="form" class="form-horizontal">
47 
                     <input type="file" id="file-load" name="files[]" multiple class="form-control" style="display:none" />
 48 
                     <input type="file" id="file-load" name="files[]" multiple class="form-control" style="display:none" />
48 
-                    <a href="" id="file-save-link" style="display:none">Hidden download link</a>
49 
                     <div class="form-group">
 49 
                     <div class="form-group">
50 
                         <div class="col-sm-6">
 50 
                         <div class="col-sm-6">
51 
                             <button type="button" class="btn btn-info btn-block" id="button-help">Open Help</button>
 51 
                             <button type="button" class="btn btn-info btn-block" id="button-help">Open Help</button>
67 
                             <button type="button" class="btn btn-primary btn-block" id="button-sort-name">Sort by name</button>
 67 
                             <button type="button" class="btn btn-primary btn-block" id="button-sort-name">Sort by name</button>
68 
                         </div>
 68 
                         </div>
69 
                         <div class="col-sm-6">
 69 
                         <div class="col-sm-6">
70 
-                            <button type="button" class="btn btn-primary btn-block" id="button-save">Save to file</button>
70 
+                            <button type="button" class="btn btn-primary btn-block" id="button-save" onclick="ui_save_file()">Save to file</button>
71 
+                            <a href="" download="rpg_cards.json" id="file-save-link" style="display:none">Hidden download link</a>
71 
                         </div>
 72 
                         </div>
72 
                     </div>
 73 
                     </div>
73 
                     <div class="form-group">
 74 
                     <div class="form-group">

+ 14
- 5
generator/js/cards.js 查看文件

72
72
73 
 function card_element_subtitle(params, card_data, options) {
 73 
 function card_element_subtitle(params, card_data, options) {
74 
     var subtitle = params[0] || "";
 74 
     var subtitle = params[0] || "";
75 
-    return '<div class="card-subtitle">' + subtitle + '</div>';
75 
+    return '<div class="card-element card-subtitle">' + subtitle + '</div>';
76 
 }
 76 
 }
77
77
78 
 function card_element_ruler(params, card_data, options) {
 78 
 function card_element_ruler(params, card_data, options) {
89
89
90 
 function card_element_property(params, card_data, options) {
 90 
 function card_element_property(params, card_data, options) {
91 
     var result = "";
 91 
     var result = "";
92 
-    result += '<div class="card-property-line">';
92 
+    result += '<div class="card-element card-property-line">';
93 
     result += '   <h4 class="card-property-name">' + params[0] + '</h4>';
 93 
     result += '   <h4 class="card-property-name">' + params[0] + '</h4>';
94 
     result += '   <p class="card-p card-property-text">' + params[1] + '</p>';
 94 
     result += '   <p class="card-p card-property-text">' + params[1] + '</p>';
95 
     result += '</div>';
 95 
     result += '</div>';
98
98
99 
 function card_element_description(params, card_data, options) {
 99 
 function card_element_description(params, card_data, options) {
100 
     var result = "";
 100 
     var result = "";
101 
-    result += '<div class="card-description-line">';
101 
+    result += '<div class="card-element card-description-line">';
102 
     result += '   <h4 class="card-description-name">' + params[0] + '</h4>';
 102 
     result += '   <h4 class="card-description-name">' + params[0] + '</h4>';
103 
     result += '   <p class="card-p card-description-text">' + params[1] + '</p>';
 103 
     result += '   <p class="card-p card-description-text">' + params[1] + '</p>';
104 
     result += '</div>';
 104 
     result += '</div>';
107
107
108 
 function card_element_text(params, card_data, options) {
 108 
 function card_element_text(params, card_data, options) {
109 
     var result = "";
 109 
     var result = "";
110 
-    result += '<div class="card-description-line">';
110 
+    result += '<div class="card-element card-description-line">';
111 
     result += '   <p class="card-p card-description-text">' + params[0] + '</p>';
 111 
     result += '   <p class="card-p card-description-text">' + params[0] + '</p>';
112 
     result += '</div>';
 112 
     result += '</div>';
113 
     return result;
 113 
     return result;
114 
 }
 114 
 }
115
115
116 
+function card_element_bullet(params, card_data, options) {
117 
+    var result = "";
118 
+    result += '<ul class="card-element card-bullet-line">';
119 
+    result += '   <li class="card-bullet">' + params[0] + '</li>';
120 
+    result += '</ul>';
121 
+    return result;
122 
+}
123 
+
116 
 function card_element_section(params, card_data, options) {
 124 
 function card_element_section(params, card_data, options) {
117 
     var color = card_data_color_front(card_data, options);
 125 
     var color = card_data_color_front(card_data, options);
118 
     var section = params[0] || "";
 126 
     var section = params[0] || "";
121
129
122 
 function card_element_fill(params, card_data, options) {
 130 
 function card_element_fill(params, card_data, options) {
123 
     var flex = params[0] || "1";
 131 
     var flex = params[0] || "1";
124 
-    return '<div class="card-fill" style="flex:' + flex + '"></div>';
132 
+    return '<span class="card-fill" style="flex:' + flex + '"></span>';
125 
 }
 133 
 }
126
134
127 
 function card_element_unknown(params, card_data, options) {
 135 
 function card_element_unknown(params, card_data, options) {
135 
     ruler: card_element_ruler,
 143 
     ruler: card_element_ruler,
136 
     description: card_element_description,
 144 
     description: card_element_description,
137 
     text: card_element_text,
 145 
     text: card_element_text,
146 
+    bullet: card_element_bullet,
138 
     fill: card_element_fill,
 147 
     fill: card_element_fill,
139 
     section: card_element_section
 148 
     section: card_element_section
140 
 };
 149 
 };

+ 2
- 2
generator/js/ui.js 查看文件

141 
     a.download = "rpg_cards.json";
 141 
     a.download = "rpg_cards.json";
142 
     a.click();
 142 
     a.click();
143
143
144 
-    URL.revokeObjectURL(url);
144 
+    setTimeout(function () { URL.revokeObjectURL(url); }, 500);
145 
 }
 145 
 }
146
146
147 
 function ui_update_selected_card() {
 147 
 function ui_update_selected_card() {
346 
     $("#file-load").change(ui_load_files);
 346 
     $("#file-load").change(ui_load_files);
347 
     $("#button-clear").click(ui_clear_all);
 347 
     $("#button-clear").click(ui_clear_all);
348 
     $("#button-load-sample").click(ui_load_sample);
 348 
     $("#button-load-sample").click(ui_load_sample);
349 
-    $("#button-save").click(ui_save_file);
349 
+    //$("#button-save").click(ui_save_file);
350 
     $("#button-sort-name").click(ui_sort_by_name);
 350 
     $("#button-sort-name").click(ui_sort_by_name);
351 
     $("#button-sort-icon").click(ui_sort_by_icon);
 351 
     $("#button-sort-icon").click(ui_sort_by_icon);
352 
     $("#button-add-card").click(ui_add_new_card);
 352 
     $("#button-add-card").click(ui_add_new_card);

Write Preview
Loading…
取消
儲存