Commit d78b312a authored by ZeMKI's avatar ZeMKI
Browse files

UI homepage and interview

* removed unused UI from homepage
* unify style for the whole interface (same buttons...)
parent 3cf22d9b
<template>
<div>
<div class="sm:hidden">
<label for="tabs" class="sr-only">Select a tab</label>
<select
id="tabs"
name="tabs"
class="block w-full border-gray-300 rounded-md focus:ring-indigo-500 focus:border-indigo-500"
>
<option
:label="trans('Sorting') + ' ' + index"
v-for="(data, index) in actualData"
:key="index"
{{ index }}
</option>
</select>
</div>
<div class="hidden sm:block">
<div class="block" v-show="actualData.length > 1">
<nav
class="relative z-0 flex divide-x divide-gray-200 rounded-lg shadow"
aria-label="Tabs"
>
<!-- Current: "text-gray-900", Default: "text-gray-500 hover:text-gray-700" -->
<a
v-for="(data, index) in actualData"
:key="index"
class="relative flex-1 min-w-0 px-4 py-4 overflow-hidden text-sm font-medium text-center text-gray-900 bg-white rounded-l-lg group hover:bg-gray-50 focus:z-10"
href="#"
:aria-current="openTab !== index ? '': 'page'"
href="#"
:aria-current="openTab !== index ? '' : 'page'"
v-on:click.prevent="toggleTabs(index)"
>
{{ index+1 }}
{{ index + 1 }}
</a>
</nav>
</div>
<div
:class="{'hidden': openTab !== index, 'block': openTab === index}"
v-for="(data, index) in actualData"
:key="index"
:class="{ hidden: openTab !== index, block: openTab === index }"
v-for="(data, index) in actualData"
:key="index"
>
<img
:src="data.image"
:alt="'screenshot' + index"
class="w-full h-full"
/>
<img
:src="data.image"
:alt="'screenshot' + index"
class="w-full h-full"
/>
</div>
</div>
</template>
......
......@@ -91,19 +91,19 @@
<!--Footer-->
<div class="flex justify-end pt-2">
<button
class="p-3 px-4 mr-2 text-blue-500 bg-transparent rounded-lg hover:bg-gray-100 hover:text-blue-400"
class="inline-flex items-center justify-center px-4 py-2 mr-2 text-sm font-medium text-white bg-blue-500 border border-transparent rounded-md shadow-sm cursor-pointer hover:bg-blue-700 hover:text-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 xl:w-full"
@click="createPublicUrl()"
>
{{ trans("Create") }}
</button>
<button
class="p-3 px-4 mr-2 text-blue-500 bg-transparent rounded-lg hover:bg-gray-100 hover:text-blue-400"
class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-500 border border-transparent rounded-md shadow-sm cursor-pointer hover:bg-blue-700 hover:text-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 xl:w-full"
@click="copyInterviewUrlToClipboard()"
>
{{ trans("Copy to Clipboard") }}
</button>
<button
class="p-3 px-4 text-white bg-blue-500 rounded-lg hover:bg-blue-400"
class="inline-flex items-center justify-center px-4 py-2 ml-2 text-sm font-medium text-white bg-blue-500 border border-transparent rounded-md shadow-sm cursor-pointer hover:bg-blue-700 hover:text-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 xl:w-full"
@click="toggleModal()"
>
{{ trans("Close") }}
......@@ -272,7 +272,6 @@
>
<a
type="button"
href="#"
@click="toggleModal(study.id)"
class="inline-flex items-center justify-center px-4 py-2 mt-3 text-sm font-medium text-white bg-blue-500 border border-gray-300 rounded-md shadow-sm hover:bg-blue-700 hover:text-indigo-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full"
......@@ -281,7 +280,6 @@
<a
v-if="study.authiscreator"
type="button"
href="#"
@click="confirmdelete(study.id, study.name)"
class="inline-flex items-center justify-center px-4 py-2 mt-3 text-sm font-medium text-white bg-red-500 border border-gray-300 rounded-md shadow-sm hover:bg-red-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full"
......@@ -289,7 +287,6 @@
>
<a
v-if="study.authiscreator"
type="button"
href="#"
@click="confirmduplicate(study.id, study.name)"
class="inline-flex items-center justify-center px-4 py-2 mt-3 text-sm font-medium text-white bg-blue-500 border border-gray-300 rounded-md shadow-sm hover:bg-blue-700 hover:text-gray-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full"
......@@ -297,7 +294,6 @@
>
<a
v-if="!study.authiscreator"
type="button"
href="#"
@click="confirmLeaveProject(loggedUser, study.id)"
class="inline-flex items-center justify-center px-4 py-2 mt-3 text-sm font-medium text-white bg-red-500 border border-gray-300 rounded-md shadow-sm hover:bg-red-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full"
......@@ -305,7 +301,6 @@
>
<a
v-if="study.authiscreator"
type="button"
:aria-disabled="!study.editable"
:href="
productionUrl + 'studies/' + study.id + '/edit'
......
......@@ -24,9 +24,6 @@
class="inline-flex items-center justify-center px-4 py-2 text-sm font-medium text-white bg-blue-500 border border-transparent rounded-md shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 xl:w-full">
{{__('New Study')}}
</button></a>
<button type="button"
class="inline-flex items-center justify-center px-4 py-2 mt-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 xl:ml-0 xl:mt-3 xl:w-full">Invite
Team</button>
</div>
</div>
<!-- Meta info -->
......
......@@ -43,7 +43,7 @@ $columnValues = $baseArray;
<h2 class="text-2xl font-bold">{{__('Created Tokens')}}</h2>
@forelse($createdtokens->unique('id') as $token)
<div class="flex">
<div class="flex mt-2 first:mt-0">
<div class="self-center flex-shrink-0 mr-4">
<img src="{{$token->image_path}}" alt="token created" class="block w-10" />
</div>
......@@ -81,7 +81,7 @@ $columnValues = $baseArray;
{{__('Position (Column, Row)')}}
</th>
<th scope="col" class="px-4 py-3.5 text-left text-sm font-semibold text-gray-900">
{{__('Value')}}
{{__('Column')}}
</th>
<th scope="col"
class="py-3.5 pl-4 pr-4 text-left text-sm font-semibold text-gray-900 sm:pr-6">
......
<div class="w-1/2 mx-auto">
<h1 class="my-2 text-4xl font-extrabold text-blue-600 break-words">{{__('Studies where you\'ve been invited')}}</h1>
</div>
<div class="flex flex-wrap content-center w-2/3 h-auto mx-auto overflow-y-auto align-top">
@foreach ($invited_studies as $study)
<div class="w-1/4 border-t-2 border-b-2 border-l-2 border-r-2 border-solid">
<div class="w-full text-center bg-gray-100 sm:text-xs md:text-sm lg:text-xs xl:text-xl">
<p class="px-2 text-2xl font-extrabold text-blue-400 break-words truncate" title="{{$study->name}}">
{{$study->name}}
</p>
<p class="w-1/2 mx-auto text-sm text-blue-200 break-words bg-gray-700 rounded-full md:mt-2 lg:mt-2 md:p-2 lg:p-1"
title="{{$study->sortings[0]->name}}">
{{__($study->sortings[0]->name)}}
</p>
<p class="w-auto mx-auto text-sm text-blue-200 break-words bg-gray-700 md:mt-2 lg:mt-2 md:p-2 lg:p-1">
{{__('Invited by')}} {{$study->creator()->email}}
</p>
<div class="h-32 px-2 my-2 overflow-y-scroll text-sm text-left break-words">
<h5 class="mb-2 font-bold text-center break-words whitespace-normal">{{ __('Responsible Researcher(s)')
}}</h5>
<p>@text($study->author)</p>
</div>
<div class="h-32 p-2 overflow-y-scroll text-base break-words bg-gray-300">
@text($study->description)
</div>
<a class="inline min-w-full mt-2 text-2xl font-extrabold text-black uppercase select-none hover:no-underline"
href="{{url('studies/'.$study->id)}}">
<div class="min-w-full text-center bg-gray-400 hover:text-gray-800 hover:bg-gray-600">
<p class="items-center justify-center align-middle">
{{ __('Manage') }}
<svg class="inline w-6 h-8 fill-current" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"
fill="currentColor">
<path fillRule="evenodd"
d="M10.293 15.707a1 1 0 010-1.414L14.586 10l-4.293-4.293a1 1 0 111.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z"
clipRule="evenodd" />
<path fillRule="evenodd"
d="M4.293 15.707a1 1 0 010-1.414L8.586 10 4.293 5.707a1 1 0 011.414-1.414l5 5a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0z"
clipRule="evenodd" />
</svg>
</p>
</div>
</a>
<a class="inline min-w-full mt-2 text-white select-none hover:no-underline"
href="{{url('interview/new').'?study='.$study->id}}" @click.prevent="setinterviewdname({{$study->id}})">
<div
class="min-w-full text-2xl font-extrabold text-center bg-green-600 hover:text-gray-300 hover:bg-green-900">
{{ __('New Interview') }}
</div>
</a>
<a class="inline min-w-full mt-2 text-white select-none hover:no-underline" href="#"
@click="toggleModal({{$study->id}})">
<div
class="min-w-full text-2xl font-extrabold text-center bg-green-500 hover:text-gray-300 hover:bg-green-800 modal-open">
{{ __('New Public Url') }}
</div>
</a>
<a class="inline min-w-full mt-2 font-extrabold text-white uppercase select-none hover:no-underline md:lowercase sm:lowercase sm:text-base md:text-xl lg:text-2xl"
href="#" @click="confirmLeaveProject({{auth()->user()}},{{$study->id}})">
<div class="min-w-full text-center bg-red-400 hover:text-gray-100 hover:bg-red-600">
{{__('Leave Study')}}
</div>
</a>
</div>
</div>
@endforeach
</div>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment