ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / keebchat.com / themes / default / apps / ads / includes

<div class="upsert-ads-form-container">
	<form class="form" id="vue-ads-upsert-app" v-on:submit="submit_form($event)" autocomplete="off">
		<div class="form-group">
			<label>
				<?php echo cl_translate("Advertising cover"); ?>
			</label>
			<div class="ad-cover-dropzone">
				<div class="ad-cover-dropzone-inner" v-on:click="select_cover">
					<img v-if="ad_data.cover" v-bind:src="ad_data.cover" alt="Ad cover">
					<div v-else class="ad-cover-upload">
						<div class="icon">
							<?php echo cl_ikon('upload'); ?>
						</div>
						<div class="txt-label">
							<?php echo cl_translate("Upload a cover for your ad"); ?>
						</div>
					</div>			
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="row">
				<div class="col-sm-6">
					<label>
						<?php echo cl_translate("Campaign title"); ?>
					</label>
					<input v-model="$v.ad_data.company.$model" type="text" class="form-control" placeholder="<?php echo cl_translate("Enter your ad title"); ?>">
					<div v-if="is_invalid_company" class="invalid-main-feedback">
						{{fb.cs.company}}
					</div>
				</div>
				<div class="col-sm-6">
					<label>
						<?php echo cl_translate("Target URL"); ?>
					</label>
					<input v-model="$v.ad_data.target_url.$model" type="text" class="form-control" placeholder="<?php echo cl_translate("Enter the target URL of your ad"); ?>">
					<div v-if="is_invalid_target_url" class="invalid-main-feedback">
						{{fb.cs.target_url}}
					</div>
				</div>
			</div>
		</div>
		<div class="form-group">
			<label>
				<?php echo cl_translate("Status"); ?>
			</label>
			<div class="dropdown vue-dropdown-select">
                <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <span v-if="ad_data.status == 'orphan'">
                    	<?php echo cl_translate("Nothing selected"); ?>
                    </span>
                    <span v-else>
                    	{{sdds.status[ad_data.status]}}
                    </span>
                </button>
                <div class="dropdown-menu">
                    <a v-for="(v,k) in sdds.status" v-on:click="ad_data.status = k" class="dropdown-item" href="javascript:void(0);">
                        {{v}}
                    </a>
                </div>
            </div>
		</div>
		<div class="form-group">
			<label>
				<?php echo cl_translate("Target audience"); ?>
			</label>
			<div class="dropdown vue-dropdown-select vue-dropdown-multiselect">
                <button class="btn btn-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    <?php echo cl_translate("Selected countries"); ?> ({{ad_data.audience.length}})
                </button>
                <div class="dropdown-menu">
                    <a v-for="(v,k) in sdds.countries" v-on:click="select_audience(k)" class="dropdown-item" href="javascript:void(0);">
                        {{v}} <b v-if="ad_data.audience.contains(k)" class="select-check-mark">+</b>
                    </a>
                </div>
            </div>
            <p class="form-info-label">
            	<?php echo cl_translate("Select countries for the target audience of your ad, or select all countries if there are no audience restrictions"); ?>
            </p>
            <div class="multiselect-toggle-all">
            	<input v-on:change="select_audience_all($event)" id="select-all-audience" v-bind:checked="is_audience_all_selected" type="checkbox" class="filled-in chk-col-main">
				<label for="select-all-audience">
					<?php echo cl_translate("Select all"); ?>
				</label>
            </div>
		</div>
		<hr>
		<div class="form-group">
			<label>
				<?php echo cl_translate("Campaign description"); ?>
			</label>
			<textarea v-model="$v.ad_data.description.$model" class="form-control" rows="4" placeholder="<?php echo cl_translate("Enter the description of your ad"); ?>"></textarea>
			<div v-if="is_invalid_description" class="invalid-main-feedback">
				{{fb.cs.description}}
			</div>
		</div>
		<div class="form-group">
			<label>
				CTA
			</label>
			<input v-model="$v.ad_data.cta.$model" type="text" class="form-control" placeholder="<?php echo cl_translate("Enter the CTA of your ad. E.g. (Take our free trial)"); ?>">
			<div v-if="is_invalid_cta" class="invalid-main-feedback">
				{{fb.cs.cta}}
			</div>
		</div>
		<div class="form-group tos-agreement">
			<input v-model="tos_agree" id="tos-agree" type="checkbox" class="filled-in chk-col-main">
			<label for="tos-agree" class="tos-agree">
				<span>
					<?php echo cl_translate("By continuing, you agree to {@site_name@}",array(
						"site_name" => $cl["config"]["name"]
					)); ?>
				</span>
				<a href="<?php echo cl_link('terms_of_use'); ?>"><?php echo cl_translate("Terms of Use"); ?></a>
				<a href="<?php echo cl_link('privacy_policy'); ?>"><?php echo cl_translate("Privacy policy"); ?></a>
			</label>
		</div>
		<div class="form-group">
			<button v-if="submitting" disabled="true" class="btn btn-custom main-inline lg btn-block">
				<?php echo cl_translate("Please wait"); ?>
			</button>
			<button v-else v-bind:disabled="is_invalid_form" class="btn btn-custom main-inline lg btn-block">
				<?php if ($cl['ad_data']['status'] == 'orphan'): ?>
					<?php echo cl_translate("Publish"); ?>
				<?php else: ?>
					<?php echo cl_translate("Save changes"); ?>
				<?php endif; ?>
			</button>
		</div>
		<input type="file" class="d-none" data-an="cover-input" accept="image/*" v-on:change="upload_cover($event)">
	</form>
</div>

[-] pending.phtml [edit]
[+] ..
[-] systemoff.phtml [edit]
[-] upsert.phtml [edit]
[-] active.phtml [edit]
[-] archive.phtml [edit]