|
28 | 28 |
|
29 | 29 | <script src="http://api.nodestorage.io/api.js"></script>
|
30 | 30 |
|
| 31 | + <link rel="stylesheet" href="http://fargo.io/code/editors/mediumeditor/dist/css/medium-editor.css"> |
| 32 | + <link rel="stylesheet" href="http://fargo.io/code/editors/mediumeditor/dist/css/themes/default.css"> |
| 33 | + <script src="http://fargo.io/code/editors/mediumeditor/dist/js/medium-editor.js"></script> |
| 34 | + |
| 35 | + <script src="http://fargo.io/code/keypress.js" /></script> |
| 36 | + |
31 | 37 | <script src="scripts.js"></script>
|
32 | 38 | <link href="styles.css" rel="stylesheet" type="text/css">
|
33 |
| - <script src="editor/scripts.js"></script> |
| 39 | + |
| 40 | + <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800' rel='stylesheet' type='text/css'> |
| 41 | + <link href='http://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic' rel='stylesheet' type='text/css'> |
| 42 | + |
34 | 43 | </head>
|
35 | 44 | <body>
|
36 | 45 | <div class="divMenubar" id="idMenubar">
|
|
43 | 52 | <div class="container">
|
44 | 53 | <a class="brand" href="/"><span id="idMenuProductName"></span></a>
|
45 | 54 | <ul class="nav" id="idMainMenuList">
|
46 |
| - |
| 55 | + <li class="dropdown" id="idPublishMenu"> |
| 56 | + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Publish <b class="caret"></b></a> |
| 57 | + <ul class="dropdown-menu"> |
| 58 | + <li><a onclick="publishButtonClick ();"><span class="menuKeystroke">Cmd-P</span>Publish...</a></li> |
| 59 | + <li><a onclick="publishAllPosts ();">Publish all...</a></li> |
| 60 | + <li class="divider"></li> |
| 61 | + <li><a onclick="viewPublishedFile ();">View story...</a></li> |
| 62 | + </ul> |
| 63 | + </li> |
47 | 64 | <li class="dropdown" id="idEditorMenu">
|
48 | 65 | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Editor <b class="caret"></b></a>
|
49 | 66 | <ul class="dropdown-menu">
|
50 |
| - <li><a onclick="viewPublishedFile ();">View published file...</a></li> |
| 67 | + <li><a onclick="newButtonClick ();">New story...</a></li> |
| 68 | + <li class="divider"></li> |
| 69 | + <li><a onclick="setBackgroundImage ();">Set background image...</a></li> |
51 | 70 | <li><a onclick="viewFeed ();">View RSS feed...</a></li>
|
52 | 71 | <li><a onclick="getPostsInJson ();">Get JSON backup...</a></li>
|
53 | 72 | <li class="divider"></li>
|
54 |
| - <li><a onclick="publishAllPosts ();">Publish all posts...</a></li> |
55 |
| - <li class="divider"></li> |
56 | 73 | <li><a onclick="switchServer ();">Switch server...</a></li>
|
57 | 74 | </ul>
|
58 | 75 | </li>
|
|
91 | 108 | </div>
|
92 | 109 | </div>
|
93 | 110 | </div>
|
94 |
| - <div class="divFileOpenDialog"> |
95 |
| - <div id="idFileOpenDialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="attEditorLabel" aria-hidden="true"> |
96 |
| - <div class="modal-body"> |
97 |
| - <div id="idWhereToDisplayFileList"> |
98 |
| - </div> |
99 |
| - </div> |
100 |
| - <div class="modal-footer"> |
101 |
| - <a href="#" class="btn btn-primary" onclick="closeFileOpenDialog ();">Close</a> |
102 |
| - </div> |
103 |
| - </div> |
104 |
| - </div> |
105 | 111 | <div class="divPrefsDialog" comment="This is the Settings dialog.">
|
106 | 112 | <div id="idPrefsDialog" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="windowTitleLabel" aria-hidden="true">
|
107 | 113 | <div class="modal-body">
|
|
110 | 116 | <div class="divTabsFromOutline">
|
111 | 117 | <div class="tabbable">
|
112 | 118 | <ul class="nav nav-tabs" data-tabs="tabs">
|
113 |
| - <li class="active" ><a href="#idYou51" data-toggle="tab">You</a></li> |
114 |
| - <li><a href="#idFeed51" data-toggle="tab">Feed</a></li> |
115 |
| - <li><a href="#idImage51" data-toggle="tab">Image</a></li> |
116 |
| - <li><a href="#idCms51" data-toggle="tab">CMS</a></li> |
| 119 | + <li class="active" ><a href="#idYou290" data-toggle="tab">You</a></li> |
| 120 | + <li><a href="#idFeed290" data-toggle="tab">Feed</a></li> |
| 121 | + <li><a href="#idImage290" data-toggle="tab">Image</a></li> |
| 122 | + <li><a href="#idCms290" data-toggle="tab">CMS</a></li> |
| 123 | + <li><a href="#idPublish290" data-toggle="tab">Publish</a></li> |
117 | 124 | </ul>
|
118 | 125 | <div id="my-tab-content" class="tab-content">
|
119 |
| - <div class="active tab-pane" id="idYou51"> |
| 126 | + <div class="active tab-pane" id="idYou290"> |
120 | 127 | <fieldset>
|
121 | 128 | <div class="divPrefs"> <div class="clearfix"> <label for="authorName">Name:</label> <div class="input"> <input class="xlarge prefsInput" id="authorName" name="authorName" size="50" type="text" value="" placeholder="Your name." /> </div> </div><div class="clearfix"> <label for="authorWebsite">Website:</label> <div class="input"> <input class="xlarge prefsInput" id="authorWebsite" name="authorWebsite" size="50" type="text" value="" placeholder="Your website." /> </div> </div> </div>
|
122 | 129 | </fieldset>
|
123 | 130 | </div>
|
124 |
| - <div class="tab-pane" id="idFeed51"> |
| 131 | + <div class="tab-pane" id="idFeed290"> |
125 | 132 | <fieldset>
|
126 | 133 | <div class="divPrefs"> <p>You can set the title, link and description for the RSS feed that Radio3 maintains.</p><div class="clearfix"> <label for="rssTitle">Title:</label> <div class="input"> <input class="xlarge prefsInput" id="rssTitle" name="rssTitle" size="50" type="text" value="" placeholder="The <title> element for the feed." /> </div> </div><div class="clearfix"> <label for="rssLink">Link:</label> <div class="input"> <input class="xlarge prefsInput" id="rssLink" name="rssLink" size="50" type="text" value="" placeholder="The <link> element for the feed." /> </div> </div><div class="clearfix"> <label for="rssDescription">Description:</label> <div class="input"> <textarea class="xxlarge" id="rssDescription" name="rssDescription" cols="70" rows="3"placeholder="The <description> element for the feed." ></textarea> </div> </div> </div>
|
127 | 134 | </fieldset>
|
128 | 135 | </div>
|
129 |
| - <div class="tab-pane" id="idImage51"> |
| 136 | + <div class="tab-pane" id="idImage290"> |
130 | 137 | <fieldset>
|
131 | 138 | <div class="divPrefs"> <div class="clearfix"> <label for="flUseDefaultImage"></label> <div class="input"> <input type="checkbox" name="flUseDefaultImage" value=xxx> Use default image if no image is specified. </div> </div><div class="clearfix"> <label for="defaultImageUrl">URL:</label> <div class="input"> <input class="xlarge prefsInput" id="defaultImageUrl" name="defaultImageUrl" size="50" type="text" value="" placeholder="We'll use this image for essays where no image is specified." /> </div> </div> </div>
|
132 | 139 | </fieldset>
|
133 | 140 | </div>
|
134 |
| - <div class="tab-pane" id="idCms51"> |
| 141 | + <div class="tab-pane" id="idCms290"> |
135 | 142 | <fieldset>
|
136 | 143 | <div class="divPrefs"> <div class="clearfix"> <label for="nameDefaultTemplate">Template name:</label> <div class="input"> <input class="xlarge prefsInput" id="nameDefaultTemplate" name="nameDefaultTemplate" size="50" type="text" value="" placeholder="The name of the template to use for new essays." /> </div> </div><div class="clearfix"> <label for="flDisqusComments"></label> <div class="input"> <input type="checkbox" name="flDisqusComments" value=xxx> Include Disqus comments on your pages? </div> </div><div class="clearfix"> <label for="disqusGroupName">Group name:</label> <div class="input"> <input class="xlarge prefsInput" id="disqusGroupName" name="disqusGroupName" size="50" type="text" value="" placeholder="The name of your Disqus comment group." /> </div> </div> </div>
|
137 | 144 | </fieldset>
|
138 | 145 | </div>
|
| 146 | + <div class="tab-pane" id="idPublish290"> |
| 147 | + <fieldset> |
| 148 | + <div class="divPrefs"> <div class="clearfix"> <label for="flMarkdownProcess"></label> <div class="input"> <input type="checkbox" name="flMarkdownProcess" value=xxx> Use the Markdown processor. </div> </div><div class="clearfix"> <label for="flAutoPublish"></label> <div class="input"> <input type="checkbox" name="flAutoPublish" value=xxx> Automatically publish the current story when it's saved. </div> </div> </div> |
| 149 | + </fieldset> |
| 150 | + </div> |
| 151 | + </div> |
| 152 | + </div> |
139 | 153 | </div>
|
140 |
| - </div> |
141 |
| - </div> |
142 | 154 |
|
143 | 155 | </form>
|
144 | 156 |
|
|
152 | 164 | </div>
|
153 | 165 | <div class="divPageBody">
|
154 | 166 | <div class="divWholePageMessage" id="idEditor" style="display: none;">
|
155 |
| - <form class="form-horizontal"> |
156 |
| - <div class="control-group"> |
157 |
| - <label class="control-label" for="idTitle">Title:</label> |
158 |
| - <div class="controls"> |
159 |
| - <input type="text" id="idTitle" class="myInputItem" placeholder="Appears in the title area of the page."> |
160 |
| - </div> |
161 |
| - </div> |
162 |
| - <div class="control-group"> |
163 |
| - <label class="control-label" for="idDescription">Description:</label> |
164 |
| - <div class="controls"> |
165 |
| - <textarea class="myDescriptionArea" id="idDescription" placeholder="Appears in smaller type below the title."></textarea> |
166 |
| - </div> |
167 |
| - </div> |
168 |
| - <div class="control-group"> |
169 |
| - <label class="control-label" for="idImageUrl">Image URL:</label> |
170 |
| - <div class="controls"> |
171 |
| - <div class="divTemplateMenu" id="idTemplateMenu"> |
172 |
| - <select id="idTemplateSelect" onchange="templateMenuSelect ();"> |
173 |
| - </select> |
174 |
| - </div> |
175 |
| - <input type="text" id="idImageUrl" class="xlarge myInputItem imageUrlItem" placeholder="Background image of the title area of the page."> |
176 |
| - </div> |
177 |
| - </div> |
178 |
| - <div class="control-group"> |
179 |
| - <label class="control-label" for="idTextArea">Body:</label> |
180 |
| - <div class="controls"> |
181 |
| - <div class="divEditorContainer" id="idEditorContainer"> |
182 |
| - </div> |
183 |
| - |
184 |
| - <button id="idNewButton" class="btn btn-large btnNew" type="button" onclick="newButtonClick ();">New</button> |
185 |
| - <button id="idPublishButton" class="btn btn-large btnPublish" type="button" onclick="publishButtonClick ();">Publish</button> |
186 |
| - |
187 |
| - <div class="divPublishedUrl" id="idPublishedUrl"> |
188 |
| - </div> |
189 |
| - </div> |
190 |
| - </div> |
191 |
| - </form> |
| 167 | + <div class="divTitleEditor" id="idTitleEditor"> |
| 168 | + </div> |
| 169 | + <div class="divDescriptionEditor" id="idDescriptionEditor"> |
| 170 | + </div> |
| 171 | + <div class="divBodyEditor" id="idBodyEditor"> |
| 172 | + </div> |
192 | 173 | </div>
|
193 | 174 | <div class="divWholePageMessage" id="idLogonMessage" style="display: none;">
|
194 | 175 | <div class="divLogonMessage">
|
|
0 commit comments