add some support for customizing product options
[bse.git] / site / templates / admin / edit_prodopts.tmpl
1 <:wrap admin/base.tmpl title=>[cat "Options for product: " [article title]], showtitle=>1, menuitem=>prodopts, js=>"admin_prodopts.js":>
2 <:ifMessage:><div id="message"><:message:></div><:or:><:eif:>
3 <:include admin/product_menu.tmpl:>
4
5 <:.define dboption_move:>
6 <:# parameters: loop -:>
7 <:.set baseurl = "/cgi-bin/admin/add.pl?id=" _ article.id _ "&option_id=" _ loop.current.id _ "&_csrfp=" _ request.get_csrf_token("admin_move_option") _ "&_t=" _ cgi.param("_t") _ "&" :>
8 <:.set upurl = loop.is_first ? "" : baseurl _ "a_option_moveup=1" :>
9 <:.set downurl = loop.is_last ? "" : baseurl _ "a_option_movedown=1" :>
10 <span id="prodoptmove<:= loop.current.id :>"><:.call "make_arrows", down_url: downurl, up_url: upurl :></span>
11 <:.end define :>
12
13 <:.define dboptionvalue_move:>
14 <:# parameters: loop -:>
15 <:.set baseurl = "/cgi-bin/admin/add.pl?id=" _ article.id _ "&value_id=" _ loop.current.id _ "&_csrfp=" _ request.get_csrf_token("admin_move_option_value") _ "&_t=" _ cgi.param("_t") _ "&" :>
16 <:.set upurl = loop.is_first ? "" : baseurl _ "a_option_value_moveup=1" :>
17 <:.set downurl = loop.is_last ? "" : baseurl _ "a_option_value_movedown=1" :>
18 <span id="prodoptvaluemove<:= loop.current.id :>"><:.call "make_arrows", down_url: downurl, up_url: upurl :></span>
19 <:.end define :>
20
21 <:.define addform_value_entry:>
22 <div class="valueentry<:= index mod 2 == 0 ? "" : " odd":>">
23   <span><input type="text" name="value<:= index :>" value="<:= cgi.param("value" _ index) :>" maxlength="255" class="editor_field" title="Enter some values here" /></span>
24   <span><input type="radio" name="default" value="value<:= index :>"></span>
25   <span><:.call "error_img", field: "value" _ index:></span>
26 </div>
27 <:.end define:>
28 <:.define addform_value_head:>
29 <div class="valueentry"><span>Values</span><span>Default</span></div>
30 <:.end define:>
31 <:.define value_entry_menu :>
32 <:.if request.user_can("bse_edit_prodopt_edit", article):>
33 <div class="valueentrymenu">
34 <a href="<:script:>?id=<:= product.id:>&amp;value_id=<:= dboptionvalue.id:>&amp;a_edit_option_value=1">Edit</a>
35 <a href="<:script:>?id=<:= product.id:>&amp;value_id=<:= dboptionvalue.id:>&amp;a_confdel_option_value=1">Delete</a>
36 <:.call "dboptionvalue_move":>
37 <:.end if :>
38 </div>
39 <:.end define :>
40 <:.define value_entry:>
41 <div id="valentry<:= dboptionvalue.id:>" class="valueentry<:= loop.index mod 2 == 1 ? " odd" : "":>">
42 <span id="prodoptvalue<:= dboptionvalue.id:>"><:= dboptionvalue.value:></span>
43 <:.if dboptionvalue.id == dboption.default_value:>(default)<:.end if:>
44 <:.call "value_entry_menu":>
45 </div>
46 <:.end define:>
47 <:include admin/edit_prodopt_custom.tmpl optional:>
48
49 <:.set dboptions = [ product.db_options ] :>
50 <:.if dboptions.size:>
51 <h2>Product options</h2>
52 <:.if request.user_can("bse_edit_prodopt_move", article) :>
53 <div id="prodoptmenu">All options:
54 <a id="sortoptions" href="<:script:>?a_option_reorder=1&amp;_t=prodopts&amp;id=<:= article.id:>&amp;_csrfp=<:csrfp admin_move_option:>&amp;option_ids=<:= dboptions.sort(@{a,b: a.lc cmp b.lc }).map(@{o: o.id }).join(",") :>">Sort</a>
55 <a id="reverseoptions" href="<:script:>?a_option_reorder=1&amp;_t=prodopts&amp;id=<:article id:>&amp;_csrfp=<:csrfp admin_move_option:>&amp;option_ids=<:= dboptions.reverse.map(@{o: o.id}).join(","):>">Reverse</a>
56 <img src="/images/admin/busy.gif" id="busy_img" style="visibility: hidden" alt="busy" />
57 </div>
58 <:.end if :>
59 <div id="productoptions" <:.if request.user_can("bse_edit_prodopt_move", article):>class="moveable"<:.end if:>>
60 <:.for dboption in dboptions :>
61 <:.set dboloop = loop :>
62 <div id="prodopt<:= dboption.id:>" class="prodopt">
63 <div id="prodoptmenu<:= dboption.id:>" class="prodoptmenu">Option:<span id="prodoptname<:= dboption.id:>"><:= dboption.name:></span>
64 <div class="prodoptmenuoptions">
65 <:.if request.user_can("bse_edit_prodopt_edit", article) :>
66 <a id="editoption<:= dboption.id:>" href="<:script:>?id=<:= article.id:>&amp;a_edit_option=1&amp;option_id=<:= dboption.id:>">Edit</a>
67 <a href="<:script:>?id=<:= article.id:>&amp;a_delconf_option=1&amp;option_id=<:= dboption.id:>">Delete</a>
68 <a id="sortvals<:= dboption.id:>" href="<:script:>?id=<:article id:>&amp;a_option_value_reorder=1&amp;option_id=<:= dboption.id:>&amp;_csrfp=<:csrfp admin_move_option_value:>&amp;_t=prodopts&amp;value_ids=<:= dboptions.sort(@{a,b: a.lc cmp b.lc }).map(@{o: o.id }).join(",") :>">Sort</a>
69 <a id="reversevals<:= dboption.id:>" href="<:script:>?id=<:= article.id:>&amp;a_option_value_reorder=1&amp;option_id=<:= dboption.id:>&amp;_csrfp=<:csrfp admin_move_option_value:>&amp;_t=prodopts&amp;value_ids=<:= dboptions.reverse.map(@{o: o.id}).join(",") :>">Reverse</a>
70 <:.end if :>
71 <:.if request.user_can("bse_edit_prodopt_move", article) :><:.call "dboption_move", loop: dboloop:><:.end if:>
72 </div>
73 </div>
74 <div id="vallist<:= dboption.id:>" class="prodoptvalues">
75 <:.for dboptionvalue in [ dboption.values ] :>
76 <:.set dbovloop = loop :>
77 <:.call "value_entry", "loop":dbovloop:>
78 <:.end for :>
79 </div>
80 <:.if request.user_can("bse_edit_prodopt_edit", article) :>
81 <div class="addvalueform">
82 <form action="<:script:>" method="post" id="valform<:= dboption.id:>" class="addvalue"><input type="hidden" name="id" value="<:= article.id:>" /><input type="hidden" name="option_id" value="<:= dboption.id:>" /><input type="hidden" name="_t" value="prodopts" /><:csrfp admin_add_option_value hidden:><input type="text" name="value"  class="add_field" /><input type="submit" name="a_add_option_value" value="Add Value" class="add_submit" /></form>
83 </div>
84 <:.end if :>
85 </div>
86 <:.end for :>
87 </div>
88 <:.end if:>
89 <:.if request.user_can("bse_edit_prodopt_add", article) :>
90 <div id="addoptionform" class="prodopt">
91 <form action="<:script:>" method="post">
92 <:csrfp admin_add_option hidden:>
93 <input type="hidden" name="_t" value="prodopts" />
94 <input type="hidden" name="id" value="<:= article.id:>" />
95 <div class="prodoptmenu">Option: <input type="text" name="name" value="<:= cgi.param("name") :>" maxlength="255" class="editor_field" title="Enter the name of your new option here" /><:.call "error_img", field: "name":><input type="submit" name="a_add_option" value="Add New Option" class="editor_ok_button" /></div>
96 <div class="prodoptvalues">
97 <:.call "addform_value_head":>
98 <:.for index in [ 1 .. 5 ] :>
99 <:.call "addform_value_entry" :>
100 <:.end for:>
101 </div>
102 </form>
103 </div>
104 <div id="addoptionbutton" style="display: none">
105 <a href="#" onclick="javascript: document.getElementById('addoptionform').style.display='block'; return false;">Add an option</a>
106 </div>
107 <:.end if :>
108 <script type="text/javascript">
109
110 var prodopts = <:= bse.json(dboptions.map(@{o: o.data_only })) |raw:>;
111 var reorder_values_csrf = '<:csrfp admin_move_option_value:>';
112 var reorder_options_csrf = '<:csrfp admin_move_option:>';
113 var edit_option_csrf = '<:csrfp admin_save_option:>';
114 var edit_value_csrf = '<:csrfp admin_save_option_value:>';
115 var article_id = "<:= article.id:>";
116 var edit_script = "<:script:>";
117
118 var user_can_edit_option = <:= request.user_can("bse_edit_prodopt_edit", article) ? "true" : "false":>;
119 var user_can_delete_option = <:= request.user_can("bse_edit_prodopt_delete", article) ? "true" : "false" :>;
120 var user_can_move_option = <:= request.user_can("bse_edit_prodopt_move", article) ? "true" : "false" :>;
121
122 var show_add_form = <:= cgi.param("a_add_option") ? "true" : "false" :>;
123
124 </script>