Web · Wiki · Activities · Blog · Lists · Chat · Meeting · Bugs · Git · Translate · Archive · People · Donate

Commit d37af74b9e56d30044b45913afb21a86c9ad2b79

UI Tweaks
app/app.py
(3 / 3)
  
100100 #session['edit_history']=[]
101101 if os.path.isdir('app'):
102102 session['pwd']=session['project_home_dir']='app'
103 session['project_home']='/edit/app/app.py'
104 elif os.path.isfile('activity.py'):
105 session['project_home']='/edit/activity.py'
103 #session['project_home']='/edit/app/app.py'
104 #elif os.path.isfile('activity.py'):
105 #session['project_home']='/edit/activity.py'
106106 return vsplit(frame1=session['project_home'],
107107 frame2='/files/%s' % session['pwd'])
108108
  
8080 </p>
8181
8282 <p style="font-weight: bold; margin: 2em 0 1em; font-size: 1.3em;">AVAILABLE COMPONENTS:</p>
83
83
84 <!-- Tabs -->
85 <h2 class="demoHeaders">Tabs</h2>
86 <div id="tabs">
87 <ul>
88 <li><a href="#tabs-1">First</a></li>
89 <li><a href="#tabs-2">Second</a></li>
90 <li><a href="#tabs-3">Third</a></li>
91 </ul>
92 <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
93 <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
94 <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
95 </div>
96
97 <!-- Slider -->
98 <h2 class="demoHeaders">Slider</h2>
99 <div id="slider"></div>
100
101 <!-- Datepicker -->
102 <h2 class="demoHeaders">Datepicker</h2>
103 <div id="datepicker"></div>
104
105 <!-- Progressbar -->
106 <h2 class="demoHeaders">Progressbar</h2>
107 <div id="progressbar"></div>
108
109
84110 <!-- Accordion -->
85111 <h2 class="demoHeaders">Accordion</h2>
86112 <div id="accordion">
124124 </div>
125125 </div>
126126
127 <!-- Tabs -->
128 <h2 class="demoHeaders">Tabs</h2>
129 <div id="tabs">
130 <ul>
131 <li><a href="#tabs-1">First</a></li>
132 <li><a href="#tabs-2">Second</a></li>
133 <li><a href="#tabs-3">Third</a></li>
134 </ul>
135 <div id="tabs-1">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
136 <div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
137 <div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
138 </div>
139
140127 <!-- Dialog NOTE: Dialog is not generated by UI in this demo so it can be visually styled in themeroller-->
141128 <h2 class="demoHeaders">Dialog</h2>
142129 <p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Open Dialog</a></p>
347347 <li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
348348 <li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
349349 </ul>
350
351
352 <!-- Slider -->
353 <h2 class="demoHeaders">Slider</h2>
354 <div id="slider"></div>
355
356 <!-- Datepicker -->
357 <h2 class="demoHeaders">Datepicker</h2>
358 <div id="datepicker"></div>
359
360 <!-- Progressbar -->
361 <h2 class="demoHeaders">Progressbar</h2>
362 <div id="progressbar"></div>
363350
364351 <!-- Highlight / Error -->
365352 <h2 class="demoHeaders">Highlight / Error</h2>
  
6666document.ready = function() {
6767 var aceEditor = ace.edit("editor");
6868 aceEditor.setTheme("ace/theme/twilight");
69 document.getElementById('editor').style.fontSize='14pt';
69 document.getElementById('editor').style.fontSize='16px';
7070 aceEditor.getSession().setUseSoftTabs(true);
7171 // we can assume we're on unix
7272 aceEditor.getSession().setNewLineMode("unix");
  
1515${get_flashed_messages()}
1616 <div style="margin:0;padding-left:20px;padding-right:20px;margin-top:10px" id="content" class="bling">
1717 <section>
18 <div id="tabs">
18 <div id="tabs" style="height:280px">
1919 <ul>
2020 <li py:if="project_name != 'None'"><a href="#tabs-0">${project_name} Activity</a></li>
2121 <li><a href="#tabs-1">Projects</a></li>
22 <li><a href="#tabs-2">Framework Documentation</a></li>
23 <li><a href="#tabs-3">Widgets Showcase</a></li>
24 <li><a href="#tabs-4">MYOSA</a></li>
22 <li><a href="#tabs-2">Web Framework</a></li>
23 <li><a href="#tabs-3">Widgets</a></li>
24 <li><a href="#tabs-4">Sugar</a></li>
2525 </ul>
26 <div py:if="project_name != 'None'" id="tabs-0" style="height:280px">
26 <div py:if="project_name != 'None'" id="tabs-0">
2727 <div style="text-align:right;">
2828 <p>You are constructing <strong>$project_name Activity</strong>.</p>
2929 <p py:if="edit_history==[]"><strong>Warning:</strong> If you modify Sugar Activities they may stop to work!
4444 </div>
4545 </div>
4646 </div>
47 <div id="tabs-1" style="height:280px">
47 <div id="tabs-1">
4848 <div style="text-align:right;">
4949 <div class="rounded" style="background-color:white;float:left; padding: 35px;">
5050 <img src="/static/images/activity-websdk.stroke.png" /></div>
6262 </form>
6363 </div>
6464 </div>
65 <div id="tabs-2" style="height:280px">
65 <div id="tabs-2">
6666 <iframe width="100%" height="280" src="/static/doc/flask-docs/quickstart.html#quickstart" />
6767 </div>
68 <div id="tabs-3" style="height:280px">
68 <div id="tabs-3">
6969 <iframe width="100%" height="280" src="/static/doc/sugar-theme.html" />
7070 </div>
71 <div id="tabs-4" style="height:280px">
71 <div id="tabs-4">
7272 <iframe width="100%" height="280" src="/static/doc/myosa/ch000_table_of_contents.xhtml" />
7373 </div>
7474 </div>
8989 gecko anyway*/
9090 $('#beta').delay(1500).fadeIn("slow");
9191 $("#tabs").tabs({ header: "h3" });
92 }
92 /* $('#tabs').css("height", ((155 - $(window).height() + $(window).scrollTop() + "px"))); */
93 $('#tabs').css("height", $(window).height()-30+"px");
94 }
9395 </script>
9496</body>
9597</html>