ここの情報は古いです。ご理解頂いた上でお取り扱いください。

source: OpenPNE/trunk/webapp/modules/admin/templates/edit_c_sns_config.tpl @ 7512

Last change on this file since 7512 was 7512, checked in by ebihara, 14 years ago

#2542:管理画面配色設定に対応表へのリンクを追加した

File size: 5.0 KB
Line 
1({$inc_header|smarty:nodefaults})
2({ext_include file="inc_subnavi_adminDesign.tpl"})
3({assign var="page_name" value="配色・CSS変更"})
4({ext_include file="inc_tree_adminDesign.tpl"})
5</div>
6
7({*ここまで:navi*})
8
9<script type="text/javascript">
10<!--
11function reflect_color(n) {
12    var str_1 = n.name ;
13    var color = document.forms["color"].elements[str_1].value ;
14    var str_2 = "preview_display_"+str_1 ;
15    var str_3 = "#" + color ;
16    document.getElementById(str_2).style.backgroundColor = str_3 ;
17    for (key in bgcolors) {
18        if (key == str_1) {
19            bgcolors[str_1] = color;
20        }
21    }
22    set_textarea_for_color_config();
23}
24
25function set_preset_color(target, color) {
26    document.forms["color"].elements[target].value = color;
27    var str_1 = "preview_display_" + target ;
28    var str_2 = "#" + color;
29    document.getElementById(str_1).style.backgroundColor = str_2;
30    bgcolors[target] = color;
31}
32
33function set_textarea_for_color_config() {
34    var str_1 = "[color]\n"
35        + "caption = \"バックアップ\"\n"
36        + "color_0 = \"FFFFFF\"\n";
37    for (key in bgcolors) {
38        if (key.indexOf("color") == -1) {
39            continue;
40        }
41        str_1 += key + " = \"" + bgcolors[key] + "\"\n";
42    }
43    document.forms["color"].elements["copy_area"].value = str_1;
44}
45
46bgcolors = new Array();
47({foreach from=$bgcolor_scheme_names key=key item=item})
48bgcolors['({$key})'] = "({$c_config_color_list[0][$key]})";
49({/foreach})
50
51({foreach from=$c_config_color_list key=key item=item})
52function assign_color_({$key})() {
53({foreach from=$bgcolor_scheme_names key=key2 item=item2})
54    set_preset_color ("({$key2})","({$item[$key2]})");
55({/foreach})
56    set_textarea_for_color_config ();
57    return 0;
58}
59({/foreach})
60// -->
61</script>
62
63({if $msg})<p class="actionMsg">({$msg})</p>({/if})
64<h2>配色設定</h2>
65<div class="contents">
66
67<div class="sampleColors">
68<h3 class="item" id="subttl01">プリセットカラー</h3>
69<p class="caution" id="c01">※初期設定色の呼出し後必ず『色変更を確定する』を押し配色の設定を確定してください。</p>
70
71({foreach from=$c_config_color_list key=key item=item})
72<dl class="box">
73        <dt>({$item.caption|default:"&nbsp;"})</dt>
74        <dd style="background:#({$item.color_0|default:"FFFFFF"});"><p class="textBtn"><input type="button" value="この設定を呼び出す" onclick="assign_color_({$key})()" /></p></dd>
75</dl>
76({/foreach})
77
78<br class="clear" />
79
80</div>
81
82<form action="./" method="post" name="color">
83<input type="hidden" name="m" value="({$module_name})" />
84<input type="hidden" name="a" value="do_({$hash_tbl->hash('update_c_sns_config','do')})" />
85<input type="hidden" name="sessid" value="({$PHPSESSID})" />
86
87<div class="bg">
88<h3 class="item" id="subttl02">カラーコードの設定</h3>
89
90<p class="caution" id="c02">※色の指定は16進数表記で行ってください。</p>
91<p class="caution" id="c03">※色のプレビューが変更されてもそのままでは色設定は反映されません。必ず確定してください。</p>
92({if $smarty.const.OPENPNE_EDIT_COLOR_SAMPLE_URL})
93<p>各配色設定の対応一覧は<a href="({$smarty.const.OPENPNE_EDIT_COLOR_SAMPLE_URL})">こちらのページ</a>をご覧ください。</p>
94({/if})
95
96({foreach from=$bgcolor_scheme_names key=key item=item name=color_scheme})
97<dl class="box">
98        <dt>({$smarty.foreach.color_scheme.iteration}). ({$item})</dt>
99        <dd>#&nbsp;<input type="text" class="basic" name="({$key})" value="({$c_config_color_list[0][$key]})" onchange="reflect_color(this)" size="8" maxlength="6" /></dd>
100        <dd class="pre_color" style="background-color:#({$c_config_color_list[0][$key]});"><div>&nbsp;変更前&nbsp;</div></dd>
101        <dd class="color" style="background-color:#({$c_config_color_list[0][$key]});" id="preview_display_({$key})"><div>&nbsp;変更後&nbsp;</div></dd>
102</dl>
103({/foreach})
104<br class="clear" />
105</div>
106
107<p class="textBtn" id="c04"><input type="submit" value="色変更を確定する" /></p>
108
109<p id="c05">配色設定をバックアップする場合は下記の内容をコピーしてテキストファイルなどに保存してください。</p>
110
111<textarea name="copy_area" id="copy_area" rows="20" cols="60">
112[color]
113caption = "バックアップ"
114({foreach from=$bgcolor_scheme_names key=key item=item})({$key}) = "({$c_config_color_list[0][$key]})"
115({/foreach})
116</textarea>
117
118</form>
119
120</div>({*/div class="contents"*})
121
122<h2 id="ttl02">カスタムCSS追加</h2>
123<div class="contents">
124<p id="c06">標準設定されているスタイルは、ここで上書きすることもできます。</p>
125<form action="./" method="post">
126<input type="hidden" name="m" value="({$module_name})" />
127<input type="hidden" name="a" value="do_({$hash_tbl->hash('update_c_siteadmin_css','do')})" />
128<input type="hidden" name="sessid" value="({$PHPSESSID})" />
129<textarea id="customCss" name="body" cols="72" rows="20">({$inc_custom_css})</textarea>
130<p class="textBtn"><input type="submit" value="CSSを追加する" /></p>
131</form>
132
133({$inc_footer|smarty:nodefaults})
Note: See TracBrowser for help on using the repository browser.