fixed layer title overflow issues and blank updated timestamp on new styles

Author: justenPalmer

src/model/Mstyle.js

@@ -32,6 +32,10 @@ const Mstyle = {
 					}
 				}
 			];
+			const now = new Date().getTime();
+			style._store = {
+				updated:now
+			};
 			LocalStorage.set(style.id,style);
 
 			Store.dispatch({

src/reducer/Rstyles.js

@@ -20,7 +20,6 @@ export default function(state = iState, action){
 		}
 		case 'STYLE_ADD':{
 			const add = fromJS(action.payload);
-			console.log('style add:',add);
 			return state.setIn(['recs',action.payload.id],add);
 		}
 		case 'STYLE_REMOVE':{

src/view/Vlayer/VlayerEdit.jsx

@@ -90,9 +90,11 @@ export default class VlayerEdit extends React.Component {
 			{this.state.editId?
 				<VlayerEditId handle={{change:this.handle.changeId}} style={style} error={layerError} layer={layer}/>
 			:
-				<h2 className="px-2 py-1 m-0 text-nav bg-light">
-					{layer.get('id')}
-					<div className="float-right">
+				<h2 className="px-2 py-1 m-0 text-nav bg-light row">
+					<div className="text-overflow-ellipsis flex-2">
+						{layer.get('id')}
+					</div>
+					<div className="text-right">
 						<div onClick={this.handle.clickEdit} className={'d-inline-block layer-nav-link px-1 '+(this.state.mode === 'edit' ? 'active': '')}>
 							<i className="material-icons md-18 icon-btn gray">mode_edit</i>
 						</div>

src/view/Vlayer/index.jsx

@@ -82,7 +82,7 @@ export default class Vlayers extends React.Component {
 		const layers = style.get('layers');
 
 		return <div className="row mr-0 h-100">
-			<div className="col-sm-5 pr-0">
+			<div className="col-5 pr-0">
 				<div className="pl-1 py-1">
 					{this.state.searchShow ? 
 						<div className="px-2 py-1 m-0 text-nav bg-light list-border-right clearfix position-relative">
@@ -107,9 +107,11 @@ export default class Vlayers extends React.Component {
 							</div>
 						</div>
 						:
-						<h2 className="px-2 py-1 m-0 text-nav bg-light list-border-right">
-							Layers ({layers.size})
-							<div className="float-right">
+						<h2 className="px-2 py-1 m-0 text-nav bg-light list-border-right row">
+							<div className="flex-2 text-overflow-ellipsis">
+								Layers ({layers.size})
+							</div>
+							<div className="">
 								<span className="icon-btn gray" onClick={this.handle.searchShow}>
 									<i className="material-icons md-18">search</i>
 								</span>
@@ -164,7 +166,7 @@ export default class Vlayers extends React.Component {
 					</div>
 				</div>
 			</div>
-			<div className="col-sm-7 px-0">
+			<div className="col-7 px-0">
 				<div className="p-1">
 					<Switch>
 						<Route path={`${match.url}/add`} 

src/view/Vstyles/VstyleAdd.jsx

@@ -64,7 +64,7 @@ export default class VstyleAdd extends React.Component {
 
 				var reader = new FileReader();
 				reader.onloadend = (e)=>{
-					console.log('text:',e.target.result);
+					//console.log('text:',e.target.result);
 					const text = e.target.result;
 					let json;
 					try {
@@ -74,7 +74,7 @@ export default class VstyleAdd extends React.Component {
 					}
 					Mstyle.add(json).then((style)=>{
 						handle.route('style/'+style.id);
-						MstyleSource.setStyleSourceJSON(style);
+						//MstyleSource.setStyleSourceJSON(style);
 					}).catch((e)=>{
 						this.setState({error:e});
 						console.error(e);