source: trunk/skins/lemill/lemill_content_add.pt @ 407

Revision 407, 5.3 KB checked in by hans, 13 years ago (diff)

Added some guidelines about pieces

Line 
1<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
2lang="en"
3metal:use-macro="here/form_template/macros/master"
4i18n:domain="plone">
5<head>
6<span metal:fill-slot="javascript_head_slot" tal:omit-tag="">
7<script>
8var isNav4, isNav6, isIE4;
9if (navigator.appVersion.charAt(0) == "4"){
10    if (navigator.appName.indexOf("Explorer") >= 0){
11        isIE4 = true;
12    }
13    else{
14        isNav4 = true;
15    }
16}
17else if (navigator.appVersion.charAt(0) > "4"){
18    isNav6 = true;
19}
20
21function setIdProperty( id, property, value ){
22    if (isNav6){
23        var styleObject = document.getElementById( id );
24        if (styleObject != null){
25            styleObject = styleObject.style;
26            styleObject[ property ] = value;
27        }
28    }
29    else if (isNav4){
30        document[id][property] = value;
31    }
32    else if (isIE4){
33        document.all[id].style[property] = value;
34    }
35}
36
37function getIdProperty( id, property )
38{
39    if (isNav6)
40    {
41        var styleObject = document.getElementById( id );
42        if (styleObject != null)
43        {
44            styleObject = styleObject.style;
45            if (styleObject[property])
46            {
47                return styleObject[ property ];
48            }
49        }
50        styleObject = getStyleBySelector( "#" + id );
51        return (styleObject != null) ?
52            styleObject[property] :
53            null;
54    }
55    else if (isNav4)
56    {
57        return document[id][property];
58    }
59    else
60    {
61        return document.all[id].style[property];
62    }
63}
64
65function getStyleBySelector( selector )
66{
67    if (!isNav6)
68    {
69        return null;
70    }
71    var sheetList = document.styleSheets;
72    var ruleList;
73    var i, j;
74
75    /* look through stylesheets in reverse order that
76       they appear in the document */
77    for (i=sheetList.length-1; i >= 0; i--)
78    {
79        ruleList = sheetList[i].cssRules;
80        for (j=0; j<ruleList.length; j++)
81        {
82            if (ruleList[j].type == CSSRule.STYLE_RULE &&
83                    ruleList[j].selectorText == selector)
84            {
85                return ruleList[j].style;
86            }
87        }
88    }
89    return null;
90}
91
92
93function next(id){
94    steps=['selection'];
95    for (i=0; i<steps.length; i=i+1){
96        setIdProperty(steps[i], "display", "none");
97    }
98    setIdProperty(id, "display", "block");
99}
100
101</script>
102        </span>
103    </head>
104    <body>
105
106        <div metal:fill-slot="main" style="width:100%">
107            <div id="selection">
108           
109            <h1>Step 1: What would you like to do?</h1>
110           
111            <p>You can upload pieces from your computer or use our authoring templates to
112            create learning material online.</p>
113           
114            <ul>
115                <li><a href="javascript:next('upload')">Add piece from your computer</a></li>
116                <li><a href="lemill_choose_template">Create learning material with templates</a></li>
117            </ul>
118
119            <p>Feel a little bit lost? You can <a href="../content">go back</a> to the previous page.</p>
120
121            </div>
122            <div id="upload" style="display:none">
123                <h1>Step 2: Add piece from your computer</h1>
124               
125                <p>Pieces are images, sound or movies that can be used in learning materials. Do not upload copyrighted work from others
126                or content that does not have an educational value.</p>
127               
128                <form action="" method="post" tal:attributes="action string:${here/absolute_url}/uploadIt;" enctype="multipart/form-data">
129                    <div class="field">                         <label for="user_title">Title</label>
130                        <div class="formHelp"></div>
131                        <input type="text" name="user_title" id="user_title" size="40" />
132                    </div>
133                    <div class="field">
134                        <label for="file">Choose a file</label>
135                        <div class="formHelp">Allowed file types: .jpeg, .gif, .png, .mp3, .mp4 .mov .mpg .3gp .mpeg .wmv .avi, .swf</div>
136                        <input type="file" name="file" size="40" />
137                    </div>
138                    <div class="formControls">                         <input class="context"
139                        tabindex=""
140                        type="submit"
141                        value="Save"
142                        id="save"
143                        name="save"
144                        i18n:attributes="value label_save;"
145                        tal:attributes="tabindex tabindex/next;" />
146                    </div>
147                </form>
148            </div>
149            <tal:step_old_one condition="python:1!=1">
150            <table width="100%" border="0" cellpadding="0" cellspacing="0" class="lemilltableView">
151                <tr>
152                    <td colspan="2" style="padding:2px;">
153                        <div class="lemilltoBold">Add new content</div>
154                    </td>
155                </tr>
156                <tr align="center">
157                    <td style="padding:15px;"><a href="createObject?type_name=Piece"><img src="" tal:replace="structure here/add_piece.gif" /></a></td>
158                    <td><a href="createObject?type_name=Material"><img src="" tal:replace="structure here/add_material.gif" /></a></td>
159                </tr>
160            </table>
161            </tal:step_old_one>
162        </div>
163
164    </body>
165</html>
166
Note: See TracBrowser for help on using the repository browser.