Add WebCms

WebCms/App_Plugins/Grid/Editors/Render/embed_videowrapper.cshtml

@@ -0,0 +1,5 @@
+@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>
+
+<div class="video-wrapper">
+	@Html.Raw(Model.value)
+</div>

WebCms/App_Plugins/Grid/Editors/Render/media_round.cshtml

@@ -0,0 +1,22 @@
+@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>
+
+@if (Model.value != null)
+{   
+    var url = Model.value.image;
+    if(Model.editor.config != null && Model.editor.config.size != null){
+        url += "?width=" + Model.editor.config.size.width;
+        url += "&height=" + Model.editor.config.size.height;
+
+        if(Model.value.focalPoint != null){
+            url += "&center=" + Model.value.focalPoint.top +"," + Model.value.focalPoint.left;
+            url += "&mode=crop";
+        }
+    }
+    
+    <img class="round center" src="@url" alt="@Model.value.caption">
+    
+    if (Model.value.caption != null)
+    {
+        <strong>@Model.value.caption</strong>
+    }
+}

WebCms/App_Plugins/Grid/Editors/Render/media_text_right.cshtml

@@ -0,0 +1,42 @@
+@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>
+
+@if (Model.value != null)
+{   
+    var url = Model.value.image;
+    if(Model.editor.config != null && Model.editor.config.size != null){
+        url += "?width=" + Model.editor.config.size.width;
+        url += "&height=" + Model.editor.config.size.height;
+
+        if(Model.value.focalPoint != null){
+            url += "&center=" + Model.value.focalPoint.top +"," + Model.value.focalPoint.left;
+            url += "&mode=crop";
+        }
+    }
+    
+    <div class="equalizer">
+        <div class="col-sm-8 column">
+            <div class="equal center">
+                <img class="wide" src="@url" alt="@Model.value.caption">
+            </div>
+        </div>
+        
+        @if (Model.value.headline != null)
+        {
+            <div class="col-sm-4 column">
+                <div class="equal">
+                    <p class="small vcenter">
+                        <strong>@Model.value.headline</strong>
+                        <br>
+                        @Model.value.paragraph
+                    </p>
+                </div>
+            </div>
+        }
+        @if (Model.value.paragraph != null)
+        {
+            <div class="col-md-4 column">
+                
+            </div>
+        }
+    </div>
+}

WebCms/App_Plugins/Grid/Editors/Render/media_wide.cshtml

@@ -0,0 +1,22 @@
+@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>
+
+@if (Model.value != null)
+{   
+    var url = Model.value.image;
+    if(Model.editor.config != null && Model.editor.config.size != null){
+        url += "?width=" + Model.editor.config.size.width;
+        url += "&height=" + Model.editor.config.size.height;
+
+        if(Model.value.focalPoint != null){
+            url += "&center=" + Model.value.focalPoint.top +"," + Model.value.focalPoint.left;
+            url += "&mode=crop";
+        }
+    }
+    
+    <img class="wide" src="@url" alt="@Model.value.caption">
+    
+    if (Model.value.caption != null)
+    {
+        <p class="caption">@Model.value.caption</p>
+    }
+}

WebCms/App_Plugins/Grid/Editors/Render/quote_with_description.cshtml

@@ -0,0 +1,34 @@
+@inherits Umbraco.Web.Mvc.UmbracoViewPage<dynamic>
+
+@if (Model.editor.config.markup != null)
+{
+    string markup = Model.editor.config.markup.ToString();
+
+    markup = markup.Replace("#value#", Model.value.ToString());
+    markup = markup.Replace("#style#", Model.editor.config.style.ToString());
+
+    <text>
+        @Html.Raw(markup)
+    </text>
+}
+else
+{
+    <text>
+        <div class="equalizer">
+        	<div class="col-sm-8">
+        		<div class="equal center">
+        			<blockquote>@Model.value.quote</blockquote>
+        		</div>
+        	</div>
+        	<div class="col-sm-4">
+        		<div class="equal">
+        			<p class="small vcenter">
+        				<strong>@Model.value.headline</strong>
+        				<br>
+        				@Model.value.description
+        			</p>
+        		</div>
+        	</div>
+        </div>
+    </text>
+}

WebCms/App_Plugins/Grid/Editors/Views/media_with_description.html

@@ -0,0 +1,32 @@
+<div ng-controller="Umbraco.PropertyEditors.Grid.MediaController">
+
+	<div class="usky-editor-placeholder" ng-click="setImage()" ng-if="control.value === null">
+		<i class="icon icon-picture"></i>
+		<div ng-id="!control.$inserted" class="help-text">Click to insert image</div>
+	</div>
+
+	<div ng-if="control.value">
+		<div style="width:49%;display:inline-block">
+			<img
+				ng-if="url"
+				ng-click="setImage()"
+				ng-src="{{url}}"
+				class="fullSizeImage" />
+		</div>
+		<div style="width:49%;display:inline-block;vertical-align:bottom;">
+			<textarea
+			rows="1"
+			umb-auto-resize
+			umb-auto-focus
+			class="textstring input-block-level" id="{{control.uniqueId}}_text"
+			ng-model="control.value.headline"
+			ng-attr-style="{{control.editor.config.style}}" style="font-weight:bold; font-size:17px;" placeholder="Image headline..."></textarea>
+			<textarea
+			rows="1"
+			umb-auto-resize
+			class="textstring input-block-level" id="{{control.uniqueId}}_text"
+			ng-model="control.value.paragraph"
+			ng-attr-style="{{control.editor.config.style}}" placeholder="Image description..."></textarea>
+		</div>
+ 	</div>
+</div>

WebCms/App_Plugins/Grid/Editors/Views/quote_with_description.html

@@ -0,0 +1,21 @@
+<div ng-controller="Umbraco.PropertyEditors.Grid.TextStringController">
+	<textarea
+		rows="1"
+		umb-auto-resize
+		umb-auto-focus
+		class="textstring input-block-level" id="{{control.uniqueId}}_text"
+		ng-model="control.value.quote"
+		ng-attr-style="{{control.editor.config.style}}" placeholder="Write quote here..."></textarea>
+		<textarea
+		rows="1"
+		umb-auto-resize
+		class="textstring input-block-level" id="{{control.uniqueId}}_text"
+		ng-model="control.value.headline"
+		ng-attr-style="{{control.editor.config.style}}" placeholder="Write headerline here..."></textarea>
+		<textarea
+		rows="1"
+		umb-auto-resize
+		class="textstring input-block-level" id="{{control.uniqueId}}_text"
+		ng-model="control.value.description"
+		ng-attr-style="{{control.editor.config.style}}" placeholder="Write description 	here..."></textarea>
+</div>