Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/app/templates/help.html
blob: b7043ef25a333273fd3874c782cb862faca987f8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
          xmlns:py="http://genshi.edgewall.org/">
<head>
	<meta charset="UTF-8" />
	<title></title>
    <link rel="stylesheet" href="/static/css/main.css" type="text/css" />
    <link rel="stylesheet" href="/static/css/sugar-theme/jquery-ui-1.8.16.sugar.css" />
    <script src="/static/js/jquery-1.6.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery-ui-1.8.16.sugar.min.js" type="text/javascript"></script>
    <script src="/static/js/jquery.corner.js" type="text/javascript"></script>
    <script src="/static/js/websdk-1.js" type="text/javascript"></script>
</head>
<body>
${get_flashed_messages()}
    <div style="margin:0;padding-left:20px;padding-right:20px;margin-top:10px" id="content" class="bling">
    <section>
        <div id="tabs">
    		<ul>
                <li py:if="project_name != 'None'"><a href="#tabs-0">${project_name} Activity</a></li>
                <li><a href="#tabs-1">Projects</a></li>
				<li><a href="#tabs-2">Framework Documentation</a></li>
				<li><a href="#tabs-3">Widgets Showcase</a></li>
				<li><a href="#tabs-4">MYOSA</a></li>
			</ul>
            <div py:if="project_name != 'None'" id="tabs-0" style="height:280px">
                <div style="text-align:right;">
                <p>You are constructing <strong>$project_name Activity</strong>.</p>
                <p py:if="edit_history==[]"><strong>Warning:</strong> If you modify Sugar Activities they may stop to work!
                <br/>Consult the documentation for more information.
                </p>
                <p py:if="edit_history!=[]">
                These are the most recently edited files:</p>
                <div id="filer">
                    <ul>
                    <li py:for="file in edit_history">
                    <a py:if="file.mode != 'dir'" target="frame1" href="${file.href}" class="file"
                    style="float:right">
                    <img src="/static/icons/${file.icon}" style="border:none;"/>
                    <br/>${file.name}
                    </a>
                    </li>
                    </ul>
                </div>
                </div>
            </div>
            <div id="tabs-1" style="height:280px">
                <div style="text-align:right;">
                <div class="rounded" style="background-color:white;float:left; padding: 35px;">
                <img src="/static/images/activity-websdk.stroke.png" /></div>
    			<p>You can build or modify Sugar Activities!</p>
                <p>You may start a new project:</p>
                <form target="_top" action="/chdir" method="POST">
                <input class="rounded" style="height:22px;background-color:white;" name="newproject" type="text" />
                <p>or open an existing project:</p>
                <select style="color:white;" name="oldproject">
                <option value="">(select one)</option>
                <option py:for="activity in activities" value="$activity">${activity}</option>
                </select>
                <br /><br />
                <input type="submit" value="Ok" />
                </form>
                </div>
            </div>
			<div id="tabs-2" style="height:280px">    		
            <iframe width="100%" height="280" src="/static/doc/flask-docs/quickstart.html#quickstart" />
            </div>
			<div id="tabs-3" style="height:280px">
            <iframe width="100%" height="280" src="/static/doc/sugar-theme.html" />
            </div>
			<div id="tabs-4" style="height:280px">
            <iframe width="100%" height="280" src="/static/doc/myosa/ch000_table_of_contents.xhtml" />
            </div>
		</div>
	</section>
    </div>
    <script>
    document.ready = function() {
        $('#content').fadeIn(700);
        $('.rounded').corner("15px");
        $('#filer-header').corner("15px");
        $("#filer").show("slow");
        $('.file').corner("15px");
        $('.bling').show("slow");
        /* if ($.browser.mozilla) {
            $('#filer img').hide(); 
            $('#filer span').show(); 
        } This was SVG workaround but is broken in older 
        gecko anyway*/ 
        $('#beta').delay(1500).fadeIn("slow");
        $("#tabs").tabs({ header: "h3" });
        }
    </script>
</body>
</html>