Location: PHPKode > projects > Travelog > cliftonc-travelog-20c8822/editor.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      A Metaphorical Deep Breath - Admin
    </title><!-- JQuery Imports -->
    <script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js">
</script>
	<script type="text/javascript" src="js/jquery/jquery.blockui.js">
	</script>
    <script type="text/javascript" src="js/jquery/jquery.layout.min-1.2.0.js">
</script>
    <script type="text/javascript" src="js/jquery/jquery-ui-1.8.custom.min.js">
</script>
    <script type="text/javascript" src="js/jquery/jwysiwyg/jquery.wysiwyg.js">
</script>
		<script src="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.js" type="text/javascript"></script>
		<script src="js/jquery/jquery.pwi/js/jquery.pwi.js" type="text/javascript"></script>
	<script type="text/javascript" src=
    "http://maps.google.co.uk/maps?file=api&amp;v=2&amp;key=ABQIAAAAtN4hECGudqg6epgOA2ksuBRTuAA4jwnjEFdxJeOOthBDmzmzlBR2rYXU8_Qw4xI1UGWOcyhsHIuRKQ">
</script><!-- Local Application Javascript -->
    <script type="text/javascript" src="js/app/mdb.util.js">
</script>
    <script type="text/javascript" src="js/app/mdb.layout.js">
</script>
    <script type="text/javascript" src="js/app/mdb.map.js">
</script>
    <script type="text/javascript" src="js/app/mdb.locations.js">
</script>
    <script type="text/javascript" src="js/app/mdb.routes.js">
</script>
    <script type="text/javascript" src="js/app/mdb.journals.js">
</script>
    <script type="text/javascript" src="js/app/mdb.trips.js">
</script>
<!-- Style Sheets -->
    <link rel="stylesheet" type="text/css" href="css/main.css" />
	<link   href="js/jquery/jquery.pwi/css/pwi.css" rel="stylesheet" type="text/css"/>
	<link   href="js/jquery/jquery.pwi/js/jquery.slimbox2/jquery.slimbox2.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.custom.css" />
	<link rel="stylesheet" type="text/css" href="js/jquery/jwysiwyg/jquery.wysiwyg.css" />
    <script type="text/javascript">
//<![CDATA[
    $(document).ready(function(){
        $.initialiseUtils();
		$.blockUI({message: 'Loading ...',css: blockUI_progress});
		$.layoutUI();
        $.initialiseMap();
		$.initialiseTrips();
		$.unblockUI();
    });
    //]]>
    </script>
    <style type="text/css">
/*<![CDATA[*/
    div.c3 {display:none;}
    img.c2 {height: 20px; border: 0; margin-bottom: -5px;}
    div.c1 {height: 35px; padding-top: 10px; padding-left: 10px;font-size: 15px; font-weight: bold;}
    /*]]>*/
    </style>
  </head>
  <body>
    <div class="ui-layout-north c1">
		<div class="upper-left-nav">
      	A Metaphorical Deep Breath<br />
      	Trip Planner
		</div>
		<div class="upper-right-nav">
			Trip:&nbsp;<select id="trip-select" class="trip-select">	
			</select>
		</div>
    </div>
    <div class="ui-layout-center ui_tabs" id="center-tabs">
      <ul>
        <li>
          <a href="#map">Map</a>
        </li>
        <li>
          <a href="#list">Location List</a>
        </li>
        <li>
          <a href="#directions">Directions</a>
        </li>
		<li>
          <a href="#journal_view">Journal Entry</a>
        </li>
      </ul>
      <div id="map"></div>
      <div id="directions"></div>
      <div id="list"></div>
	  <div id="journal_view">

				<div id="journal_view_name"> </div>
				<div id="journal_view_posted"> </div>
				<div id="photo_container"> </div>
				<div id="journal_map"> </div>
				<div id="journal_view_journal"> </div>

	  </div>
    </div>
    <div class="ui-layout-west ui_tabs" id="east-tabs">
      <ul>
        <li>
          <a href="#east-tabs-1" title='Locations'><img src=
          'http://google-maps-icons.googlecode.com/files/home.png' class="c2" alt="Image" /></a>
        </li>
        <li>
          <a href="#east-tabs-2" title='Routes'><img src=
          'http://google-maps-icons.googlecode.com/files/right.png' class="c2" alt="Image" /></a>
        </li>
		 <li>
          <a href="#east-tabs-4" title='Journal'><img src=
          'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" /></a>
        </li>
        <li>
          <a href="#east-tabs-3" title='Admin'><img src=
          'http://google-maps-icons.googlecode.com/files/mine.png' class="c2" alt="Image" /></a>
        </li>
      </ul>
      <div id="east-tabs-1">
        <button id="show-form-add-point"><img src=
        'http://google-maps-icons.googlecode.com/files/home.png' class="c2" alt="Image" />Add
        Location</button><br/><br/>
		<select id="select-location-type">
          <option selected="selected">
            All
          </option>
          <option>
            Accomodation
          </option>
          <option>
            Booked
          </option>
          <option>
            Restaurant
          </option>
          <option>
            Camping
          </option>
          <option>
            POI
          </option>
        </select>
		
        <ul class='list' id="location_list"></ul>
      </div>
      <div id="east-tabs-2">
	  <button id="show-form-add-route"><img src=
        'http://google-maps-icons.googlecode.com/files/right.png' class="c2" alt="Image" />Add
        Route</button>
        <ul class='list' id="route_list"></ul>
      </div>
      <div id="east-tabs-3">
        <ul class='list' id="util_list">
          <li id='showall'>Zoom to Bounds</li>
		  <li id='show-form-manage-trips'>Manage Trips</li>
        </ul>
      </div>
      <div id="east-tabs-4">
	  <button id="show-form-add-journal"><img src=
        'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" />Add
        Journal</button>
        <ul class='list' id="journal_list"></ul>
      </div>
	  </div>
	<!--- Forms -->
    <div id="form-add-point">
      <form id="add-point" action="location/save" method="post" name="add-point">
        <input type="hidden" name="location_id" value="" id="location_id" />
        <div class="error c3"></div>
        <div class="input">
          <label for="name">Location Name</label> <input type="text" name="name" id="name" value=
          "" />
        </div>
        <div class="input">
          <label for="address">Address</label> <input type="text" name="address" id="address"
          value="" />
        </div>
        <div class="input">
          <label for="url">URL</label> <input type="text" name="url" id="url" value="" />
        </div>
        <div class="input">
          <label for="phone">Phone No</label> <input type="text" name="phone" id="phone" value=
          "" />
        </div>
        <div class="input">
          <label for="type">Type</label> <select class="type_select" name="type" id="type">
            <option selected="selected">
              Accomodation
            </option>
            <option>
              Booked
            </option>
            <option>
              Restaurant
            </option>
            <option>
              Camping
            </option>
            <option>
              POI
            </option>
          </select>
        </div>
      </form>
    </div>
    <div id="form-add-route">
      <form id="add-route" action="route/save" method="post" name="add-route">
        <input type="hidden" name="route_id" value="" id="route_id" />
        <div class="error c3"></div>
        <div class="input">
          <label for="description">Description</label> <input type="text" name="description" id=
          "description" value="" />
        </div>
        <div class="input">
          <label for="start_location_id">Start</label> <select class="location_select" name=
          "start_location_id" id="start_location_id">
            </select>
        </div>
        <div class="input">
          <label for="end_location_id">End</label> <select class="location_select" name=
          "end_location_id" id="end_location_id">
            </select>
        </div>
      </form>
    </div>
	<!--- Forms -->
    <div id="form-add-journal">
      <form id="add-journal" action="journal/save" method="post" name="add-journal">
        <input type="hidden" name="journal_id" value="" id="journal_id" />
		<table style="width: 100%; ">
			<tr>
				<td style="width: 45%; padding-right: 10px;">
					<div class="input">
					  <label for="name">Journal Name</label> <input type="text" name="name" id="name" value="" />
					</div>
				</td>
				<td style="width: 45%">
					<div class="input">
					  <label for="album">Picassa Album</label> <input type="text" name="album" id="album" value="" />
					</div>
				</td>
			</tr>
				<td style="width: 45%; padding-right: 10px;">
					<div class="input">
					  <label for="journal_type">Link To:</label> <select class="journal_type_select" name="journal_type" id="journal_type">
							<option value="Location" SELECTED>Location</option>
							<option value="Route">Route</option>
						</select>
					</div>
				</td>
				<td>
					<div class="input" id="journal_location_select">
					  <label for="location_id">Location</label> <select class="location_select" name="location_id" id="location_id">
						</select>
					</div>
					<div class="input" id="journal_route_select">
					  <label for="route_id">Route</label> <select class="route_select" name="route_id" id="route_id">
						</select>
					</div>
				</td>
			</tr>
			</tr>
				<td colspan="2" >
					<div class="input">
					  <label for="journal">Journal</label><textarea class="journal_editor" id="journal"></textarea>
					</div>
				</td>
			</tr>
			</tr>
				<td colspan="2" >
					<div class="input">
					  <label for="posted">Posted</label><input type="text" name="posted" id="posted" value="" />
					</div>
				</td>
			</tr>
		</table>
      </form>
    </div>
	<div id="form-manage-trips">
		<table style="width: 100%">
			<tr>
				<td style="width: 260px; padding-right: 45px;valign: top;">
						<h5>Trip List</h6>
						<ul class='list' id="trip_list"></ul>
						<button id="add-new-trip"><img src=
        'http://google-maps-icons.googlecode.com/files/library.png' class="c2" alt="Image" />Add
        Trip</button>
				</td>
				<td style="vertical-align: top;">
					<h5>Trip Editor</h6>
				  <form id="add-trip" action="trip/save" method="post" name="add-trip">
					<input type="hidden" name="trip_id" value="" id="trip_id" />
					<div class="error c3"></div>
					<div class="input">
					  <label for="name">Trip Name</label> <input type="text" name="name" id="name" value=
					  "" />
					</div>
					<div class="input">
					  <label for="trip_date">Trip Date</label><input type="text" name="trip_date" id="trip_date" value="" />
					</div>
				
				 </form>
				 	<button id="save-trip">Save New Trip</button>
				</td>
				</tr>
				</table>
		</div>
  </body>
</html>
Return current item: Travelog